@import url('../../../default/external/css/primary_theme_styles.css');

/*
 * Leave first line of this file intact to make software updates easier!
 * 
 * File Created from Geo v7.1.0 (GIT: @git-info@)
 */


/* 
 * Primary theme styles, 
 * 
 * This file should hold all the "primary" theme styles.  This is meant
 * to be able to mix-match with secondary CSS styles to achieve different
 * primary/secondary color combinations.
 * Primary Colors: #575757 #484848 #3A3A3A
 */

/* ######### GLOBAL STYLES ######### */

h2.title {
	background-image: none !important;
	background-color: #fff;
	height: 24px;
	color:  #898937;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 4px 0px 0px 5px;
	border-radius: 5px;
}

/* ######### BREADCRUMB STYLES ######### */
.breadcrumb {
	background: url('../images/backgrounds/bullet_list_arrow_1.gif') no-repeat top left;
	padding: 0 30px;
	color: #5f6672;
	font-size: 11px;
	text-align: left;
	margin: 10px 0;
	font-weight: bold;
}

/* ######### NAVIGATION BAR STYLES ######### */

header.page.compact #nav_bar li a,
#nav_bar li a:hover,
#nav_bar li a:active {
	background: none !important;
	border: none;
	color: #ffffff;
}

header.page.compact #nav_bar li a {
	margin: 0 0 0 1px;
	border-top: none;
	border-left: none;
	border-right: none;
}

header.page.compact #nav_bar li a:hover,
header.page.compact #nav_bar li a:active {
	background: none;
	background-color: #3A3A3A;
}

/* ######### Footer Styles ######## */

footer.page .footer_inner {
	background: #575757 url('../images/backgrounds/footer_bar.gif') repeat-x top left;
}

/* ######### TABLE STYLES ######### */
.column_header {
	background: #484848 url('../images/backgrounds/c_bar_primary.gif');
	height: 24px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 4px 0px 0px 5px;
}

/* ######### LIST STYLES ######### */

.arrowlist li {
	list-style: none;
	background: url('../images/backgrounds/bullet_list_arrow_1.gif') no-repeat 0 5px;
	padding: 5px 5px 10px 30px;
}

/* ######### SEARCH BAR STYLES ######### */

#search_inner {
	background: #575757 url('../images/backgrounds/search_bar.gif') repeat-x top left;
	height: 46px;
	text-align: right;
	border-radius: 5px;
}

/* ######### USER ACCOUNT & LEFT COLUMN STYLES ######### */

#user_column ul li a:link,
#user_column ul li a:visited,
#left_column ul li a:link,
#left_column ul li a:visited
{
	display: block;
	padding: 10px 5px 10px 35px;
	font-size: 12px;
	font-weight: bold;
	background: #fefefe url('../images/backgrounds/bullet_list_arrow_1.gif') no-repeat left center;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #f3f3f3;
	text-decoration: none;
}

#user_column ul li a:hover,
#user_column ul li a:active,
#left_column ul li a:hover,
#left_column ul li a:active
{
	display: block;
	padding: 10px 5px 10px 35px;
	font-size: 12px;
	font-weight: bold;
	background: #f3f3f3 url('../images/backgrounds/bullet_list_arrow_2.gif') no-repeat left center;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e5e5e5;
	text-decoration: underline;
}

/* ######### CART STYLES ######### */
.cart_item {
	border: 3px solid #eaeaea;
	padding: 3px 10px;
	margin: 5px;
	font-weight: bold;
	font-size: 12px;
	background: #f7f7f7 url('../images/backgrounds/cart_item_arrow_1.gif') no-repeat 2px center;
	color: #575757;
}

.cart_item:hover {
	background: #ffffe1 url('../images/backgrounds/cart_item_arrow_2.gif') no-repeat 2px center;
}

/* ######### VIDEO UPLOAD ######### */

div.offsite_video_box_title {
	background: #484848 url('../images/backgrounds/c_bar_primary.gif');
	/* These boxes can be moved, so give title a cursor for moving */
	cursor: move;
}

/*  ######## Tabs ######## */
ul.tabList li:hover,
ul.tabList li.activeTab {
	background: #575757 url('../images/backgrounds/nav_tab.gif') repeat-x top left;
	border: 1px solid #575757;
	padding-bottom: 13px;
	border-bottom: none;
	color: #ffffff;
}
ul.tabList li.activeTab {
	background: #ffffff;
	border: 2px solid #eaeaea;
	padding: 9px 14px 13px 14px;
	border-bottom: none;
	color: #575757;
}

/*  ###### Gallery (carousel) ########### */

span.gallery_carousel_dot_active {
	/*  This is the "active" dot for the carousel */
	font-size: 20px; color: #575757;
}

/* ######### PRIMARY FONT COLOR ######### */

a:hover,
a:active,
h1.subtitle,
.highlight_links a:link,
.highlight_links a:visited,
.text_highlight,
label.required,
footer.page .disclaimer h3,
footer.page .disclaimer h4,
#listing_categories li.element,
#listing_categories span.category_title,
div.category_column ul span.category_title,
.categories div a:hover,
.categories div a:active,
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
{
	color: #575757;
}

#breadcrumb li.highlight,
#breadcrumb li,
#cart_steps li.current
{
	color: #484848;
}

/* ######### PRIMARY BORDER COLOR ######### */

div.autocomplete_choices ul,
input.field:focus,
textarea.field:focus,
select.field:focus,
#listing_photos img:hover,
.galleryBigImage:hover,
#listing_photos .filmstrip_strip_container div.filmstrip_entry img:hover,
.pagination li.current
{
	border-color: #575757;
}

/* ######### BUTTON STYLES ######### */

.button {
	border: 1px solid #484848;
	background: #575757;
}

.button:hover,
.button:active,
a.button:hover,
a.button:active,
input.button:hover,
.large_button:hover,
.large_button:active
{
	background: #3A3A3A;
	border: 1px solid #555;
	color: #FFFFFF;
	text-decoration: none;
}