/* Custom CSS File Created: April 20, 2016 - 02:03:34 */

/*
 * Use this custom.css file to overwrite CSS from the default.css file.  If you
 * want to customize the CSS, copy the applicable CSS section(s) to this file
 * and customize here.  It is recommended to use the admin edit tool as it makes
 * this process a little easier.
 * 
 * --- Caveat: Background Images ---
 * 
 * Note that images loaded in the CSS are relative, so if the default CSS file
 * specifies a URL like url('../images/background.jpg') - since it is relative,
 * it will use background.jpg from the default template set, NOT your custom template
 * set.  If you want to use an image background from your own template set, copy
 * the applicable CSS to this file so that the image location will be relative
 * to this custom.css file rather than the default template's default.css file.
 */

/* reset  box-sizing! */ 
/*html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
*/
/* exceptions to box-sizing */
/*body, .form-wrapper {
	box-sizing: content-box;
	}
*/

/* 2018 one more try at box-sizing, for sanity sake! */

/*html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}*/

/* pha colors
box borders: color: #D8B9AF or color: #E2CCC5 (lighter) #EDE2DE (very light) #eee9e6 
fonts: color: #55230B; (dark brown) #8C5B44; (lighter brown)
*/
html {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: none; /*override default, and let body control background color */
}



body {
	background-color: #000;
	background: url(../images/tooled-left.jpg) 10px -35px #000;
	 /*color: #555;*/
	 color: #55230B;
}

h3 {
    margin: 0;
}

a {
	color: #4987C5;
	}

h1.title a:visited,
h2.title a:visited,
h3.title a:visited,
h1.title a,
h2.title a,
h3.title a,
h1.title,
h2.title,
h3.title,
.design2016 h3.title,
h3.title a {
	/*color: #333;*/	
	 color: #55230B;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

h3.title a:hover {
	text-decoration: none;
}

.main h3.subtitle {
    margin: 5px;
}


h1.subtitle, 
h2.subtitle, 
h3.subtitle, 
.highlight_links a, 
.highlight_links a:visited, 
.text_highlight, 
footer.page .disclaimer h3, 
footer.page .disclaimer h4, 
#listing_categories li.element, 
#listing_categories span.category_title, 
div.category_column ul span.category_title, 
ul.social_links li.element, 
.row_header, 
h1.listing_title, 
h1.seller_username, 
h1.seller_username a:link, 
h1.seller_username a:visited, 
.galleryBigImage p, 
.full_image_item, 
h1.print_title, 
.lightUpBox_navigation, 
.lightUpBox_description, 
.title2, 
h1.search_title,
.breadcrumb .active,
.price {
    color: #52B69A;
	/* color: #2D6354;*/
}
/* 2018 change */
.price {
	color: #2D6354;
}

/* pha misc text */
.success_box {
	color: #55230B;
	font-size: .8rem;
	}
	
.success_box .row {
	font-weight: normal;
	}
		

p.company_contact::first-line { font-weight: bold;}

a:hover, .categories div a:hover {
	color: #52B69A;
	} 

span.glyphicon {
	color: #555;
	letter-spacing: .3em; /* adjust space between icon and text */
	}
	
.main-menu span.glyphicon {
	color: #897267;
	}	
	
.left { text-align: left; }
.center { text-align: center; }	
	
/* make icon class for facebook, even though not included in glyphicons */	
span.facebook::before {
  background-image: url('../images/icons/social/facebook.png');
  content: "";
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
  display: inline-block;
  opacity: 0.8;
}	
	

/* reset some specific font-families added in default.css*/
.user_links {
	font-family: inherit;
	}

.checklist {
	font-size: .9em;
	color: #55230B;
	}
	
.checklist li {
	background-position: .31em 50%;
	}	

.content_box_1 p, .content_box_2 p, .content_box_3 p {
	padding: .5em;
	line-height: 150%;
	}

.tabList li:hover,
.tabList li.activeTab {
    color: #34A8C4;
}
.listing-content .tab-content > .active {
	border-color: #E2CCC5;
	}

.price-tag,
.column_header {
    background: #52B69A none repeat scroll 0 0;
}

.price-tag.buy-now {
	background: #FFAC38 none repeat scroll 0 0;
	}

p.price-tag .price {
	font-weight: bold;
	}	

.design2016 .button:visited,
.design2016 .button:hover,
.design2016 a.button:visited,
.design2016 a.button:hover,
a.button:visited,
a.button:hover,
.design2016 .button:visited,
.design2016 .button,
.button:visited,
.button,
.header-button:visited,
.header-button:hover,
.header-button {
	background: #fff none repeat scroll 0 0;
	border: thin solid #0192b5;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	box-shadow: none;
	color: #0192b5;
	display: inline-block;
	font-weight: normal;
	margin: 3px 0;
	padding: 0.5em 0.63em;
	text-decoration: none;
	text-shadow: none;
	transition-duration: 0.2s;
	white-space: nowrap;
}

.header-button-container {
	position:absolute; 
	display:inline; 
	z-index: 20;
	margin: 0.95em 0 0 0.5em;
}


.design2016 .button:hover,
.design2016 a.button:hover,
a.button:hover,
.header-button:hover,
.menu-link:hover,
.user-links .menu-link:hover {
	background: #E9F9FC;
	text-decoration: none;
}


.design2016 .highlight_links a.button.cancel,
.design2016 .highlight_links a.button.cancel:visited {
	border-color: #B9002F; /* required-primary */
	background: #CE0034; /* required-primary */
	color: #fff;
	text-decoration: none;
}

.design2016 .highlight_links a.button.cancel:hover  {
	border-color: #B9002F; /* required-primary */
	background: #fff; /* required-primary */
	color: #CE0034;
	text-decoration: none;
}

/* nice white button, red letters, red bkg on hover */
.design2016 a.button.cancel,
.design2016 a.button.cancel:visited {
	border-color: #B9002F; /* required-primary */
	background: #fff; /* required-primary */	
	color: #CE0034;
	text-decoration: none;
}

.design2016 a.button.cancel:hover {
	border-color: #B9002F; /* required-primary */
	background: #CE0034; /* required-primary */	
	color: #fff;
	text-decoration: none;
	opacity: 0.8;
}


/* action buttons, yellow background */
.design2016 a.button.attention,
.design2016 a.button.attention:visited {
	background: yellow; /* required-primary */	
	color: black;
	text-decoration: none;
}

.design2016 a.button.attention:hover {
	color: #0192b5;
	background: #E9F9FC;
}


.breadcrumb,
.tab-content,
.user-profile-cntnr,
.content_box_1,
.content_box_2,
.content_box_3 {
	background-color: #FFF;
}

/* 2023 user nav (account, help) needs z-index on outer most parent to work (only needs to be "1", doesn't work on "fixed-nav" */	
.logo-search-container { 
	height: 5em;
	position: relative;
	z-index: 20; 
}

.logo-search-container .form-wrapper {
	background: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
	height: 30px;
	margin: 0 auto;
	padding: 1px;
	width: 100%;
}

.user_management .form-wrapper {
	padding: 4px;
	}

.logo-search-container .form-wrapper input {
	background: #f9f9f8 none repeat scroll 0 0;
	box-shadow: 0 1px 2px #e9e9e8 inset, 0 0 0 1000px #fbfbfa inset;
	border: thin solid #ccc;
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	float: left;
	font-weight: normal;
	font-size: .75em;
	height: 35px;
	padding: 5px;
	width: 85%;	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.logo-search-container .form-wrapper button::before {
	top: 9px;
}

.logo-search-container .form-wrapper button {
	height: 35px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.logo-search-container .form-wrapper button .glyphicon {
	top: -1px;
}

.logo-box .logo img {
	max-height: 60px;
	/* new logo 2023 */
	max-height: 170px;
}

.form-wrapper button {
    background: #34a8c4 none repeat scroll 0 0;
		margin: 0;
}

.form-wrapper button:active,
.form-wrapper button:focus,
.form-wrapper button:hover{		
    background: #3cb1cb;
}

.form-wrapper button:before {
    border-color: transparent #34a8c4 transparent;
}

.form-wrapper button:hover:before{
    border-right-color: #3cb1cb;
}

.form-wrapper input:focus {
	box-shadow: none;
	border: thin solid #34a8c4;
    outline: 0;
    background: #fff;
}

nav.footer {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
	/*border-color: #dddddd -moz-use-text-color -moz-use-text-color;*/
	border-color: #E2CCC5 -moz-use-text-color -moz-use-text-color;	
    border-style: solid none none;
    border-width: thin 0 0;
}

nav.footer a {
    color: #0192b5;
    font-size: 1rem;
    font-weight: normal;
    padding: 0.37em 0;
	background-color: transparent;
	border-bottom: none;
}

nav.footer a:nth-of-type(2n+1) {
    border-right: none;
}

.blurb {
    border-left: thin solid #0192b5;
    color: #0192b5;
    font-weight: normal;
}
.blurb h3,
.blurb a:hover,
.blurb a:visited,
.blurb a {
    color: #000;
}

.disclaimer h4,
footer.page {
    font-weight: normal;
}

.disclaimer a:hover,
.disclaimer a {
	color: #000;
}

.social-wrapper a img {
	max-width: 24px;
}

.field_label, .required {
    width: 13.5em;
}

.featured_items, .featured_browsing {
	width: 99%;
	}
	
	

.featured_items .listing_set article div.article_inner, 
.featured_browsing .listing_set article div.article_inner {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
 	background: #fff none repeat-x scroll left bottom;   
    /*border-color: #e1e3df #e1e3df #cbccc9;*/
	 border-color: #EEE9E6 #EEE9E6 #EDE2DE;
    border-image: none;
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-style: solid;
    border-width: 1px;
}

.listing_set.gallery .article_inner, 
.listing_set.list article {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*border-color: #e1e3df #e1e3df #cbccc9;*/
	 border-color: #EEE9E6 #EEE9E6 #EDE2DE;
    border-image: none;
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-style: solid;
    border-width: 1px;
}

.listing_set.gallery .article_inner:hover, 
.listing_set.list article:hover,
.featured_items .listing_set article div.article_inner:hover, 
.featured_browsing .listing_set article div.article_inner:hover {
	/*border-color: #ddd #ddd #bbb;*/
	border-color: #EDE2DE #EDE2DE #E2CCC5;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	background: #FFFFE1 none repeat-x scroll left bottom;
}

.tabContents,
.mini_button, .mini_cancel {
    background: #ffffff none repeat-x scroll left center;
}


.tabContents {
	border: none;
	border-top: 2px solid #E2CCC5;
	}
	
.tabList li {
	margin-bottom: -2px;
	padding-bottom: 13px;
	background-color: #e0dcdb;
	border-bottom: none;
	color: #7C5847;
	}

.tabList li.activeTab {
    border: 2px solid #E2CCC5;
    border-bottom: none;
}
.tabList li:hover {
    border: thin solid #E2CCC5;
	 border-bottom: none;
}

.my_account_links_box .content_box {
	border: none;
	}

.my_account_links_box .mini_button {
	color: #0192B5;
	padding: .25em .5em;	
	line-height: 1.2em;
	margin-left: .5em;
	}

.needs_attention .mini_button {
	color: red;
	}

.mini_button:hover
{
	border: thin solid #52b69a;
	background: #FFF none repeat-x center left;
	color: #52b69a;
}

.user_management .my-account ul li {
	width: 48%;
	display: inline-block;
	box-sizing: border-box;
	}
	
.user_management .my-account ul li a {
	font-size: .9em;
}

.item-in-progress {
    color: #34a8c4;
}

.design2016 h1.title, .design2016 h2.title, .design2016 h3.title, .design2016 h4.title {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #fff none repeat scroll 0 0;
	border-color: #d5dce1 #d5dce1 #52b69a;
	border-image: none;
	border-style: solid;
	border-width: 1px 1px 2px;
}

.design2016 h2.title {
	border-color: #d5dce1 #d5dce1 #F66303;
	text-align: left;
}

.browsing_filter_container .content_box {
    /*border: thin solid #ddd;*/
	 border: thin solid #E2CCC5;
}

.row_odd_highlight, .browsing_result_table_body_odd_bold, .seller_result_table_body_odd_bold {
    background: #E1F2F7 none repeat scroll 0 0;
}

.row_even_highlight, .browsing_result_table_body_even_bold, .seller_result_table_body_even_bold {
    background: #ffefe6 none repeat scroll 0 0;
}



#left_cart {
	background: #fff none repeat scroll 0 0;
}

.language-social-container {
    height: 20px;
    width: auto;
	margin: 0;
	position: relative;
	top: 2px;
}

.fb_button, .fb_button_rtl {
    position: relative;
    top: -3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.fb-profile-pic {
    position: relative;
    top: -8px;
}

.fixed-link img {
    border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.login .half_column_right {
    background: #fff none repeat scroll 0 0;
    padding-left: 0;
}

.login .half_column_left {
    background: #fff none repeat scroll 0 0;
    margin-right: 5px;
}

.login .half_column_left,
.login .half_column_right {
    min-height: 370px;
	/*border: thin solid #DDD;*/
	border: thin solid #E2CCC5;	
}

.login h1 {
	border: 0 0 2px;
}

.login .main_text h1 {
	display:none;
}

.content_box {
	background: #FFF none repeat scroll 0 0;
	/*border: thin solid #DDD;*/
	border: thin solid #E2CCC5;	
}

.content_box_1, .content_box_2, .content_box_3 {
	 border: thin solid #E2CCC5;
	}


.content_box h1.title,
.content_box h2.title,
.content_box h3.title,
.content_box h4.title {
	border-width: 0 0 2px;
}

.content_box_override {
	background: transparent;
	border: none;
}

.content_box_3 h3.title {
	border-width: 0 0 2px 0;
}

h3.notice {
	margin:5px;
	background: #eaeaea;
	font-size: 1rem;
	text-align: center;
	color: #A00000;
	font-weight: bold;
	padding: .8em;
	border: 1px solid #ddd;
	}


	
h3.coming_soon {	
	color: #4987C5;
	padding: 1em 2em;	
	line-height: 150%;
	margin-top: 1em;
	margin-bottom: 1em;
	/*
	border: 3px solid #4987C5;	
	border-radius: 15px;
	*/
}	


/* replace the h1 titles on my account pages with the h3 subtitles of each section */
.two-column .main {
	padding-top: .2em;
	}

.user_management h3.subtitle, .user_management h1.my_account  {
	border-bottom: 2px solid #535353;
	color: #535353;
	background: none;
	margin: 0;
	font-size: 1rem;
	padding: 4px 10px;
	}

.user_management h1.my_account {
	display: none;
}

/* special rule for my account home page */
.user_management.page_10209 h1.my_account {
	display: block;
	}
	
.user_management.page_10209 .my_account_links_box .title {
	display: none;
	}	
	
/* info boxes, my account links in main section */	
.user_management.page_10209 h2.title, 
.user_management.page_10209 h3.title  {
	font-size: .9em;
	}	
	
	
.my_account_msg .note {
	font-size: 90%;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	letter-spacing: .05em;
	}	
	

.sidebar-collapse .browsing_filter_container {
	background: transparent;
	border: 0;
}

#content_column_wide .content_box.no_border {
	background: transparent;
	border: 0;
}

.design2016 h1.browsing_filter_title {
	border-color: #d5dce1 #d5dce1 #52b69a;
	border-style: solid;
	border-width: thin;
}

.my-account ul li a, 
.my-account ul li a:visited { 
	background-image: url("../images/backgrounds/bullet_list_arrow_1.gif"); 
}
 
.my-account ul li a:hover { 
	background-image: url("../images/backgrounds/bullet_list_arrow_2.gif"); 
}


/* ==========================================================================
   HOME PAGE SLIDESHOW
   ========================================================================== */

.slideshow-container {
	width: 100%;
	height: auto; 
	position:relative; 
	top:-10px;
	overflow: hidden;
}

.search_fade_box {
    /* background: rgba(0, 0, 0, 0) none repeat scroll 0 0;*/
	 background: #040607; /* slightly off-black matches pha banner better */
    display: block;
    float: right;
    height: auto;
    margin-right: 0;
    margin-top: 0;
    overflow: visible;
    width: 100%;
	min-height: 15em;
	/* new logo 2023 */
	margin-bottom: 0;
}


.home-contents-container {
    height: 0;
    margin: 0 auto;
    position: relative;
    text-align: center;
    max-width: 1080px;
    z-index: 13;
}

.home-slogan {
    color: #fff;
    font-family: "Times New Roman",Times,serif;
    /*font-size: 2.6em;*/
	 font-size: 2em;
    font-style: oblique;
    font-weight: bold;
    left: 10px;
    margin: 0 auto;
    position: absolute;
    text-align: left;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.9);
    top: 150px;
}

.home-featured-carousel {
    margin: 0 auto;
    position: absolute;
    right: 20px;
    top: 10px;
    width: auto;
	float:right;
}

.gj_image_fade img, .pha_banner img {
    max-width: 100%;
	 min-width: 52em;
    width: 100%;
}

.slideshow-button-container {
	position:absolute; 
	z-index: 20; 
	right:10px; 
	top:190px;
}

.slideshow-button {
	display: block;
	margin-top: 0;
	margin-left: 0;
	padding: 0 .1em .1em;
	text-align: center;
}

.slideshow-button li {
	list-style: none;
	text-align: left;
}

.slideshow-button li a {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	border-radius: 0.3em;
	box-sizing: border-box;
	color:rgba(255,255,255,1);
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	font-weight: bold;
	margin: 0 auto;
	max-width: 100%;
	padding: 0.25em 0.5em 0.25em 0.75em;
	text-decoration: none;
	transition-duration: 0.2s;
	width: 11em;
	-moz-box-sizing:border-box; /* Firefox */
	text-align: center;
	border-color: rgba(255, 255, 255,1);
	border-style: solid;
	border-width: 1px;
	background: rgba(0, 0, 0, 0.2);
}

.slideshow-button li a:hover {
    background: rgba(0, 0, 0, 0.4); 
    color:rgba(255,255,255,1);
	transition-duration: 0.2s;
}

.button-hide a.button {
	display:none;
}


/* ==========================================================================
   western store on home page - also on undefined extra pages
   ========================================================================== */
/* share-a-haul, western store, Equine Appraiser*/


.home_banners {
	display: table;
	text-align: center;
	margin: 0 auto;
	}
	
.home_banners>div {
	box-shadow:4px 4px 13px #000;
	width: 460px; 
	margin: 1em; 
	text-align: center; 
	padding: .5em 0;
	display: inline-block;
	vertical-align: middle;
}


.western_store_home {
	background: url(/images/sales/hayfield.png) 50% 1em no-repeat; 
	padding-top: 1em;
	}
	
.western_store_home .link1 {	
	padding-bottom: 2em;
	}
	
.western_store_home .link2 img {
	width:300px; 
	margin-bottom: 40px;	
	}
	
.western_store_home .text {
	padding: 1em;
	background-color: #fff;
	}	
	
@media only screen and (max-width: 32em) {
	.home_banners div {
		width: 90%;
		padding: .5em;
		}
		
	.home_banners img {
		max-width: 90%;
		}
			
	.western_store_home .link2 img {
		max-width: 90%;
		margin-bottom: 20px;
		}	
	
	.western_store_home .text {
		font-size: .9em;
	}
	
	.western_store_home .link1 {	
	padding-bottom: 1em;
	}
		
}			

/* ==========================================================================
   pha customizations
   ========================================================================== */
/* for debug used in development, get rid of extra text added by debug class */
.debug_templates ol {
	display: none;
	}	
	
/* mobile menu in header */	
.header-links-rwd .mobile_search, .header-links-rwd .auctions 	{
    background-image: none;
	 background-color: #eee;
	 margin: 0;
	 top: 1px;
	} 
	
/* cmi 2019 add submenu to mobile menu */
/* override fixed-link styles */
.menu-link.fixed-link {
	text-align: inherit;
	width: unset;
	height: auto;
	display: block;
	background: #FFF none repeat-x top left;
	overflow: hidden;
	position: relative;
	border-radius: .3em;
	white-space: nowrap;
	text-overflow: ellipsis;
	top: 2px;
	display: block;
	padding: .5em;
	margin: .1em;
	top: 0;
}

.fixed-menu.sub-menu {
	max-width: 20em;
	}
	
	
.cz-categories .glyphicon {
	color: #777;
	}	
	
.category_drop select, .category_drop .field:focus {	
	width: 14em;  
	background: #F9F9F8 none repeat scroll 0px 0px;
	/*box-shadow: 0px 1px 2px #E9E9E8 inset, 0px 0px 0px 1000px #FBFBFA inset;*/
	/* 2nd shadow with 1000px spread may have been to hide arrow (to replace with something else), but want to keep this one */
	box-shadow: 0px 1px 2px #E9E9E8 inset;
	border: thin solid #CCC;
	border-radius: 4px 0px 0px 4px;
	float: left;
	font-weight: normal;
	font-size: 0.75em;
	height: 35px;
	padding: 5px;	
	margin-top: .35em;
	margin-left: 1em;
	}	
	
.category_drop select option {
	padding: .3em;
	}	
	
.category_drop .field:focus {	
	border: thin solid #3CB1CB;
	}	
	
/* browsing select dropdowns */
.select_bar {
	margin: 0 auto;
	display: table;
	}
	
.select_bar select, .select_bar input.field, .select_bar input.clear, .select_bar input {
	width: 10em;
	}
	
.browse_mode_buttons {
    float: right;
    font-size: 0.75em;
    margin: 0.2em;
    margin-top: 1.5em;	
}	 


			
	
.red {
	color:#A00000;	
	}
	
.block {
	display: block;
	}
		
#countdown-timer.final-notice-0 {	
	background: inherit;
	color: red;
	}
	
#countdown-timer.final-notice-1 {
	background: #eee;
	color: inherit;
	}		
	
.slogan {
    margin-left: 2.5em;
    background-color: #fff;
	 padding-left: 6px;
    padding-right: 6px;
	 color: #c17a11;
	 font-size: 1.2em;
	 border-radius: 25px;
}

/* slideshow */
.home-slogan {
	 top: 195px;
	 
	/* new logo 2023 */
	 top: 231px;
	 }

.slideshow-button-container {
	top:206px;
}


.slideshow-container {
	/*background-color: #fff;*/
	/*background: #fff;*/
		/*-webkit-box-shadow: 0px 8px 80px 0px rgba(0,0,0,1);
		-moz-box-shadow: 0px 8px 8px 0px rgba(0,0,0,1);
		box-shadow: 0px 8px 8px 0px rgba(0,0,0,1);*/
	border-bottom: 2px solid #431601;		
	border-top: 2px solid #8C4323;
	/*border-top: 1px solid #c17a11;*/
	background: #000;
	}

.wrapper {
	background: #fff;
	box-shadow: 
	inset 0 0 10px #2e0f06,
	6px 6px 10px #000, /* right bottom shadow */
	-6px 0px 10px #000; /* left top  - no top shadow needed */
	padding: 10px;
	padding-top: 5px;
	margin: 0 auto;
	}
	

/* set the banner at the top of the sale catalog */	
/* this allows it to resize with screen width, but not get too small */

.catalog-banner {
	text-align: center;
	max-width: 70rem;
	/*border-bottom: 2px solid #431601;		
	border-top: 2px solid #8C4323;*/
	background: #fff;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 10px;
	box-shadow: 
	inset 0 0 10px #2e0f06,
	6px 6px 10px #000, /* right bottom shadow */
	-6px 0px 10px #000; /* left top  - no top shadow needed */
	/* in case there is no banner, we want the alt text to show up nicely */
	}
	
.catalog-banner, .catalog-banner a {
	font-size: 2rem;
	font-family: Georgia, serif;
	text-decoration: none;
	color: #844D32;
	}	
	
.catalog-banner a:link, .catalog-banner a:visited {
	color: #844D32;
	}
	
.catalog-banner a:hover, .catalog-banner a:active { 
	color: #52B69A;	
	}
	
.catalog-text {
	background: #150A06;
	color: #fff;
	margin: 0;
	padding: 10px;
	}	
	
.catalog-banner img {
	width: 100%; 
	min-width: 600px;
	}
		
/* for google translate */	
.language-links {
	right: 0;
	}	
	
.goog-te-gadget-simple {
	padding-left: 4px;
	border: thin solid #0192B5 !important;
	border-radius: 0.3em;
	box-shadow: none;
	}
	
.goog-te-gadget-icon	{
	background: url(../images/google-icon.png) no-repeat !important;
	}
	
a.goog-te-menu-value {
	font-weight: normal;
	color: #0192B5 !important;
	}
	
/* for google translate in this position, so it does not get cut off on mobile menus */	
.language-social-container {
	height: auto;
	}	
	
/* superfish menu */	

.header-menu-bar {
	/*overflow: visible !important;*/ /* 2023 new logo change */
	}
	
.sf-menu {
	width: 100%;
	margin-right: 2em;
	}	
			
.sf-menu li {
		padding: 0 2em 0 1em;
		/*background: #fff;*/
	}
	
.fixed-nav .sf-menu li {
	font-size: 1rem;
	border: 1px solid hsl(19.8, 45.1%, 72.7%);
	border-radius: 5px;
	margin: .2em;
	padding: .5em 1em;
	}	
	
.fixed-nav .sf-menu ul {
	border: 2px solid hsl(19.8, 45.1%, 72.7%);
}

.fixed-nav .sf-menu li li {
    font-size: 1rem;
    font-weight: normal;
    line-height: 2.5em;border: 1px solid hsl(19.8, 45.1%, 72.7%);
		border: none;
		padding: 0 2em 0 1em;
		margin: 0;
		border-radius: 0;
}	
	
.sf-menu li.right {
	float: right;
	}	

.sf-menu a {
		/*color: #888;*/
		color: #844d32;
	}
	
/*2nd level menu */	
.sf-menu ul li {
	background: #fff;
}

/*3rd level menu - probably not used */
.sf-menu ul ul li {
	background: #fff;
}

/* all hover color - includes while top link when submenu is open */
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #E5B797;
}

/* color styling for both css and generated down arrows */
.sf-arrows .sf-with-ul:after {
/* edit this to suit design (no rgba in IE8) */
	border: 5px solid transparent;
	border-top-color: #DABFAC;
	border-top-color: rgba(218, 191, 172,.5);
}

/* down arrow on hover */
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {	
	border-top-color: #dFeEFF; 
	border-top-color: rgba(255,255,255,.5);
}

/* color styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	/* edit this to suit design (no rgba in IE8) */	
	border: 5px solid transparent;
	border-left-color: #dFeEFF; 
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

.page_instructions {
	line-height: 1.1rem;
	font-size: .85em;
	color: #55230B;
	
}

.column_header {
	font-size: .8em;
	}
	
.row_even, .row_odd {
	border-top: 1px solid #ddd;
	font-size: 1em;
	}

.row_even.noborder, .row_odd.noborder {
	border-top: none;
	}		
	
.row_even td, .row_odd td {
	padding-bottom: .5em;
	}	
	
.pedigree {
	border: 1px solid #cbb088; 
	width: 100%;
	background: #cbb088; 
	margin-bottom: 1em;
	border-collapse: collapse;
	}
	
.pedigree td {
	background-color: #fff;
	width: 25%;
	height: 3em;
	border: 1px solid #cbb088; 
	border-collapse: collapse;
	vertical-align: middle;
	}
	
/* tabs */

#tabs h3.title {
	background: #fff none repeat scroll 0 0;
	/*border-color: #d5dce1 #d5dce1 #52b69a;*/
	border-color: #E2CCC5 #E2CCC5 #52b69a;	
	border-image: none;
	border-style: solid;
	border-width: 1px 1px 2px;
	margin: 0;
	font-size: 1.2em;
	padding: .25em 10px;
	color: #555;
	}
	
#tabs .contact-box {
	border: 1px solid #d5dce1;
	margin-top: 10px;
}	

/* general styles not defined elsewhere */

.inline-text {
	display: inline;
	}	
	
.highlight_blue {
	color: #4987C5;
	}	

.small_bold_text {
	font-size: 80%;
	font-weight: bold;
	}	
	

/* misc boxes */	
	
.notebox {
	border: 3px solid #4987C5;	
	color: #4987C5;
	border-radius: 15px;
	padding: 1em 2em;	
	line-height: 150%;
	margin-top: 1em;
	margin-bottom: 1em;
	}	

	
/* use to center a box without centering text */
/* use display: table to set width automatically */	
.tablebox {		
	display: table;
	margin-left: auto;
	margin-right: auto;
}
	
	
/* * * * * * * * * * * * * * * * * * * * * * * * * * * */	
/* display info from default - add label styles as well */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * */

.row_even,
.browsing_result_table_body_even,
.seller_result_table_body_even {
	padding: .6em .4em;
	background: #fdfdfd;
	/*color: #666;*/
	 color: #55230B;
	font-size: .9em;
}

.row_odd,
.browsing_result_table_body_odd,
.seller_result_table_body_odd {
font-size: .9em;
color: #55230B;
}

.row_even_highlight,
.browsing_result_table_body_even_bold,
.seller_result_table_body_even_bold {
	background: #ecf4ff;
	/*color: #666;*/
	 color: #55230B;
	font-weight: bold;
	font-size: .75em;
}

.row_odd_highlight,
.browsing_result_table_body_odd_bold,
.seller_result_table_body_odd_bold {
	background: #dfeaf9;
	/*color: #666;*/
	 color: #55230B;
	font-weight: bold;
	font-size: .75em;
}

/* 1/2020 need to add styles for seller other listing (seller result) too, since default didn't! */

.browsing_result_table_body_odd h3 a, 
.browsing_result_table_body_even h3 a,
.browsing_result_table_body_odd_bold h3 a, 
.browsing_result_table_body_even_bold h3 a,
.seller_result_table_body_odd h3 a,
.seller_result_table_body_even h3 a,
.seller_result_table_body_odd_bold h3 a,
.seller_result_table_body_even_bold h3 a {
	color: #4987c5;
	font-size: 1.2em;
	text-decoration: none;
	line-height: 1.4em;
}

 
/* don't forget to add error rows back here, since colors are overriden above */
.field_error_row {
    background: #fceaed;
    border-top: thin solid #E68A9D;
    border-bottom: thin solid #E68A9D;
    padding: .6em .45em;
    color: #5F6672;
    font-weight: bold;
} 

.outbid {
    background: #fceaed !important;
    color: #5F6672 !important;
} 

h1.title.error_box {
	background: #FFFFE1;
	border: thin solid #A9AFD4;
	padding: .6em;
	color: #5F6672;
	font-size: .7rem;
	font-weight: bold;
	line-height: 1.1em;
	text-align: center;
}


ul.info li.label, ul.info li.value, ul.info li {
	font-size: .9rem;
	}	
	
ul.info.auction li.label {
	width: 45%;
	}	

ul.info.details {
	/*border: 1px solid #ddd;*/
	border 1px solid #E2CCC5;
	border-top: none;
	border-bottom: none;
	}	

	
ul.info.details li {
	float: none;
	font-size: .8rem;
  	/*color: #737373;*/
	 color: #8C5B44;
/*
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
*/
}


ul.info.details li {
/*
	list-style: none outside none;
	padding: 0.3em 0;
	box-sizing: border-box;
	-moz-box-sizing:border-box; 
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	*/
}

ul.info.details li.label, ul.info.details label {
    	clear: both;
    	/*color: #666;*/
	 color: #55230B;
    	font-size: 0.8rem;
    	padding: 0.3em;
    	width: 50%;
		max-width: none;
		display: inline-block;
		float: left;
}

ul.info.details li.label.long_label, ul.info.details label.long_label {
	float: none;
	}

/*
ul.info li.value, ul.info li.long_value {
	display: block;
	width: 14em;
	max-width: 50%;
	color: #777777;
	font-size: 0.8rem;
	font-weight: normal;
	float: left;
}	
*/
ul.info.details li .long_value, #description {
    display: block;
    line-height: 1.4em;
    word-spacing: 0.15em;
    letter-spacing: 0.05em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    padding: 10px;
    text-align: justify;
	 float: none;
	 font-weight: normal;
	 /*color: #333;*/	 
	 color: #55230B;
}

ul.info li.label {
	color: #55230B;
}


ul.info li.value {	
	/*color: #8C5B44;*/
	color: #55230B;
	 }
	
	
	
/* javascript disabled styles to make sure content is accessible and graceful  */

.no-js .search_fade_box {
	background: url('../images/showcase_slideshow/PHA_slide_banner.jpg') no-repeat;
}		

/* make sure tab content is accessible */
.no-js .listing-content .tab-content > .tab-pane {
	display: block;
	margin-bottom: 1em;
	}
	
.force_wrap, .force_wrap a {
	overflow-wrap: break-word;
  	word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;	
  }


/* ==========================================================================
   forms, cart
   ========================================================================== */
  
  /* CSS for page cart page, listing collect details IF COMBINED!  */
/* anything here ALSO needs to be added to other page in case editing, because they are NOT combine! */
/* listing details page 9, media page  */
/* maybe just better to add to custom.css */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* category choose */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* override level boxes for custom sales */

#custom_category_box.leveled_level_box {
	margin: 0;
	padding: 0;
	border: 0 none;
	background: none;
	}
	
#custom_category_box ul.leveled_values {
	margin: 0;
	padding: 0;
	border: 0 none;
	height: auto;
	display: block;
	}
	
#custom_category_box {
	width: 100%;
	}	
	
#custom_category_box #listing_categories span {
	padding: 0;
	}	
	
#combined_auction-details select {
    min-width: 200px;
}

/* overriding width 2019 */
#combined_auction-details select {
    min-width: auto;
	 width: auto;
}	
/* added 10/5/2020 */
#combined_form .full-input input.field  {
	width: 90%;
	}
			
	
		

.custom_sale_catalogs .auction_category_title { 
	margin: 1em 2em;	
	color: #4987c5;
	font-weight: bold;
	}
	
.custom_sale_catalogs .text {
	font-weight: normal;
	color: #555;
	}	

#listing_categories .custom_sale_catalogs a,
#listing_categories .custom_sale_catalogs a:hover,
#listing_categories .custom_sale_catalogs a:active {
	display: inline;
	text-decoration: underline;
	background: none;
	} 	
	
	
.invalid .auction_category_title { 
	margin: 1em 2em;	
	color: #aaa;
	font-weight: normal;
	}	
	
	
.category_description, .cat_description_buy_now { 
	font-weight: normal; 
	font-style: italic;
	margin: 0 2em;
	}

#listing_categories li.element {
	list-style: none;
	color: #4987c5;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
}

#listing_categories li.clr {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

#listing_categories li {
	list-style-type: none;
	}

.sale_catalogs .auction_category_title, 
.custom_sale_catalogs .auction_category_title { 
	width: auto; float: none; }
	
.auction_category_title input[type="radio"] {
	float: left;
	margin: .4em;
	}
	
admin_view, .admin_view div, .admin_view h1 {
	background: cornsilk !important;	
	}

.admin_view {	
	border: darkred 2px solid !important;	
	padding: .5em .2em !important;
	margin-bottom: 1em; 
	margin-top: 1em; 
	}
	
span.admin_view {	  
	display: inline-block;
   clear: both;
	margin: 0;
	padding: 0 .2em !important;
	}
	
div.admin_view::before {
    content: "[only seen by pha admin]";
	 font-size: .8em;
	 font-weight: bold;
	 display: block;
	 text-align: center;
	 color: darkred;
	 padding: .2em;
}

span.admin_view::after {
    content: "[pha admin only]";
	 font-size: .8em;
	 font-weight: bold;
	 text-align: center;
	 color: darkred;
	 padding: .2em;
}

.admin_view a {
	float: none;
	display: block;
	clear: both;
	}	

/* show an example link to all breed pedigree - it's just text */	
.pedigreeLink {
	color: blue;
	text-decoration: underline;
	}	
	
	
	
	

/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* details
/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.hide {
	display: none;
	}
	
ul.listing_instructions {
    list-style: initial;
	 list-style-type: square;
}	

ul.listing_instructions li {
	margin: 0 2em 1em;
	font-size: .95rem;
	}
	
#pageInstructions h3 {
	padding-left: 2em;
	}	
	
#FR_horse h2, #FR_breeding h2, #FR_pedigree h1 {
	padding-left: 2em;
	font-size: 1rem;
	margin-bottom: .2em;
	}		
	
.field_label, .required {
	font-size: .9rem;
	font-family: inherit;
	}	
	
textarea#main_description	{
	height: 4em;
	}
	
.field_label.long { 
	width: auto;
	clear: both;
	display: inline-block;
}	

.field_label .note {
	font-weight: normal;
	}
	
/* allow some space in case other input wraps */	
input.field.other {
	margin-top: .1em;
	margin-bottom: .1em;
	}	

.alert {
	font-size: 80%;
	color:#A00000;
	padding: 1px 5px;
	margin-left: 2em;
	}
	
span.error_message {
	white-space: nowrap;
	}
	
span.required {
	display: inline;
	}	
	
.field_label .required {
	color: red;
	vertical-align: super;
	}
	
.checkboxes {
	margin-left: .5em;
	margin-bottom: 1em;
	}
	
.checkboxes .row_odd, .checkboxes .row_even {
	display: inline-block;
	width: 30%;
	min-width: 15em;
	font-weight: normal;
	white-space: nowrap;	
	margin-left: .5em;
	}
	
.checkboxes label {
	float: right;
	margin-left: .2em;
	max-width: 85%;
	}
	
.checkboxes input {
	vertical-align: middle;
	margin-left: .5em;
	}
		
		
	
	
/* image upload */

/* allow room for dimensions */	
.media-preview {
    height: 14em;
}	

.image_dimensions {
	font-size: .8em;
	text-align: center;
	}
	
.image_warn {
	font-size: .9em;	
	padding: 1em .5em;
	}
		
h2 .note, h3 .note {
	font-size: .8em;
	font-weight: normal;
	}	
	
h2 .note a {
	text-decoration: underline;
	}		
	
.small_note {
	font-size: .8em;
	}	
	
/* 2021 video upload changed to iframe, need some extra spacing */	
div.preview_offsite_video_box {
    margin: 0 auto .5em;
}		
  


/* ==========================================================================
   results - list/grid/gallery search / category / (featured modules)
   ========================================================================== */

.no_results_box {	
	color: #55230B;
	}
	
/* for vertcal alignment in gallery and featured views */	
/* this only seems to be used in gallery and featured templates, so should not adversely affect other display */
/* may need to override for western store though */
.article_inner {
	display: inline-table;
	box-sizing: border-box;
	width: 100%;
	}

/* fade the value display just a little, on all views */	
.listing_set .item-value, .listing_results .item-value {
	color: rgb(85,35,11,.7);	
	}

/* margin on table does not work with width 100%, so set padding on container instead */		
.listing_set.gallery article {
	padding: .3em;
	}			
	
.article_inner .image {
	display: table-cell;
	vertical-align: middle;
	height: 90%; /* helps to even out height */
	}
	
.article_inner .title {
	display: table-footer-group;
	}		
	
.gallery_view .title {
	display: table-row;
	}	
	
.article_inner .media_icons {
	display: table-row;
	}	
	
/* western store categories */
.category_column.subcategory_navigation_2	{
	padding: 0 1.5em .5em;
	font-size: .9em;
	}

.western_store .listing_set.gallery .gallery_inner {
	background: #E1C397 url("../images/parchment.jpg");	
	}
	
/* change font style and remove bold 10/12/2021 at Terry's request */	
.western_store .listing_set.gallery .article_inner {
	display: block;
	border: 5px solid #7CA93A;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; 
	/*font-weight: bold;*/
	font-weight: normal;
	padding: 1em;
	margin: 1em;
	max-height: 35em;
	overflow: hidden;
	width: auto;
	font-size: .8rem;
	}	
	

.western_store .gallery article {
	font-size: .8rem;
	max-width: 250px; /* prevent scaling on smaller devices with less columns */
	}
	
.western_store .gallery a {
	text-decoration: none;
	color: #4987C5;
	}
	
.western_store .gallery .WS_image {
	max-width: 90%;
	height: auto;
	margin-bottom: 1em;
	max-height: 200px;
	}	
	
.western_store .gallery .WSTitle {
	text-decoration: underline;
	font-size: 120%;
	font-weight: bold;
	color: #000074;
	display: block;
	}	
	
.western_store .gallery .description {
	margin-top: .5em;
	text-align: justify;
	}
	
.western_store .gallery .WSTitle_no_photo {
	display: block;
	font-size: 180%;
	margin: 1em auto;	
	color: #000074;
	}	
	
.western_store .gallery .caption {
	background: rgb(124, 169, 58);
	color: #fff;
	margin: 0 auto .5em;
	padding: .3em 0;
	}	
	
.western_store .admin td {
	background-color: #eee;
	border: 1px solid #999;
	padding: 1em .5em;
	color: #333;
	}	
	
.western_store .subcategory_navigation_2 li {
	text-align: left;
	}
	
.western_store .subcategory_navigation_2 li.element {
	margin: .5em 1em 0;	
	}
	
.western_store .previewListing {
	font-weight: bold;
	text-align: center;
	}
	
.western_store .previewListing h3 {	
	text-align: center;
	background-color: red;
	color: #fff;	
	padding: .2em;
	}	
	
	
	
	
	
	
/* edit/ copy buttons */	
.listing_results .mini_button, 
.listing_set.list .mini_button, 
.listing_set.gallery .mini_button  {
	font-weight: normal;
	color: #666;
	display: inline-block;
	font-size: 0.75rem;
	}	
	
.listing_results .mini_cancel, 
.listing_set.list .mini_cancel, 
.listing_set.gallery .mini_cancel {	
	font-weight: normal;
	display: inline-block;
	font-size: 0.75rem;
}
	
	
	
.gallery_view .seller_buttons {
	float:right; 
	margin-left: -4.5em;
	width: 100%;
	}
	
		
	
h2.title.auction_list {
	/*margin-bottom: .5em;*/
	}

/* "grid view" (table) */
	
/* this should be nicely compact with small images */
	
/* room for shadow on header without clipping */	

table.listing_results {
	width: 99%;
	margin-top: .5em;
	}	
	
.results_column_header {
	background: #fff;
	box-shadow: -2px -4px 4px 7px #EEE inset, 0px 2px 3px 1px #555;
	color: #55230B;
	}	

.results_column_header td.title {
	width: auto;
	}
	
.listing_results td {
	/*border-left: 1px solid #eee;
	border-right: 1px solid #eee;*/
	border-left: 1px solid #EDE2DE;
	border-right: 1px solid #EDE2DE;
	border-bottom: 1px solid #b77a79;
	}		
	
.listing_results td.sorted_by	{
	background: inherit;
	}
	
.listing_results td.sorted_by a {	
	color: #52B69A;
	}

.listing_results .rwd-image img {	
 	width: 50px;
	height: auto;
	}

/* limiting alt text, if pic is missing */	
.listing_results td.thumbnail {
	max-width: 75px;
	}		

.listing_results .listing_results_description {
	color: #8C5B44; 
	font-size: .8rem;
	} 		
	
.listing_results tbody .title {
	font-weight: bold;
	font-size: .9rem;
	width: 40%; /* prevent the description from taking up the whole page */
	}	
	
/* spans under title */	
.listing_results tbody .opt_fields {
	 border: 1px solid gainsboro;
    background-color: ghostwhite;	 
    margin: .1em .1em .1em 0;
    padding: 0 .4em;
    font-weight: normal;
    font-size: 85%;
    display: inline-block;	
	 border-radius: 4px;
	 line-height: 1;
	} 
	
.listing_results tbody p {
	font-weight: normal;
	} 	
	
.listing_results .seller .attention_getter_icon {
	max-width: 	50px
	}
	
.browsePreview {
    color: #4174A6;
    font-size: 0.65rem;
    font-weight: bold;
    text-transform: uppercase;
	 white-space: normal; /* table view needs this to wrap */	 
}

.listing_results td .price {
	display: block;
	font-weight: bold;
	}	
		
.listing_results .bid-and-buy {
	    padding: 0;
	}	
	
.listing_results .bid-and-buy span {
	display: inline;
	}	

.listing_results .bid-and-buy .bid {
	border-bottom: 1px dashed #EDE2DE;
	}	
	
.listing_results .bid-and-buy div {	
	padding: .5em 0;
	}	
		
.listing_results .timer {
		display: block;
		margin-left: 0;
		position: relative;
		bottom: auto;
		font-size: 90%;
		border-top: 1px solid #eee;
		background: #4174a6;
		color: #fff;
		font-weight: normal;
		padding: .3em;
		}		
		
.listing_results .closed {
	background: #ce3d3d;
	}			
		
/* add some spacing to make time appear more centered */	
.listing_results .timer .glyphicon-time {
		/*display: none;*/
		color: #fff;
		float: left;
		margin-left: .5em;
		margin-right: -1.5em;
		margin-top: .3em;
		}		
	
	

/* list view */


/* the featured listings on this page are .listing_set.gallery */

.listing_set.list * {
	box-sizing: border-box;
 }
	
/* * * * * * * * * * * * * * main boxes floated * * * * * * * * * * * * * */	
.listing_set.list .image {    
	
	 box-sizing: border-box; /* still have to count margins though */
	 max-width: 160px;
	 width: 30%;
	 margin-right: 1em;
}	

.listing_set.list .title {
	float: left;
	/* prevent long names from breaking smaller views */
	max-width: calc(70% + (30% - 170px));
	overflow-wrap: break-word;
	word-wrap: break-word
}

.listing_set.list .title h3 a {
	font-size: 1em;
	}
	
.listing_set.list .description {
	float: left;
	box-sizing: border-box;
	/* how much space is left after the image, give a little room for margin */	
	width: calc(70% + (30% - 160px));
	max-width: calc(70% + ((30% - (160px + 1.5em)) - 12em)); /* make sure there is enough space to move up */
	min-width: 13em; /* prevents it from popping over to the right */
	margin-top: 1em;
	padding: 1em;
	box-shadow:0 0px 1px rgba(73, 30, 5, .3), 0 0 3px rgba(73, 30, 5, .1) inset;
	border-radius: 4px;
	clear: none; /* 7/2018 override default */
	
	}	
	
.listing_set.list .other_details {
	float: left;
	box-sizing: border-box;
	/* full width minus image(%- minwidth) and price box and margins */
	width: calc(70% + ((30% - (160px + 2.5em)) - 10rem));
	min-width: 30%;
	}	

.listing_set.list .price_box {
	box-sizing: border-box;
	float: right;
	text-align: right;
	margin: .2em;
	width: 10rem;	
	}
	
/*.listing_set.list td .price {
	display: block;
	font-weight: bold;
	}	*/
	
.listing_set.list .image.rwd-image img {
	width: 100%;
	height: auto;
	max-width: none;
	max-height: none;
	}	

/* prevent banner from covering all of smaller images */	
.design2016 .attention-getter-position {
	max-width: 50%;
	}
	
.design2016 article .attention-getter-position img.attention_getter_icon {	
	height: auto; /* overrides height set for image */
	}	
	
/* * * * * * * * * * * * * * end listing_set.list boxes * * * * * * * * * * * * * */
/* box contents below */	
	
.listing_set.list .title {
	margin-bottom: 1em;
	}	
	
/* bid price tag and buy now price tag boxes inside price_box*/	
.listing_set.list .price-tag_box {
	/*margin-bottom: .2em;*/
	}	

.price_box .price-tag::after {
	 border-left: 6px solid #FFF;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
	 left: 0px;
}	
	
.listing_set.list .price_box .price-tag {
	display: inline;
	padding-bottom: .2em;
	}
			
.listing_set.list p.price-tag .price {
    font-size: 90%;
	 }

.listing_set.list .price_label {
    color: #4174A6;
    font-size: 0.65rem;
    font-weight: bold;
    text-transform: uppercase;
	 margin-bottom: .5em;
	 display: block;
}

.listing_set.list .price_box .bids {
	padding-right: 0.5em;
	}
	
.listing_set.list .price_box .seller {	
	font-weight: bold;
	/*margin-top: 2em;*/
	text-align: center;
	float: right;
	margin: .2em 0 1em;
	}
	
.listing_set.list .price_box .profile-pic {
	box-shadow: 0 0px 1px rgba(73, 30, 5, .3), 0 0 3px rgba(73, 30, 5, .1) inset;
	padding: 2px;

}	

/* only apply to first level divs */
.listing_set.list .legend > div {	
    box-sizing: content-box;	
	 display: inline-block;
	/* width: 15%;*/ /* arbitrary amount, just to spread out the data a little, remove 7/2018 */	
}	


.listing_set.list .legend-time { 
	color: #555; /* override default, make a little darker */
	height: auto; /* override default height, so time will sit at the bottom , even if wraps */
	text-align: right;	 
	}
	
/* 7/2018, changed timer to be same as mobile, under photo
.listing_set.list .timer {
	margin-left: 1.5em;
   color: #4174A6;
	position: absolute;
	bottom: 0;
	border: 1px solid #eee;
	padding: .2em .5em;
	right: 0;
	font-weight: bold;
	}
*/
	
	
.listing_set.list .timer {
		display: block;
		margin-left: 0;
		position: relative;
		bottom: auto;
		font-size: 90%;
		border-top: 1px solid #eee;
		background: #4174a6;
		color: #fff;
		font-weight: normal;
		}		
		
.listing_set.list .closed {
	background: #ce3d3d;
	}			
		
/* add some spacing to make time appear more centered */	
.listing_set.list .timer .glyphicon-time {
		/*display: none;*/
		color: #fff;
		float: left;
		margin-left: .5em;
		margin-right: -1.5em;
		}	
		
.listing_set.list .price_box .clear-timer {
	clear: both;
	}		
		
.listing_set.list .timer.mobile {
	display: none;
	}			
	
/*.listing_set.list .timer {
	text-transform: none; 	
	white-space: nowrap;
	}
*/	
.listing_set.list .other_details ul {
	margin:  0;
	padding: 0;
	}
	
.listing_set.list .other_details li {
	display: inline-block;
	font-weight: bold;
	margin: 0 .5em .5em 0;
	/* neg indent and padding in case text wraps, to line up after bullet */
	text-indent: -1.1em;
	padding-left: 1.1em;
	}	
	
/* create bullets on inline list items */	
.listing_set.list .other_details li:before {
	content: '\00a0\2022';
	color:#999;
	color:rgba(0,0,0,0.5);
	font-size:11px;
}		


@media only screen and (max-width: 32em) {	
/* float price tags on the right under title if very small screen */
/* other details under that, and description below image */

	.listing_set.list .description {
		width: 100%;
		max-width: 100%;
		margin: 0;
		}	
		
	.listing_set.list .other_details {
		width: 65%;
		}	
		
	.listing_set.list .other_details li {
		font-weight: normal;
		display: block;
	}	
		
	.listing_set.list .price_box {
		/*display: block;*/
		/*margin: .5em 0;*/
		float: left;
		text-align: left;
		width: 65%;		
		position: relative; /* allows absolute postion timer at bottom of this box */
		}
	
	.price_box .price-tag::after {
		 border-right: 6px solid #FFF;
	    border-top: 10px solid transparent;
	    border-bottom: 10px solid transparent;
		 border-left: none; 
		 left: 100%;
		 margin-left: -11px;
	}	
	
	.listing_set.list .price_box .price-tag {
		padding-right: 15px;
		padding-left: 5px;
	}	

	/* non mobile timer */
	.listing_set.list .price_box .timer {
		display: none;
		}
	
	.listing_set.list .timer.mobile {
		display: block;
		margin-left: 0;
		position: relative;
		bottom: auto;
		font-size: 90%;
		border-top: 1px solid #eee;
		background: #4174a6;
		color: #fff;
		padding: 2px 0;
		font-weight: normal;
		}	
		
	.listing_set.list .timer .glyphicon {
		display: none;
		}		
		
	.listing_set.list .price_box .seller {
		margin-top: .5em;
		}	
		
		
	.listing_set.list .other_details .extra {
		display: none;
		}	
		
	.listing_set.list .price_box .clear-timer {
		display: none;
		}	
		
}
/* * * * * * * * * * * * * * end list view media tag left * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * gallery view * * * * * * * * * * * * * */

.listing_set.gallery .bid-and-now {
    text-align: right;
    display: table;
    margin: 0px auto;
	}
	
.listing_set.gallery .price {
	display: block;
	}	
/*
.listing_set.gallery .timer {
   color: #4174A6;
	position: absolute;
	bottom: 0;
	border: 1px solid #eee;
	font-weight: bold;
	width: 100%;
	margin-left: -.3em;
	}

.listing_set.list .timer .glyphicon {
		
		}	
	*/	
.listing_set.gallery .timer {
		display: block;
		margin-left: 0;
		position: relative;
		bottom: auto;
		font-size: 90%;
		border-top: 1px solid #eee;
		background: #4174a6;
		color: #fff;
		font-weight: normal;
		}		
		
.listing_set.gallery .closed {
	background: #ce3d3d;
	}	


/* add some spacing to make time appear more centered */	
.listing_set.gallery .timer .glyphicon-time {
		/*display: none;*/
		color: #fff;
		float: left;
		margin-left: .5em;
		margin-right: -1.5em;
		}		
	
.listing_set.gallery .clear-timer {
	clear: both;
	}		  
	
.listing_set.gallery .image img {
	height: auto; 
	}
	
.gallery .seller_row {
	display: table-row;
	}
	
.gallery .seller_row div {
	border-bottom: 1px solid #E2CCC5; 
	margin-bottom: .3em;
}


/*.featured_browsing .gallery .seller_row,
.featured_items .gallery .seller_row*/ 
.store .gallery .seller_row,
.featured_browsing .gallery .seller_row,
.featured_items .gallery .seller_row {
	display: none;
	}
			
	

	
@media only screen and (max-width: 32em) {	

	.article_inner {		
		table-layout: fixed; /* allow images to scale, instead of table expandind to fit */
	}
		
	.gallery_view .seller_buttons {
		display: block;
		margin-left: 0;
    	float: none;
}
		}
}			
	
	
	
/* * * * * * * * * * * * * * featured module (home, listing side  * * * * * * * * * * * * * */	

.listing.featured_module .image img {
	height: 150px;
	}
  
 /* ==========================================================================
   extra pages
   ========================================================================== */
   
.info_page {
	max-width: 60em;
	margin: 2em auto;	
	}
	
.info_page h1 {
	margin-bottom: 2em;
	}	
	
.info_page h2.subtitle {
	font-size: 1.2em;
	text-align: center;
	margin: 1em;
	}	
	
.info_page h2.special, .info_page h2.foot {
	 font-size: 1.2em;
    color: #A84A21;
    text-align: center;
    margin: 1.5em auto;
    font-style: italic;
    font-weight: normal;
	 max-width: 70%;
}	

.info_page h2.foot {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 1em;
	margin: 2em auto 1em;
	}	
	
.info_page .content_box ul {
    margin-left: 50px;
    margin-right: 2em;
}	

.info_page .checklist li {
	font-weight: bold;
	}
	
.info_page .checklist p {
	font-weight: normal;
	margin: 0;
	padding: 0:
	}	
	
.info_page .checklist {
	margin-top: 1em;
	margin-left: 10%;
	}
		
.info_page .checklist li {
	background-position: 0px .3em;
	padding-top: 0;
	margin-bottom: .5em;
	}

.info_page ul.checklist.quick_features {
	max-width: 85%;
	margin: 2em auto; 	
	box-sizing: border-box;
	}
	
.info_page ul.checklist.full_features {
	max-width: 90%;
	margin: 2em auto;  
	}	


.info_page .checklist.full_features li, .info_page .checklist.quick_features li {
	display: inline-block;
	width: 32%;
	box-sizing: border-box;
	vertical-align: top;
	}
	
	
#custom_steps td {
	padding: 1.5em;
	}	


	
.info_page #custom_steps { margin: 1.5em auto; width: 100%; border: 1px solid #eee; }
.info_page #custom_steps td {text-align: center; font-weight: bold; width: 33%; line-height: 150%;}	

.info_page .smallstep img {width: 50px; float: left; margin-top: 1em;}

.content_box.step {
	margin: 0 auto 1.5em;
	max-width: 70%;
	padding: 0 2em 1em;
	}		
	
.content_box.step .checklist {
	margin-left: 4em;
	}	

.arrow_link {
	font-weight: bold;
	display: inline-block;
	margin-left: 100px;
	}
	
	
.content_box.step .arrow_link, #custom_steps .arrow_link {
	display: block;
	text-align: center;
	margin: 0 auto;
	}		
	

.warn_row {
	background-color: #FFFFCC;
	color: #000;
	}	
	
.warn_icon:before {
	 content: "\26A0";
    background-color: gold;
    padding: 0 4px 2px;
    font-size: 130%;
    color: #000;
}

.check_icon:before {
	 content: "\2714";
    background-color: green;
    padding: 0 4px 2px;
    font-size: 130%;
    color: #fff;
}

.x_icon:before {
	 content: "\2716";
    background-color: red;
    padding: 0 4px 2px;
    font-size: 130%;
    color: #000;
}

.ask_icon:before {
	 /*content: "\2753";*/
	 content: "?";
    background-color: steelBlue;
    padding: 0 6px 2px;
    font-size: 130%;
    color: #fff;
}


 /* ==========================================================================
   buyer options added 2018
   ========================================================================== */

.buyer-options, .additional_fees {
	padding: 0;
	font-size: .9rem;
	padding: .2em;
	white-space: nowrap;
	}	
	
.buyer-options .group {
	display: inline-block;
	width: 100%;
	position: relative;
	}
	
.buyer-options .group_title {
	font-weight: bold;
	text-align: center;
	margin: .2em auto .4em;
	}
	
.buyer-options .field_label, .additional_fees .field_label {
	width: auto; 
	max-width: 10em; 
	float: left;
	text-align: left;
	} 	
	
/* create arrow using after content */
/*	
.buyer-options .group::after {
    content: '\25BC';
    font-weight: bold;
    color: #fff;
    right: 0px;
    border: 1px solid #888;
    position: absolute;
    pointer-events: none;
    background: #888;
    padding: 0 1px;
    margin: 0;
	 bottom: 1px;
	 }
 
	 
.buyer-options .group:hover::after {
	background: #ccc;
	}
*/	

.buyer-options select {
	border: thin solid #E2CCC5;
	height: auto;
	padding: 0;
	width: 100%;
	-webkit-appearance: button-arrow-down;
	-moz-appearance: button-arrow-down;
	appearance: button-arrow-down;
	}



/* copied from category_drop */
.buyer-options select, .buyer-options .field:focus {	
	background: #F9F9F8 none repeat scroll 0px 0px;
	box-shadow: 0px 1px 2px #E9E9E8 inset, 0px 0px 0px 1000px #FBFBFA inset;
	border: thin solid #CCC;
	border-radius: 4px 0px 0px 4px;
	font-weight: normal;
	font-size: .8rem;
	}	
	
.buyer-options select option {
	padding: .3em;
	}	
	
.buyer-options .field:focus {	
	border: thin solid #3CB1CB;
	}	
	

	
	
	
/* shipping fee is opt field 5, adds cost 	*/
.shipping_fee {
	font-size: .9em;
	text-align: center;
	font-weight: bold;
	margin: .2em auto .4em;
	}
	
.cost-options-edit-form table {
	margin: 1em auto;
	}
	
.cost-options-edit-form .note_box {
	font-size: 1rem;
	line-height: 150%;
	text-align: left;
}	




/* * * * * * * * * * * * * * jquery ui* * * * * * * * * * * * * */		
	
/* reset widget styles so they don't overwrite other stuff! */		
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-helper-reset {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	}	
			
.ui-accordion .ui-accordion-header {
	padding-top: .2em;
	padding-bottom: .2em;
	font-size: .9rem;
	}	
	
.ui-accordion .ui-accordion-icons {
    padding-left: 1.4em;
	 }
	 
.ui-icon-triangle-1-s {
    background-position: 0px -16px;
	 }
	 
.ui-icon-triangle-1-e {
    background-position: -64px -16px;
}	 

/* closed position */
.helpLink.ui-accordion-header-collapsed::after {	
	content: " More Info";
	color: #4987c5;
	font-size: 80%;
	vertical-align: text-top;
}	
 

	 	
	
.helpLink.ui-accordion-header {
	display: inline-block;
	font-size: 90%;
	font-weight: normal;
	padding-top: .1em;
	padding-bottom: .1em;
	}	
	
*.listing_instructions.ui-widget-content {
	background: none;
	border: none;
	padding: .5em 1em;
	font-size: .95rem;
	font-weight: normal;	
	height: auto !important;
	}
	
ul.listing_instructions.ui-widget-content {
	padding: 1em;;	
	}	
	
/* dialog boxes */

.ui-dialog .ui-widget-content {
	background: #fff;
	}
	
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
	 text-align: center;
}	



.ui-dialog form, .ui-dialog input, .ui-dialog, .ui-dialog button  {
	border: thin solid #0192b5;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	box-shadow: none;
	color: #0192b5;
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
	transition-duration: 0.2s;
	background: #fff;
	}
	
.ui-dialog form, .ui-dialog {
	text-align: center;
	margin: 3px 0;
	padding: 0.5em 0.63em;
	}	
	
.ui-dialog input, .ui-dialog button  {	
	margin: 3px;
	padding: 0.3em 0.3em;

}

.ui-widget-overlay {
    background: #000;
    opacity: .5;
	 }
	 
.ui-dialog-buttonset button {
    /*padding: 0.3em 1.5em;*/
	 width: 7em;
	 display: inline-block;
	 }
	 
.ui-dialog-buttonset button, .ui-dialog-buttonset button:hover {
	font-weight: bold;
	}	 
	 
.ui-dialog-buttonset #ok_button {
    color: green;
    border: 2px solid green;	
} 
	 
.ui-dialog-buttonset #cancel_button {
    color: red;
    border: 2px solid red;	 
	 }	 
	 
.ui-dialog-buttonset button.centerButton {	 
	margin: .5em auto;
	}	 
	 
.ui-button-icon {
	margin-left: -0.5em;
	}	 
	
.ui-dialog-titlebar-close {
    padding:0 !important;
}

/* force close button over the top of bootstrap! */
.ui-dialog .ui-dialog-titlebar-close {
    background-image: url(../jquery-ui/images/ui-icons_777777_256x240.png);
    background-position: -95px -127px;
    background-repeat: no-repeat;
}	
	
/* * end dialog * * * * * * * * * * * * * * * * * * * * * * * * * */

/* ==========================================================================
   javascript modal overlay styles
   ========================================================================== */

.overlay {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}

.overlay-content {
    background-color: #fefefe;
    margin: 2em auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
	 	border-radius: 15px;
    width: 70%; /* Could be more or less, depending on screen size */	
	 	max-width: 800px; /* don't let it get too wide on a big screen */ 
	 	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

/* The Close Button */
.close {
  color: #52b69a;
	font-size: 28px;
	font-weight: bold;
	border: 2px solid #d5dce1;
	width: 4em;
	margin: .5em auto;
	border-radius: .5em;
	text-align: center;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
	 border-color: #777;
}	

                            
.overlay .close.corner-red-x, 
.gjLightbox .close.corner-red-x {
	color: red;
	padding: 0;
	width: 1.5em;
	height: 1.5em;
	float: right;
	margin: -.9em;
	}

/* match lightBox style */ 
.gjLightbox .close.corner-red-x	{
	margin: -.6em;
	border-radius: 0 .33em 0 .33em;
	background: #fff;
	border-width: 0 0 1px 1px;
}		
	
	/* moved from sale_result.css */	

.overlay .content_box, .gjLightbox .content_box {
	display: table;
	margin: 1em auto;
	max-width: 600px;
	}

.overlay .row, .gjLightbox .row {
	border-bottom: thin solid #E2CCC5;
	padding: .5em;
	}

.overlay label, .gjLightbox label {
	font-weight: bold;
	width: 10em;
	display: inline-block;
	}

.overlay label.field_label, .gjLightbox label.field_label {
	width: auto;
	margin-left: 1.5em;
	}

.overlay .profile-pic {
    float: left;
    max-width: 120px;	 
	 }

/* if seller doesn't have a pic, don't show on the invoice */
.overlay .profile-pic.default {
	display: none;
	}	

.overlay .discount {
	padding: 1em .5em;
	}

.overlay .close {
	font-size: 1.2rem;
	margin: 1em auto;
	}

.overlay p.information_box {
	border: 1px solid #E2CCC5;
	border: 2px solid #0192b5;
	font-size: .8rem;
	background: #fffff7;
	font-weight: bold;
	padding: 1em;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	}

	
@media print {
	/* allow the header to show on the printed page */
	.overlay {
		top:130px;
		height: auto;
		background: #fff;
		/* allow to overflow onto extra pages if needed */
		position: unset;		
	 	font-size: 90%;
		}
		
	.overlay-content {
		width: auto;
		box-shadow: none;
		}	
		
	#overlay .paypal_button img {	
		display:none;
		}
		
	#overlay .paypal_button a {	
		text-decoration:none;
		color: #000;
		}
		
	#overlay h2 .catalog_dates, #overlay .closing_date {
		display: none;
		}				
}		
		
	


	

@media only screen and (min-width: 26em) {
	/* ==========================================================================
	   Tabs Breakpoint - At around 34em it is wide enough to fit more things on
	   the same line as the tabs, specifically for the browsing tabs.
		cmi - lowered break point, the only thing else on the same line is the display mode
		2/24/2020
	   ========================================================================== */
	.tabList {
		clear: none;
	}
}


/* ==========================================================================
   media specifics below here
   ========================================================================== */
@media only screen and (min-width: 32em) {
	/* ==========================================================================
	   Columns Breakpoint
	   ========================================================================== */
	
	.columns-2, {
		width: 50%;
	}	
	.columns-3 {
		width: 33%;
	}
}	

@media only screen and (min-width: 38em) {
	/* ==========================================================================
	   Columns Breakpoint
	   ========================================================================== */
	
	.columns-2 {
		width: 50%;
	}
	.columns-3 {
		width: 33%;
	}
	.columns-4 {
		width: 25%;
	}
}	



	
	
@media only screen and (min-width: 52em) {
	header.page {
		min-height: 5em;
		/* new logo 2023 */
		margin-bottom: -34px;
	}
	.header-container {
		width: 100%; 
		border-bottom: 1px solid #DDD;
		margin-bottom: 10px;
		background: #fff none repeat scroll 0 0;
		/*-webkit-box-shadow: 0px 3px 15px -2px rgba(221,221,221,1);
		-moz-box-shadow: 0px 3px 15px -2px rgba(221,221,221,1);
		box-shadow: 0px 3px 15px -2px rgba(221,221,221,1);*/
		-webkit-box-shadow: 0px 3px 15px 6px rgba(0,0,0,1);
		-moz-box-shadow: 0px 3px 15px 6px rgba(0,0,0,1);
		box-shadow: 0px 3px 15px 6px rgba(0,0,0,1);
	}
	
	.header-fullwidth {
		max-width: 70em; 
		margin: 0 auto;
		min-height: 60px;
	}
	
	.logo-box {
		background: transparent none no-repeat scroll right top;
		min-width: auto;
		min-height: auto;
		position: relative;
		float: left;
		top: 0.5em;
		padding: 0 10px;
	}
	
	.fixed-nav {
		float: right;
		position: absolute;
	}
	
	.design2016 .user-bar {
		padding-top: 0.4em;
		position: relative;
		right: 0;
		top: 0;
	}
	
	.user-links .menu-link {
		background: #fff none repeat scroll 0 0;
		border: thin solid #0192b5;
		border-radius: 0.3em;
		-webkit-border-radius: 0.3em;
		-moz-border-radius: 0.3em;
		box-shadow: none;
		color: #0192b5;
		display: inline-block;
		font-size: 0.9rem;
		font-weight: normal;
		margin: 3px 0;
		padding: 0.5em 0.63em;
		text-decoration: none;
		text-shadow: none;
		transition-duration: 0.2s;
		white-space: nowrap;
	}
	
	.main_classified_navigation ul li.element {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border-bottom: medium none;
		border-top: medium none;
		padding: 0;
	}
	.main_classified_navigation ul li a:visited,
	.main_classified_navigation ul li a {
		text-decoration: none;
		/*color: #888;*/
		color: #844d32;
		font-size: 0.8em;
		font-weight: normal;
	}
	.main_classified_navigation ul li a:hover {
		color: #000;
		border-bottom: medium solid #f66303;
	}
	.header-container .category_column {
		width: auto !important;
		padding: 0 15px;
	}
	.header-menu-bar {
		
    border-top: 1px solid #8c4323;
    height: 2.5em;
    position: relative;
    margin-top: -36px;
	}
	
	.header-menu {
		max-width: 70em; 
		height: 2.5em; 
		position: relative; 
		margin: 0 auto; 
		line-height: 2.5em;
		display: inline-block;
		background: #fff;
		z-index: 11; /*  make sure it doesn't disappear if wrapped on smaller screen (tablet) */
	}
	
	.user-links::before,
	.user-links::after,
	.user-links .menu-link::after {
		content: "";
		padding: 0;
	}
	.user-links .submenu-link {
		display:none;
	}
	.user-welcome {
		color: #000;
		display: inline-block;
		font-size: 0.9rem;
		font-weight: normal;
		margin: 3px 0;
		padding: 0.5em 0.63em;
		text-decoration: none;
		text-shadow: none;
		white-space: nowrap;
	}
	.search-box-container {
		width: 16em;
		position: relative;
		float: left;
		top: 1.1em;
		z-index: 20;
	}
	nav.my-account div div.content_box {
		border: none;
		margin-bottom: 0;
	}
	nav.my-account #left_cart div.content_box {
		/*border: thin solid #ddd;*/		
		border: thin solid #E2CCC5;	
		margin-bottom: 0;
		margin-bottom: 0;
	}

	li.my_account_links_inactive h1.subtitle, 
	.mini-cart h3.subtitle {
		background: #FFF none repeat scroll 0 0;
		border-bottom: thin solid #52b69a;
		border-top: none;
	}
	
}


@media only screen and (max-width: 52em) {
	
	.search-box-container {
		position: relative;
		top: 0;
		float:none;
		margin: 0 auto;
	}
	.cz-categories {
		display: block;
	}
	.logo-box .logo img {
		margin: 10px;
		max-height: 70px;
		max-width: 85%;
	}

	.fixed-nav {
		box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
	}
	.my-account,
	.regions {
		top: 2.5em;
	}
	.my-account,
	.regions span a:visited,
	.regions span a {
		color: #000;
	}
	.wrapper {
		width: 98%;
	}
	
	.regions h2.title {
		background: #34a8c4 none repeat scroll 0 0;
		border-color: #2F95AE;
		border-width: 0 0 2px;
		color: #fff;
	}
	
	.category_navigation_box {
		background: #EDF7FA url("../images/backgrounds/Location-Marker.png") no-repeat scroll 50% 50%;
	}
	.header-button {
		display: none;
	}
	.header-container .regions {
		border: none;
		background: transparent;
	}
	.language-social-container {
		right: 3px;
	}
	.mini-cart,
	.category_navigation_box {
		-moz-border-bottom-colors: #64b3da;
		-moz-border-left-colors: #64b3da;
		-moz-border-right-colors: #64b3da;
		-moz-border-top-colors: none;
		border-color: #64b3da;
		background: none no-repeat scroll 50% 50% #f4f9ff;
		border-radius: 0 0 10px 10px;
		border-style: none solid solid;
		border-width: 0 1px 1px;
		margin: 0 auto;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		position: relative;
		-moz-box-shadow: inset 0 0 5px #56b9d1;
   		-webkit-box-shadow: inset 0 0 5px #56b9d1;
   		box-shadow: inset 0 0 5px #56b9d1;
		padding: 0 10px;
	}
	
	.mini-cart h3.subtitle,
	.category_navigation_box h3.subtitle {
		color: #000;
		border-top: none;
	}
	
	.mini-cart div span {
		margin: 0 0 10px;
	}
	
	.my_account_links_inactive {
		background-color: transparent;
	}
	
	.my-account ul {
		margin: 0 auto;
		padding: 0 0 0.1em;
		width: 100%;
	}
		
	.mini-cart h3 {
		background: transparent;
	}

	.category_navigation_box {
		background: url("../images/backgrounds/Location-Marker.png") no-repeat scroll 50% 50% #F0F7FF;
	}
	
	
	/* 1/2018 need this for other gj carousel gallery views too, as the columns are not overridden in default */
	/* override specifically for Gallery view in mobile widths, to always show two columns instead of one */
	/* override this lower down, but at this width, still want 4 columns */
	.columns-4,
	.columns-5,
	.columns-6,
	.columns-7,
	.gj_simple_carousel .columns-4,
	.gj_simple_carousel .columns-5,
	.gj_simple_carousel .columns-6,
	.gj_simple_carousel .columns-7,
	.listing_set.gallery .listing.gallery-rwd {
		width: 25%;
	}	
	
}



@media only screen and (max-width: 38em) {
	.search-box-container {
    	width: 85%;
	}
	.home-slogan {
		font-size: 1.6em;
		top: 60px;
		line-height: 1.0em;
	}
	.gj_image_fade img, .pha_banner img {
		min-width: 28em;
	}
	
	.gj_image_fade div {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 8;
		width: 100%;
	}
	
	.gj_image_fade div.active {
		z-index: 10;
	}
	
	.gj_image_fade div.last_active {
		z-index: 9;
	}	
	
	.search_fade_box {
		min-height: 8em;
		overflow: hidden;
	}
	
	.slideshow-button-container {
		top:10px;
	}
	
	.slideshow-button li a {
		font-size: 0.8em;
	}
	nav.footer {
		padding: 0.5em 0;
	}
	
	/* 1/2018 need this for other gj carousel gallery views too, as the columns are not overridden in default */
	/* override specifically for Gallery view in mobile widths, to always show two columns instead of one */
	.columns-2,
	.columns-3,
	.columns-4,
	.columns-5,
	.columns-6,
	.columns-7,
	.gj_simple_carousel .columns-2,
	.gj_simple_carousel .columns-3,
	.gj_simple_carousel .columns-4,
	.gj_simple_carousel .columns-5,
	.gj_simple_carousel .columns-6,
	.gj_simple_carousel .columns-7,
	.listing_set.gallery .listing.gallery-rwd {
		width: 50%;
	}
	
	
	
.catalog-banner {
    padding: 2px;
	 font-size: 1rem;
}	

.catalog-banner a {
	font-size: 1rem;
	}

/* used in overlays */	
 ul {
    padding: 0 0 0 20px;
}	

/* mobile menu */
.fixed-menu ul {
    padding: 0 0 0 0;
	 margin: 0 0 0 0;
}	

.browse_mode_buttons {
	width: auto;
	}
	
	
	
	
}


@media only screen and (max-width: 32em) {
	.search_fade_box {
		min-height: 6em;
		overflow: hidden;
	}
	.gj_image_fade img, .pha_banner img {
		min-width: 22em;
	}
	.home-slogan {
		/*font-size: 1.2em;*/
		/*top: 50px;*/
	}
	.g-recaptcha {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
		width: 240px;
	}
	
/* 1/2018 need this for other gj carousel gallery views too, as the columns are not overridden in default */
	/* override specifically for Gallery view in mobile widths, to always show two columns instead of one */
	.columns-2,
	.columns-3,
	.columns-4,
	.columns-5,
	.columns-6,
	.columns-7,
	.gj_simple_carousel .columns-2,
	.gj_simple_carousel .columns-3,
	.gj_simple_carousel .columns-4,
	.gj_simple_carousel .columns-5,
	.gj_simple_carousel .columns-6,
	.gj_simple_carousel .columns-7,
	.listing_set.gallery .listing.gallery-rwd {
		width: 100%;
	}
		
	
	
	
	
	
}


	
/* ==========================================================================
   Breadcrumbs - Overrides Default Breadcrumb in PC Mode
   ========================================================================== */

.breadcrumb {
    border-color: #ccc;
    border-style: dotted none;
}

.breadcrumb a:after, .breadcrumb div:after {
	border-left-color: #e9edf0;
	z-index: 2;
}

.breadcrumb a, .breadcrumb div {
	background-image: none;
	background-color: transparent;
	padding: 0.2em 0 0.2em 1.5em;
	text-shadow: none;
}

.breadcrumb a:first-child, .breadcrumb div:first-child {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding-left: 0.5em;
}

.breadcrumb a:after, .breadcrumb div:after, .breadcrumb a:before, .breadcrumb div:before {
	border-bottom: 1em solid transparent;
	border-left: 0 solid;
	border-top: 1em solid transparent;
	content: "\00276d";
	margin-top: -1.6em;
	position: absolute;
	right: -1em;
	top: 50%;
}

.main .breadcrumb .active::after, .main .breadcrumb .active::before {
	/* hide the final chevron at mobile widths */
	content: none;
}

/* Storefront Icon Settings Override */
.listing_set .gallery_inner .article_inner .center a img {
	max-width: 70px !important;
	max-height: 100px !important;
}


/* fix header heights in mobile view to account for absolutely-positioned nav bars */

@media only screen and (max-width: 52em) {
	header.page {
		margin-top: 0;
	}
	.header-container {
		clear:both;
	}
	/* front page, no geonav */
	.logo-search-container {
		height: 10em;
	}
	.logo-box {
		/* move logo down into position below the pos:abs bars */
		top: 2.7em;
		background: #FFFFFF none repeat scroll 0 0;
		border-bottom: 1px solid #ddd;
	}
	/* front page with geonav on */
	.logo-search-container.logo-adjust-submenu {
		height: 11.5em;
	}
	.logo-search-container.logo-adjust-submenu .logo-box {
		/* move logo further down to match larger container */
		top: 4.6em;
	}
	/* subpages, no geonav/minicart */
	.logo-search-container.logo-adjust-subpage {
		height: 3em;
	}
	/* subpages WITH geonav/minicart */
	.logo-search-container.logo-adjust-subpage.logo-adjust-submenu {
		height: 5em;
	}
}


/* ==========================================================================
   pha customizations
   ========================================================================== */
/* adjust slogan for screen size*/


@media only screen and (max-width: 64em) {
	.home-slogan { top: 170px; }	
}

@media only screen and (max-width: 52em) {
	.home-slogan { top: 128px; }	
	.category_drop { display: none; }
	/* repeat, so not overwritten by accident */
	.rwd-hide { display:none; } 
}

@media only screen and (max-width: 38em) {
	.home-slogan {
		font-size: 1em;
		top: 88px;
		}
	
	.slideshow-button-container {
		top: 88px;
	}	
	
	.logo-search-container .form-wrapper {
   	 width: 95%;
	}
}	

@media only screen and (max-width: 32em) and (orientation: portrait) {
	.home-slogan {
	font-size: 1em;
	top: 62px;
	}	
	.slideshow-button-container {
		display: none;
		}
		
.user_management .my-account ul li {
	width: 100%;
	}		
		
		
}	
	
@media only screen and (max-width: 32em) and (orientation: landscape) {
	.home-slogan {
		top: 72px;		
		font-size: 1em;
		}
		
	.slideshow-button-container {
		top: 70px;
		}
}		

@media only screen and (max-width: 35em) {	
	.logo-search-container .form-wrapper {
   	 width: 90%;
	}
}	

	
/* ==========================================================================
   PHA Print Specific
   ========================================================================== */
	
.print_link {
	float: right;
	font-size: 90%;
	margin-right: 1em;
	}	
.print_only { display: none; } /* if not printing */
	
@media print {
	
	.fixed-nav,
	.search-box-container, 
	.header-button-container, 
	.user-bar, 
	.header-menu-bar,
	.slideshow-container,
	.sidebar,
	footer,
	.search_content_box,
	.mini_button,
	a.mini_button,
	.offsite_videos_container,
	.no_print,
	.close
	 {
		display: none !important;
	}
	
	.wrapper {
		box-shadow: none;
		width: 7.5in;
		}
		
	.my-account h2.title.section-collapser {
		display: none;	
	}

	.clearfix:before,
	.clearfix:after {
		content: " "; /* 1 */
		display: table; /* 2 */
	}
	
	.clearfix:after {
		clear: both;
	}
	
	/*
	 * For IE 6/7 only
	 * Include this rule to trigger hasLayout and contain floats.
	 */
	
	.clearfix {
		*zoom: 1;
	}
	
	header.page {
		margin-top: 0;
		}	
	
	.logo-box {
		text-align: center;
		background: #fff;
		margin-bottom: 1em;
		overflow: visible;
		}	
		
	.slogan {
		width: auto;
		height: auto;
	}
	
	h1.print_only {
		font-size: 14px;
		}
		
	h2.title {
		clear: both;
		margin-top: 1em;
		}	
		
	.user_management td {
		width: auto;
		}	
		
	table, tr, td, tbody { page-break-inside:auto; page-break-before: avoid; }
	
	header .content_box, .content_box.bidders_page_view, .content_box.result_page_view {
		border: none;
		}	
	
	/* print gallery view */
	.columns-4,
	.columns-5,
	.columns-6,
	.columns-7,
	.gj_simple_carousel .columns-4,
	.gj_simple_carousel .columns-5,
	.gj_simple_carousel .columns-6,
	.gj_simple_carousel .columns-7,
	.listing_set.gallery .listing.gallery-rwd {
		width: 25%;
	}	
	
/* fix extra blank page printing in chrome */
	html, body {
   	height: 99% !important; 
		/* needs border to prevent extra page! */
		border: 1px solid transparent;
		background: #fff !important;
	 }
		
}

@media only screen and (min-width: 52em) {
/* added here to avoid showing things when using lightup box */
	.pc-hide {
		display: none;
	}

}