/* CSS Document */

/* HEADER & NAVIGATION by calhm
=========================================================*/

/* Reference
--------------

salmon red  = #ea8f65
money green = #afd799
mello yello = #ffc885
cashier blue = #3194b5
linked up blue = #42b2eb

*/



img {
	border: none;
}

/* inside & landing navigation 
-----------------------------------------------------*/

#ccp_inside_container {
	position: relative;
	width: 100%;
	height: 195px;
	background-image: url(../images/Q4-2007-CCP-SOULULAR/layout/inside/inside_header_1_background.jpg);
	background-repeat: repeat-x;
}

#ccp_landing_container {
	width: 100%;
	height: 510px;
	background-image: url(../images/Q4-2007-CCP-SOULULAR/layout/landing/landing_header_1_background.jpg);
	background-repeat: repeat-x;
}

/* sets width for inside & landing navigation */
#ccp_inside_navigation, #ccp_landing_navigation {
	position: relative;
	margin: 0 auto;
	width: 824px;
}


/* menu icons 
-------------------------------------*/

/* global menu icon settings */
#ccp_menu_one, #ccp_menu_two, #ccp_menu_three, #ccp_menu_four {
	float: right;
	width: 62px;
	text-align: center;
}

/* controls verticle all icons */
.ccp_icons {
	/* vertical spacing */
	padding-top: 55px;
	display: block;
}

.ccp_icons img {
	/* vertical spacing */
	padding-bottom: 5px;
}

.ccp_icons a:link, .ccp_icons a:visited {
	/* typography */
	text-decoration: none;
	color: #FFF;
}

/* controls spacing for all icons except last */
.ccp_icons_firsts {
	margin-right: 28px;
}

/* controls spacing for last icon */
.ccp_icons_last {
	margin-right: 44px;
}	

/* menu popups
-----------------------------------------------------*/

/* global popup settings
---------------------------------------*/

#ccp_menu_popups_service_support, #ccp_menu_popups_product_info, #ccp_menu_popups_browse_products, #ccp_menu_popups_your_cashier {
	/* layout */
	position: absolute;
	visibility: hidden;
	width: 295px;
	/*
	background-color: #fff;
	*/
	z-index: 88;
	padding-bottom: 18px;
	
	/* typography */
	font-family: Arial, Helvetica, sans-serif;
}

.ccp_menu_popups_top {
	height: 32px;
	width: 365px;
}

.ccp_menu_popups_middle {
	height: 221px;
	width: 365px;
}

.ccp_menu_popups_background {
	background-image: url(../images/hover/hover_ccp_store_02.png);
	background-repeat: repeat-y;
	width: 365px;
	padding-left: 20px;
}

.ccp_menu_popups_bottom {
	height: 16px;
	width: 365px;
}

.ccp_menu_popups_subtitle {
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom: 10px;
}

/* links
-----------------------------*/

.ccp_popup_menu_choices, .ccp_popup_menu_choices_sub, .ccp_popup_menu_choices_sub_sub, .ccp_popup_menu_choices_red {
	display: block;
	padding: 4px;
	margin-bottom: 4px;
	padding-left: 20px;	
	background-repeat: no-repeat;
	padding-top: 3px;
	background-position: 0px 0px;
}

.ccp_popup_menu_choices {
	margin-left: 0px;
	background-image: url(../images/menu/menu_dash_bullet_J.gif);
	background-color: #f6f6f6;
	width: 128px;
}

.ccp_popup_menu_choices_sub {
	margin-left: 20px;
	background-image: url(../images/menu/menu_dash_bullet_sub_J.gif);
	background-color: #e8e4df;
	width: 108px;
	padding-left: 20px;
}

.ccp_popup_menu_choices_sub_inside_ccp {
	background-color: #eae4e3;
	background-image: url(../images/menu/menu_dash_bullet_sub_J_inside.gif);	
}

.ccp_popup_menu_choices_sub_product_info {
	background-color: #e7e0d8;
	background-image: url(../images/menu/menu_dash_bullet_sub_J_product.gif);		
}

.ccp_popup_menu_choices_sub_browse_store {
	background-color: #e8ece3;
	background-image: url(../images/menu/menu_dash_bullet_sub_J_browse.gif);	
}


.ccp_popup_menu_choices_sub_your_cashier {
	background-color: #e1e8eb;
	background-image: url(../images/menu/menu_dash_bullet_sub_J_cashier.gif);	
}



.ccp_popup_menu_choices_sub_sub {
	margin-left: 40px;
	background-image: url(../images/menu/menu_dash_bullet_sub_i.gif);
	background-color: #e4e4e4;
	width: 88px;	
}

/* link / visited */
#ccp_menu_popups_service_support a:link, #ccp_menu_popups_product_info a:link, #ccp_menu_popups_browse_products a:link, #ccp_menu_popups_your_cashier a:link, #ccp_menu_popups_service_support a:visited, #ccp_menu_popups_product_info a:visited, #ccp_menu_popups_browse_products a:visited, #ccp_menu_popups_your_cashier a:visited {
	
	/* typography */
	color: #222;	
	text-decoration: none;
}

/* hover */

#ccp_menu_popups_service_support a:hover {
	/* highlight color */
	color: #fff;
	background-color: #ec9974;
	padding: 3px;
}

#ccp_menu_popups_product_info a:hover {
	/* highlight color */
	color: #fff;
	background-color: #ffc885;
	padding: 3px;
}

#ccp_menu_popups_browse_products a:hover {
	/* highlight color */
	color: #fff;
	background-color: #afd799;
	padding: 3px;
}

#ccp_menu_popups_your_cashier a:hover {
	/* highlight color */
	color: #fff;
	background-color: #56a5c2;
	padding: 3px;
}

.ccp_menu_popups_content {
	padding-top: 20px;
}

.ccp_menu_popups_links_a, .ccp_menu_popups_links_b {
	/* two-column layout */
	float: left;
	width: 175px;
}


/* individual popup settings
---------------------------------------*/

#ccp_menu_popups_service_support {
	position: absolute;
	right: 250px; /* (original) left: 385px;*/
	top: 110px;	
}

#ccp_menu_background_a {
	background-image: url(../images/hover/hover_inside_CCP_02.png);
	background-repeat: no-repeat;
}



#ccp_menu_popups_product_info {
	position: absolute;
	right: 175px; /* (original) left: 490px;*/
	top: 110px;	
}

#ccp_menu_popups_browse_products {
	position: absolute;
	right: 100px; /* (original) left: 490px;*/
	top: 110px;	
}

#ccp_menu_popups_your_cashier  {
	position: absolute;
	right: 50px; /* (original) left: 500px;*/
	top: 110px;
}

#ccp_menu_background_b {
	background-image: url(../images/hover/hover_browse_products_02.png);
	background-repeat: no-repeat;
}

#ccp_menu_background_b_2 {
	width: 365px;
	background-image: url(../images/hover/hover_browse_products_rpt.png);
	background-repeat: repeat-y;
}



#ccp_menu_background_c {
	background-image: url(../images/hover/hover_your_cashier_02.png);
	background-repeat: no-repeat;
}

/* doodads
-----------------------------------------------------*/

/* sitemap
-----------------------------*/

#ccp_sitemap {
	position: absolute;
	right: 55px;
	top: 10px;
}

#ccp_sitemap a:link, #ccp_sitemap a:visited {
	/* typography */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	color: #ffc885;
}

#ccp_sitemap a:hover {
	/* highlight color */
	color: #fff;
	background-color: #ea8f65;
	padding: 4px;
}