/* Custom MOT CSS File Created: November 19, 2019 - 11:45:54 */

/*
 * 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.
 */

/*header.page .logo_box  {
	 SAMPLE of how to force it to use the background image from this
	   template set rather than from the default. 
	background: transparent url('../images/logo_bg.png') no-repeat top right; 
}*/

#header-img,
#header-img img {
	max-width: 100%;
}

@media only screen and (min-width: 52em) {
.logo-box {
	background: none !important;
	}	
}

/* remove header img, style links, and format nav on tablet & phone */
@media only screen and (max-width: 52em) {
.user-links a {
	color: #fff;
	}
.page-bar .menu-link {
	color: #fff;
	text-align: left !important;
	line-height: 2em;
	}
.fixed-menu {
	max-width: none;
	}
}

@media only screen and (max-width: 1024px) {
.user-bar img {
	width: 1024px;
	}
}

@media only screen and (min-width: 38em) {
.showcase h1.search_title {
	margin: 1em;
	}
}

.required {
    color: #8e0303;
}

h1.search_title {
    color: #8e0303;
}

.search-box-container {
    width: 55%;
}

h2.title {
	background: url("../images/backgrounds/c_bar_primary.gif") repeat-x scroll 0 0 #8e0303;
}

.design2016 h3.title {
	background: url("../images/backgrounds/c_bar_secondary.gif") repeat scroll 0 0 #8e0303;
	color: #FFF;
}

.fixed-nav {
	font-size: .85rem;
}

.design2016 .user-bar {
	font-size: .9em;
}

.design2016 .cancel {
	border-color: #8e0303;
    color: #8e0303;
}

.design2016 .cancel:hover {
	border-color: #8e0303;
    background: #8e0303;
}    
    
.user-bar {
	text-align: right;
	padding: 0;
}

.user-bar img {
	margin: 0;
}

.fixed-menu {
	margin: 5px 0;
}

.page-bar {
	    position: unset;
}

.page-bar .menu-link {
    background: url(../images/backgrounds/nav_tab.gif) repeat-x scroll left top #8e0303;
    min-width: 16.5%;
    text-align: center;
    color: #fff;
	text-decoration: none;
}

.user-links .menu-link {
    color: #8e0303;
}
    
.menu-link:hover {
    background: none;
}

.form-wrapper button {
    background: #8e0303 none repeat scroll 0 0;
}
    
.form-wrapper button:hover {
    background: #b42c2c;
}

.form-wrapper button:before {
	border-color: transparent #8e0303 transparent;
}

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

.mini_button {
	background: unset;
}

.mini_button:hover {
	background: #8e0303;
    color: #fff!important;
    border: thin solid #8e0303;
}

.highlight_links a, .highlight_links a:visited {
	color: #8e0303;
}

.recentButtons .button, .recentButtons .button:visited {
	color: #8e0303;
}

.sell-button li a {
	border: 1px solid #8e0303;
    background-color: #8E0302;
}
.sell-button li a:hover {
    background-color: #b42c2c;
}

.breadcrumb a:hover {
    color: #8e0303;
}

.breadcrumb .active {
	color: #8e0303;
}

.breadcrumb {
	overflow: hidden;
	border: 1px solid #d5dce1;
	border-radius: 0.3em
}

nav.clearfix.breadcrumb #text {
	display: none;
}

.design2016 .button, .design2016 .button:visited {
	border: thin solid #8e0303;
	color: #8e0303;
}

.design2016 a.button:hover {
    background-color: #8e0303;
}

.button, .button:visited {
	border: thin solid #8e0303;
	color: #8e0303;
	background: #fff;
	text-shadow: none;
}

a.button:hover {
    background-color: #8e0303;
}

input.button:hover {
	background-color: #8e0303;
}

.design2016 .nav-wrapper {
	margin: 0;
}

li.leveled_value {
	font-size: 1.2em;
}

.listing-prev-next-links {
	float: right;
	margin-bottom: 0;
}

h1.listing_title span.price {
    font-size: 1em;
    color: #8e0303;
}

.price-tag {
    background: #8e0303 none repeat scroll 0 0;
}

.zoom_link {
	font-size: .85em;
}

.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 {
    color: #8e0303;
}

.listing_title span {
    color: #8e0303;
    font-size: 1rem;
}

/* listing page */
.design2016 .seller_username {
    margin: 10px 8px 5px 8px;
}

/* storefront page */
.seller_username {
    margin: 10px 8px 5px 8px;
}

.icon-link {
	font-size: .9em;
}

.icon-link a {
    padding: 0 .31em 0.2em .31em;
}

.item-in-progress {
    color: #8e0303;
}

.design2016 .edit, .design2016 .edit:visited {
	border: thin solid #8e0303;
    color: #8e0303;
}

.design2016 a.edit:hover {
    background-color: #8e0303;
}

.content_box_1 {
	padding: .75em;
}

div.category_column.main_classified_level_navigation.columns-1 {
	font-size: .85em;
}

nav.footer {
	background: url("../images/backgrounds/footer_bar.gif") repeat-x scroll left top #8e0303;
}

.disclaimer {
    padding: 1em; 
}

.disclaimer a, 
.disclaimer a:hover {
    color: #8E0304;
}

/* Cart Styles */
.cart_item {
	color: #8e0303;
	background: url('/geo_templates/myoldtoy_childtheme/external/images/backgrounds/cart_item_arrow_1.gif') no-repeat 2px center
}

.design2016 .preview, .design2016 .preview:visited {
	border: thin solid #8e0303;
    color: #8e0303;
}

.design2016 a.preview:hover {
	background-color: #8e0303;
}


/* Adjust height of textarea */
.editor.field {
    height: 350px !important;
}

/* Settings for Upload Instructions */
h2 a.show_instructions_button, h2 a.show_instructions_button:visited {
    color: #fff;
    display: inline-block;
    margin: 0 0.75em;
    padding: 0.2em 0.31em 0.1em;
    text-decoration: underline;
    font-size: .75em;
}

/* Spacing of Search Results Page headers */
.results_column_header td {
    padding: .2em 1.5em;
}

/* Search Page padding between brands */
.multiselect ul li {
    padding: .5em .625em .5em 0;
}

/* ######### PROMO SHOWCASE STYLES ######### */

#promo-showcase {margin: 0; position: relative; z-index: 2; overflow: hidden; margin: 0 auto; border-radius: 0.5em; max-width: 336px;}

#promo-showcase .promo-container {float: left; overflow: hidden;}
#promo-showcase .promo-slide {
	float: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% 100% !important;
	position: relative;
	z-index: 3;
	overflow: hidden;
	margin-top: 1em;
}

#promo-showcase iframe {position: relative; z-index: 3;}
#ps_controls {position: relative; z-index: 99;}
.promo-left-arrow-block {float: left; width: 23px; text-align: center; margin: 0 -25px 0 5px; position: relative; z-index: 99;}
.promo-right-arrow-block {float: right; width: 23px; text-align: center; margin: 0 5px 0 -25px; position: relative; z-index: 99;}

a.promo-arrow-control-right:link, a.promo-arrow-control-right:visited {display: block; padding: 0; background: url('../../../../addons/promo_showcase/images/arrow-controls.png') no-repeat -40px center; width: 20px; height: 30px; position: absolute; top: 50%; margin-top: -15px;}
a.promo-arrow-control-right:hover, a.promo-arrow-control-right:active {background: url('../../../../addons/promo_showcase/images/arrow-controls.png') no-repeat -60px center;}

a.promo-arrow-control-left:link, a.promo-arrow-control-left:visited {display: block; padding: 0; background: url('../../../../addons/promo_showcase/images/arrow-controls.png') no-repeat -20px center; width: 20px; height: 30px; position: absolute; top: 50%; margin-top: -15px;}
a.promo-arrow-control-left:hover, a.promo-arrow-control-left:active {background: url('../../../../addons/promo_showcase/images/arrow-controls.png') no-repeat 0 center;}

#promo-showcase a {
	display: block;
	text-decoration: none;
}

#promo-showcase .contents {
	background: url('../../../../addons/promo_showcase/images/bg-overlay.png');
	position: absolute;
	z-index: 2;
	display: block;
}

#promo-showcase .contents strong.title {
	margin: 0;
	padding: 5px 25px;
	color: #fff;
	font-size: 18px;
	display: block;
}

#promo-showcase .contents span.description {
	margin: 0;
	padding: 0 25px;
	color: #fff;
	line-height: 18px;
	font-size: 12px;
	display: block;
}


#promo-showcase .content-top {top: 0; left: 0; width: 100%; height: 35%; padding-bottom: 10px;}
#promo-showcase .content-bottom {bottom: 0;	left: 0; width: 100%; height: 35%;}
#promo-showcase .content-left {top: 0; left: 0; height: 100%; width: 40%;}
#promo-showcase .content-right {top: 0;	right: 0; height: 100%; width: 40%;}


#promo-showcase .media-frame {overflow: hidden; position: absolute; background: #000;}
#promo-showcase .media-bottom {top: 0; left: 0; width: 100%; height: 65%; float: left;}
#promo-showcase .media-top {bottom: 0; left: 0; height: 65%; width: 100%; float: left;}
#promo-showcase .media-left {top: 0; right: 0; height: 100%; width: 60%; float: left;}
#promo-showcase .media-right {top: 0; left: 0; height: 100%; width: 60%; float: left;}


#promo-menu {
	clear: both;
}

#promo-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#promo-menu ul li {
	float: left;
	margin: 0; 
	padding: 0;
}

#promo-menu a {
	display: block;
	background: #eaeaea;
	color: #555;
	padding: 5px 10px;
	margin: 0 1px 0 0;
	text-align: center;
}

#promo-menu a:hover {background: #cacaca;}


/* ########## Mar 3, 2020 ########## */


.page-bar {
    border: none;
    background: #8e0303;
    overflow: hidden;
    margin: 0.5em 0;
}
.page-bar .menu-link {
    background: #b50303;
    color: #fff;
}

.cz-categories,
.mainbody-home {
    display: none;
}

@media only screen and (min-width: 42em) {
}

@media only screen and (min-width: 52em) {
	.mobile-only {
		display: none !important;
	}    
	.page-bar .menu-link {
		background: #8e0303 url(../images/backgrounds/nav_tab.gif) repeat-x scroll left top;
		color: #fff;
	}
    .page-bar .menu-link:hover {
        background: #b50303;
    }
	.menu-link {border-radius: 0;}
    .cz-categories,
    .mainbody-home {
        display: block;
    }
}

@media only screen and (max-width: 50em) {
	.page-bar .menu-link:hover {
		background: #cd0000;
		color: #fff;
		text-decoration: underline;
	}
}

@media only screen and (max-width: 52em) {
    .page-bar .menu-link {padding-left: 1em; padding-right: 1em;}
	#head-nav div.cat-sub-menu {
		display: block;
	}
	#head-nav div.cat-sub-menu ul li {
		display: block;
        padding: 0;
	}
	#head-nav div.cat-sub-menu ul li a:link, #head-nav div.cat-sub-menu ul li a:visited {
		display: block;
		width: auto;
		padding: 7px 5px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}
	#head-nav div.cat-sub-menu ul li ul.sub_categories li a:link, #head-nav div.cat-sub-menu ul li ul.sub_categories li a:visited {
		display: block;
		width: auto;
		padding: 2px 5px;
		color: #fff;
		font-weight: normal;
		text-decoration: none;
		text-transform: none;
	}	
	#head-nav div.cat-sub-menu ul li a:hover, #head-nav div.cat-sub-menu ul li a:active {
		background: #cd0000;
		text-decoration: underline;
		color: #fff;
	}
}