/* GIT: 7.1beta4-76-geca5783 */

/* 
 * 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: #4987C5 #4174A6 #356094
 */

/* ######### GLOBAL STYLES ######### */
/*
dc291e
5a2c34
7a2426

*/
h2.title {
	/*background: #e2e0e0 url('../images/backgrounds/c_bar_primary.gif');*/
	height: 24px;
	color: #7B367A;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0;
       margin-left: 5px;
}

.content_box h2.title {
	/*background: #e2e0e0 url('../images/backgrounds/c_bar_primary.gif');*/
	background-color: #f9f9f9;
	height: 24px;
	line-height: 24px;
	color: #7B367A;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 5px;
	padding: 0 0 0 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: #4987C5 url('../images/backgrounds/nav_tab.gif') repeat-x top left;
	border-top: 1px solid #4987C5;
	border-left: 1px solid #4987C5;
	border-right: 1px solid #4987C5;
	border-bottom: none;
	padding: 15px 15px;
	color: #ffffff;
	display: block;
	float: left;
	top: 0px;
	margin: 0px 1px;
}

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: #356094;
}

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

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

/* ######### TABLE STYLES ######### */
.column_header {
	background: #4174A6 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: #4987C5 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 30px;
        width: 162px;
	font-size: 12px;
	font-weight: bold;
	background-color:  #fefefe;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #f3f3f3;
	text-decoration: none;
}
a.mon-profil { background: url('../images/ico-mon-compte.png') no-repeat 3px center;}
a.mes-alertes {background: url('../images/icon_alertmail.png') no-repeat 3px center;}
a.favoris {background: url('../images/ico-favoris.png') no-repeat 3px center;}
a.messagerie {background: url('../images/icon-messageire.png') no-repeat 3px center;}
a.modifier-pass {background: url('../images/icon-edit-password.png') no-repeat 3px center;}
a.annonces-expirees {background: url('../images/icon_annonces-expirees.png') no-repeat 3px center;}
a.mes-annonces {background: url('../images/icon-annonces-en-ligne.png') no-repeat 3px center;}
a.parametre-messagerie {background: url('../images/icone-parametre-messagerie.png') no-repeat 3px center;}
a.renovecancel {background: url('../images/buttons/listing_delete.png') no-repeat 3px center;}
a.resume {background: url('../images/icon-resume.png') no-repeat 3px center;}
a.viewcart {background: url('../images/last_listing_view.jpg') no-repeat 3px center;}
a.publierannonce {background: url('../images/icon_publier_annonce.png') no-repeat 3px center;}
#user_column ul li.my_account_links_lastitem a{border-bottom: 0;}

#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 30px;
	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;
}
#user_column ul li.my_account_links_lastitem a:hover,
#user_column ul li.my_account_links_lastitem a:active,
#left_column ul li.my_account_links_lastitem a:hover,
#left_column ul li.my_account_links_lastitem a:active
{border-bottom: 0;}
/* ######### 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: #4987C5;
}

.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: #4174A6 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: #4987C5 url('../images/backgrounds/nav_tab.gif') repeat-x top left;
	border: 1px solid #4987C5;
	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: #4987C5;
}

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

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

/* ######### 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: #4987C5;
}

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

/* ######### 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: #4987C5;*/
}

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

.button {
	border: 1px solid #672566;
	background: #813980;
}

.button:hover,
.button:active,
a.button:hover,
a.button:active,
input.button:hover,
.large_button:hover,
.large_button:active
{
	background: #8f408e;
	border: 1px solid #6c246b;
	color: #FFFFFF;
	text-decoration: none;
}
