/*----------------
RESET styles
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,
th,td, img {  
	margin: 0; 
	padding: 0;
	border: 0;
	}
	
a:focus, a:active, a { outline: none;}
/*-------------------------------------------------------------*/

/*-------------
GLOBAL styles
------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4a4a4a;
	background: url(/images/body_bg.gif) 0 0 repeat-x #f1f1f1;
	}
h1.logo a {
	background: url(/images/mysell_logo.gif) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	width: 163px;
	height: 81px;
	position: absolute;
	top: 20px;
	left: 20px;
	}
h2 {
	color: #364145;
	font-size: 16px;
	}
h3 {
	color: #535353;
	font-size: 14px;
	}
h4 {
	color: #5a5a5a;
	font-size: 12px;
	}
a {
	color: #454545;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	color: #8b0b04;
	}
ol li ul {
	padding: 0 0 0 15px;
	}	
	

/* Structure ------------------*/
#wrap {
    width: 930px;
    margin: 0 auto;
    position: relative;
}
#header {
    height: 124px;
    background: url(/images/search_bg.gif) 0 71px no-repeat;
    position: relative;
}

#content {
	background: url(/images/content_middle_bg.gif) right 0 repeat-y;
	overflow: hidden;
	height: 100%;
	}
#content_inner {
	background: url(/images/content_top_bg.gif) 0 0 no-repeat;
	overflow: hidden;
	}
#container {
    padding: 10px 10px 10px 10px;
    float: left;
    width: 690px;
    }

/*-------------
Header styles
------------------------------------------------------------*/

/* Main Nav ------------------*/
#main_nav {
	position: absolute;
	top: 88px;
	left: 200px;
	}
#main_nav li {
	float: left;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-right: 2px;
	}
#main_nav li a {
	color: #545454;
	text-decoration: none;
	background: url(/images/main_nav_btn.gif) left bottom no-repeat;
	float: left;
	display: block;
	height: 30px;
	padding-left: 20px;
	}
#main_nav li a span {
	background: url(/images/main_nav_btn.gif) right bottom no-repeat;
	float: left;
	display: block;
	height: 20px;
	padding-right: 20px;
	padding-top: 10px;	
	}
#main_nav li a:hover {
	background: url(/images/main_nav_btn.gif) left top no-repeat;
	text-decoration: underline;
	color: #424242;
	cursor: pointer;
	}
#main_nav li a:hover span {
	background: url(/images/main_nav_btn.gif) right top no-repeat;
	}
#main_nav li.selected a {
	background: url(/images/main_nav_btn.gif) left top no-repeat;
	color: #424242;
	cursor: pointer;
	}
#main_nav li.selected a span {
	background: url(/images/main_nav_btn.gif) right top no-repeat;
	}

/* Login Panel ------------------------ */
#login_container {
	position: absolute;
	top: 0;
	right: 0;
	width: 241px;
	height: 220px;
	display: none;	
	z-index: 9999;
	}
#login_panel {
	position: absolute;
	top: 0;
	right: 0;
	background: url(/images/login_dropdown.png) 0 0 no-repeat;
	width: 201px;
	height: 200px;
	z-index: 99999 !important;
	padding: 10px 20px;
	}
#login_panel h2 {
	color: #a6bd3e;
	padding: 0 0 10px 0;
	display: inline;
	float: left;
	}
span.hide {
	background: url(/images/hide_arrow.gif) 0 4px no-repeat;
	float: right;
	padding-left: 12px;
	}
#login_panel p {
	clear: both;
	color: #b3b3b3;
	font-size: 11px;
	padding: 10px 0 0 0;
	}
#login_panel a {
	color: #83e9f3;
	}
#login_panel a:hover {
	text-decoration: none;
	}
#login_panel input {
	float: left;
	display: inline;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	}
#login_panel label {
	display: block;
	clear: both;
	color: #a0b9c1;
	font-weight: bold;
	}
#login_panel input.login {
	background: url(/images/login_btn.gif) 0 0 no-repeat;
	height: 22px;
	width: 54px;
	border: none;
	outline: none;
	cursor: pointer;
	float: right;
	clear: none;
	}
#login_panel input.login:hover {
	background: url(/images/login_btn.gif) 0 bottom no-repeat;
	}	
#login_panel span.hide a {
	color: #fff;
	}
.remember_me {
	width: auto;
	clear: none;
	}
#login_panel label#remember_me_label {
	font-size: 10px;
	color: #b3b3b3;
	clear: none;
	padding: 0 0 0 5px;
	float: left;
	}
	
/*-------------
Admin Styles
------------------------------------------------------------*/       
#footer_admin {
    padding: 48px 13px 60px 13px;
    overflow: hidden;
    height: 100%;
    background: url(/images/footer_admin.gif) 0 0 no-repeat;
    }
#content_admin {
    background: url(/images/admin_middle.gif) right 0 repeat-y;
    overflow: hidden;
    height: 100%;
    }
#content_inner_admin {
    background: url(/images/admin_top.gif) 0 0 no-repeat;
    overflow: hidden;
    height: 100%;
    }

/* Drop Down Menu ------------------------ */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: none;	
	}
ul.dropdown {
	position: relative;
	z-index: 597;
	height: 35px;
	width: 930px;
	font-size: 11px;
	padding: 4px 0 0 0;
	margin-bottom: 17px;
	}
ul.dropdown li {
	float: left;
	display: block;
	height: 31px;
	margin: 0 7px 0 7px;/*space between menu items */
	padding: 0 0 0 5px;
	}
ul.dropdown li span {
	padding: 6px 10px 0 5px;	
	display: block;
	}	
ul.dropdown a {
	color: #000;
	text-decoration: none;
	}
ul.dropdown li a:hover span {
	color: #83e9f3;
	text-decoration: underline;
	}
ul.dropdown li a span {
	text-decoration: none;
	}
ul.dropdown li.hover a {
	color: #fff;
	}
ul.dropdown li.hover {
	background: url(/images/drop_down_tab.gif) left 0 no-repeat;
	position: relative;
	z-index: 599;
	}
ul.dropdown li.hover span {
	background: url(/images/drop_down_tab.gif) right 0 no-repeat;
	position: relative;
	z-index: 599;
	}
ul.dropdown ul.last_2{
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: -119px;
	z-index: 598;
	width: 227px;
	}
ul.dropdown ul.last {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: -182px;
	z-index: 598;
	width: 227px;
	}	
/* Sub nav styles */	
ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
	background: url(/images/drop_down_btm.png) 0 bottom no-repeat;
	padding: 0 0 10px 0;
	width: 227px;
	}
ul.dropdown ul li {
	float: none;
	background: url(/images/drop_down_bg.gif) 0 0 repeat-y;
	display: block;
	width: 227px;
	height: 20px;
	margin: 0;
	padding: 0 0 0 10px;
	}
ul.dropdown ul li a {
	display: block;
	height: 100%;
	}
ul.dropdown ul li a:hover {
	color: #83e9f3;
	text-decoration: underline;
	}
ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
	background: url(/images/drop_down_bg.gif) 0 0 repeat-y;
	display: block;
	width: 227px;
	height: 20px;
	margin: 0;
	}
ul.dropdown ul li.first {
	padding-top: 10px;
	}

/* ////////////////////////   Admin Drop Down Nav ------------------------ */

#admin {
	background: #fff8c1;
	height: 20px;
	border: 1px solid #e9e1a2;
	margin: -12px 0 10px 0;
	}
ul.admin_nav,
ul.admin_nav li,
ul.admin_nav ul {
	list-style: none;	
	}
ul.admin_nav {
	z-index: 596;
	display: block;
	font-size: 11px;
	background: #fff8c1;
	}
ul.admin_nav li {
	float: left;
	display: block;
	padding: 4px 10px 4px 10px;
	border-right: 1px solid #ccc;
	}
ul.admin_nav li span {
	padding: 6px 10px 0 5px;	
	display: block;
	}	
ul.admin_nav a {
	color: #454545;
	text-decoration: none;
	}
ul.admin_nav li a:hover,
ul.admin_nav li a:hover span {
	color: #000000;
	text-decoration: underline;
	}
ul.admin_nav li a span {
	text-decoration: none;
	}
ul.admin_nav li.hover {
	background: #f9ea96;
	position: relative;
	z-index: 599;
	}
ul.admin_nav li.hover span {
	background: #e9e1a2;
	position: relative;
	z-index: 599;
	}
/* Sub nav styles */	
ul.admin_nav ul {
	visibility: hidden;
	position: absolute;
	left: -1px;
	top:20px;
	z-index: 598;
	width: 100%;
	width: 227px;
	border:1px solid #ccc;
	background: #f9ea96;
	}
ul.admin_nav ul li {
	float: none;
	display: block;
	border: none;
	padding: 5px 10px;
	}
ul.admin_nav ul li a {
	display: block;
	height: 100%;
	}
ul.admin_nav ul li a:hover {
	color:#000000;
	text-decoration: underline;
	}	
/* //////////////////////// --------------------- */



/* Utility Nav ------------------*/

ul#login {
	background: url(/images/utility_tab.gif) 0 0 no-repeat;
	float: right;
	width: 114px;
	height: 24px;
	list-style: none;
	margin-left: 10px;
	padding: 10px 0 0 13px;
	}
ul#login li {
	float: left;
	border-right: 1px solid #666;
	padding: 0 5px 0 12px;
	background: url(/images/login_arrow.gif) 0 5px no-repeat;
	}
ul#login li.last {
	border: none;
	background: none;
	padding: 0 5px 0 5px;
	}
ul#login.logout {
	background: url(/images/utility_tab_logout.gif) 0 0 no-repeat;
	width: 51px;
	}
ul#login.logout li {
	background: none;
	padding: 0;
	border: none;
	}
ul#utility_nav {
	list-style: none;
	float: right;
	padding: 10px 0 0 30px;
	}
ul#utility_nav li {
	float: left;
	border-right: 1px solid #666;
	padding: 0 5px 0 5px;
	}
ul#utility_nav li.last {
	border: none;
	}

	

/* Search Box ------------------*/
.search {
	position: absolute;
	right: 240px;
	width: 140px;
	top: 79px;
	border: 0;
	outline: none;
	padding: 2px;
	}
.search:focus {
	border: none;
	}
.search_btn {
	background: url(/images/search_btn.gif) right 0 no-repeat;
	width: 28px;
	height: 23px;
	display: block;
	border: none;
	cursor: pointer;
	padding: 0;
	position: absolute;
	top: 76px;
	left: 890px;
	}
.search_btn:hover {
	background: url(/images/search_btn.gif) left 0 no-repeat;
	}	
#category {
	width: 153px;
	height: 23px;
	position: absolute;
	top: 0;
	left: 0;
	}
#search_dropdown {
	width: 153px;
	position: absolute;
	top: 77px;
	right: 50px;
	z-index: 999;
	}
#search_checkboxes {
	width: 385px;
	height: 20px;
	position: absolute;
	top: 103px;
	right: 4px;
	}
#search_checkboxes label {
	float: left;
	color: #ccc;
	font-size: 11px;
	padding: 4px 8px 0 1px;
	}
#search_checkboxes input {
	float: left;
	}

/* Niceforms Selects*/
.NFSelect {
	height:23px; 
	border: none;
	}
.NFSelectLeft {
	display: none;
	}
.NFSelectRight {
	height:23px; 
	width:153px; 
	background: url(/images/category_right.gif) 0 0 no-repeat;
	cursor:pointer; 
	font:12px/21px Arial, Helvetica, sans-serif; 
	color:#000; 
	padding: 2px 0 0 6px;
	}
.NFSelectTarget {
	position:absolute; 
	background:none; 
	margin-left:-13px; 
	margin-top:18px; 
	z-index:3; 
	left:0; 
	top:0; 
	padding-bottom:13px;
	}
.NFSelectOptions {
	position:relative;
	top: 4px;
	right: 3px; 
	background:#eee; 
	margin-left:16px; 
	margin-top:0; 
	list-style:none; 
	padding: 0;
	color:#fff; 
	font:11px/13px Arial, Helvetica, sans-serif; 
	z-index:4; 
	overflow-y:auto; 
	overflow-x:hidden; 
	border: 1px solid #ccc;
	}
.NFSelectOptions li {
	padding: 0 0 5px 0;
	}
.NFSelectOptions a {
	display:block; 
	text-decoration:none; 
	color:#4A4A4A; 
	padding:5px 8px; 
	background:none;
	}
.NFSelectOptions a.NFOptionActive {
	background:#577a88;
	color: #fff;
	}
.NFSelectOptions a:hover {
	background:#577a88;
	color: #fff;
	}
/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}


/*-------------
Content styles
------------------------------------------------------------*/

/* Right Content Column ------------------*/
#about {
	float: right;
	padding: 10px; 
	margin: 0 15px 20px 0;
	background: transparent url(http://www.mypentecost.com/images/intro_bg.jpg) no-repeat scroll 0pt 0pt; 	
	width: 160px; 
	line-height: 1.5em; 
	}
#aboutAuction {
	padding: 10px; 
	margin: -45px 5px 20px 0;
	width: 180px; 
	line-height: 1.5em;
	vertical-align: top;
	float: right;
	}	
#aboutAuction div
{
	margin-bottom: 10px;
}
.item_row {
	margin-top: 5px;
	padding-top: 10px;
	border-top: 1px solid #dcdcdc;
	float: left;
	overflow: hidden;
	}
#promo {
	float: right;	
	width: 180px;
	padding-right: 15px;
	clear: right;
	}
#promo div {
	margin-bottom: 10px;
	}	
#promo .paypal {
	padding: 20px 0 0 16px;
	}
#promo p {
	padding: 10px 10px 0 16px;
	text-align: center;	
	}	
#promo p a {
	text-decoration: underline;
	}
#help {
	margin-right: 15px;
	float: right;
	clear: right;
	}

/* Most Popular Items ----------*/
div.item {
	float: left;
	display: block;
	width: 150px;
	height: 274px;
	border-right: 1px solid #dcdcdc;
	padding: 0 12px 0 12px;
	}
div.item.last {
	border: none;
	padding-right: 0;
	}
div.item_frame {
	background: transparent url(/images/item_rounded_corner.png) 0 0 no-repeat;
	width: 152px;
	height: 115px;
	position: absolute;
	}
div.item_frame a {
	display: block;
	width: 152px;
	height: 115px;
	}
/* Auction Block -------------*/
div.auction_list {
	background: url(/images/auction_top.gif) 0 0 no-repeat;
	height: 28px;
	}
div.auction_list span {
	font-weight: bold;
	}
div.auction_photo_w_contact {
	width: 152px;
	height: 170px;
	float: left;
	}
div.auction {
	display: block;
	width: 680px;
	}
div.auction a {
	text-decoration: underline;
	}
div.auction_frame{
	width: 515px;
	padding-left: 10px;
	float: left;
	padding-top: 0px;
	padding-bottom: 5px;
	}
div.auction_frame_photo {
	background: transparent url(/images/item_rounded_corner.png) 0 0 no-repeat;
	width: 152px;
	height: 115px;
	position: absolute;
	}
div.auction_frame_photo a {
	height: 115px;
	display: block;
	}
div.auction_photo_w_contact img {
	height:115px;
	width: 152px;
	}	
div.auction_frame a {
	font-size: .5 em;
	text-decoration: underline;
	}
div.auction_title{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	}
div.auction_title a {
	display: block;
	text-decoration: none;
	}
div.auction_title a:hover {
	color: Black;
	}
span.auction_date {
	color: #930d08;
	font-weight: bold;
	}	


#teaser {
	overflow: hidden;
	height: 100%;
	width: 700px;
	}

#teaser .item_photo {
	width: 152px;
	height: 115px;
	}
#teaser h3 {
	padding: 5px 0 0 0;
	height: 50px;
	font-size: 12px;
	}
#teaser h2 {
	padding: 0 0 5px 12px;
	} 
#teaser p {
	font-size: 11px;
	}
p.bid {
	padding: 5px 0 10px 0;
	}
p.bid span {
	color: #930d08;
	}
#teaser span {
	font-weight: bold;
	}

/*-------------
Footer styles
------------------------------------------------------------*/
#footer {
	background: url(/images/footer_bg.gif) 0 0 no-repeat;
	width: 903px;
	display: block;
	overflow: hidden;
	padding: 40px 13px 60px 13px;
	}
#footer h4,
#footer_search h4,
#footer_admin h4 {
	text-decoration: underline;
	padding: 0 0 10px 0;
	font-size: 12px;
	}
#location {
	width: 200px;
	float: left;
	display: block;
	}
#contact {
	width: 200px;
	float: left;
	display: block;
	}
#contact p.phone {
	padding-top: 10px;
	}
dl.hours 
{   width:123px;
    }
dl.hours dd 
{
    float:right;
    display:block;
    width:80px;
    clear: right;
    }
dl.hours dt 
{
    float: left;
    width: 40px;
    }
#footer_nav {
	width: 300px;
	float: left;
	display: block;
	}
#footer_nav ul li {
	float: left;
	display: block;
	width: 140px;
	}
#footer_nav a {
	color: #5a5a5a;
	text-decoration: none;
	}
#footer_nav a:hover {
	text-decoration: underline;
	}
#members {
	width: 200px;
	float: left;
	display: block;
	}
#payment {	
	float: left;
	display: block;
	clear: both;
	padding-top: 20px;
	width: 400px;
	}
#payment p {
	font-size: 10px;
	padding-top: 10px;
	}
/*-------------
Search Results
------------------------------------------------------------*/	
#footer_search {
	padding: 48px 13px 60px 13px;
	overflow: hidden;
	height: 100%;
	background: url(/images/footer_search_bg.gif) 0 0 no-repeat;
	}
#content_search {
	background: url(/images/content_search_middle_bg.gif) right 0 repeat-y;
	overflow: hidden;
	height: 100%;
	}
#content_inner_search {
	background: url(/images/content_search_top_bg.gif) 0 0 no-repeat;
	overflow: hidden;
	height: 100%;
	}	

/*Search Left Column ------*/
#search_left {
	width: 158px;
	float: left;
	padding: 10px 0 0 10px;
	}
#search_left ul {
	list-style: none;
	}
#search_left h3 {
	padding: 10px 0 10px 0;
	}
#search_left h4 {
	background: url(/images/search_left_tab.gif) 0 0 no-repeat;
	display: block;
	height: 17px;
	padding: 4px 0 0 5px;
	}
#search_left li.selected {
	color: #454545;
	font-weight: bold;
	}
#search_left ul {
	padding: 5px 0 0 5px;
	}
#search_left li {
	background: url(/images/search_left_arrow.gif) 0 4px no-repeat;
	padding: 0 0 3px 8px;
	}	
	
/*Search Right Column ------*/	
#search_right {
	float: left;
	width: 720px;
	padding: 20px 0 0 20px;
	}
ul#resultscrumb {	
	overflow: hidden;
	height: 100%;
	padding-bottom: 10px;
	}
#resultscrumb li {
	list-style: none;
	float: left;
	display: block;
	font-size: 14px;
	}
#resultscrumb a {
	color: #364145;
	}
#resultscrumb a:hover {
	color: #8b0b04;
	}	

#resultscrumb span {
	font-weight: bold;	
	}
	
span#auctionItemTitle {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;	    
    }
	
/*pagination*/
table.search_results tr.page_row td table {
	height: 30px;
	}
table.search_results tr.page_row td table tr td {
	padding: 10px 2px 5px 0;
	}
table.search_results tr.page_row td table a {
	text-decoration: underline;
	padding: 2px 4px;
	}
table.search_results tr.page_row td table a:hover {
	background: #688285;
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: lighter;
	}	
table.search_results tr.page_row td table span {
	background: #688285;
	display: block;
	padding: 2px 4px;
	color: #fff;
	}
table.search_results table.search_results tr.page_row td table td {
	border: none;
	}
table.search_results tr.page_row td {
	border: none;
	padding: 5px 0 5px 0;
	}

/* Search Results Table ------------------- */ table.search_results {
	width: 100%;
	}	
table.search_results td {
	vertical-align: top;
	padding: 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
table.search_results td a {
	text-decoration: underline;
	}
table.search_results td a:hover {
	text-decoration: none;
	}
table.search_results tr.alt_row {
	background: #eef8f9;
	}
table.search_results td.first {
	border-left: 1px solid #ccc;
	}

/*column head*/
tr.col_head {
	background: url(/images/col_head_bg.gif) 0 0 no-repeat;
	height: 29px;
	}
tr.col_head th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
	}
tr.col_head th.last {
	border: none;
	}		
tr.col_head a {
	color: #364145;
	font-weight: bold;
	text-decoration: underline;
	}
tr.col_head a:hover {
	text-decoration: none;
	}

/*photo styles*/
table.search_results a.photo {
	border: 1px solid #999;
	padding: 4px;
	width: 75px;
	background: #fff;
	display: block;	
	}
table.search_results a.photo:hover {
	border: 1px solid #8b0b04;
	}
table.search_results a.photo img {
	width: 75px;
	}	

/* view item styles */
.ErrorMessage
{
	color: Red;
}
.Winning
{
	color: Green;
}
.required
{
	color: Red
}
.fldLbl
{
	text-align: right;
	width: 175px;
	float: left;
	margin-right: 10px;
}
.tr
{
	padding-left: 3px;
	padding-right: 3px; 
	/*font-size: 10pt;*/
}
.ItemHeader
{
	font-size: 1.25em;
	/*background-color: Black;
	color: White; */
	height: 75px;
	border: solid 1px black;
}
.Description
{
	/*border-bottom: solid 1px black;*/
	border-top: solid 1px #364145;
	width: 100%;
	padding: 5px 0px 5px 5px;
}
.descriptionHeader
{
    padding: 5px 0px 5px 5px;
    background-color: #364145;
    color: #ffffff;
    margin-bottom: 10px;    
}

.Ended
{
	color: Red;
	font-weight: bold;
}
div.cs-tooltip {
	background: #999;
	display: none;
	left: -1000px;
	padding: 0;
	position: absolute;
	top: -1000px;
	/*z-index: 99;*/
}

div.cs-tooltip div {
	background: #fff;
	border: 1px solid #000;
	left: -3px;
	padding: 10px;
	position: relative;
	top: -3px;
	width: 300px;
}
a.cs-help:link
{
	font-size: 8pt;
	/*color: Black ! important;*/
	text-decoration: none;
}
.termsHeading
{
	text-decoration: underline;
	font-weight: bold;
}

.ContentArea
{
	padding: 5px 15px 15px 15px;
}


#welcome {
	float: right;
	padding: 10px 0 0 0;
	color: #688285;
	text-align: right;
	}	
#welcome div.notification {
	color: red;
	}
