/* CSS Document */

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

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

*/

@import url(http://www.contactccp.ca/css/contact_styles.css);

body {
	background: #727175 url(../images/background/Back.png) center center fixed no-repeat;
	background-repeat: repeat;
	background-size: cover;
	-moz-background-size: cover;
	margin: 0px;
	padding: 0px;
	
	/* typography */
	text-align: center;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif; 	
}


ul {
	margin-left: 15px;
	padding-left: 0px;	
}


li {
	margin-left: 5px;
	padding-left: 0px;
}


/* Typography */

.leadin {
	font-size: 1.7em;
	line-height: 1.2em;
}

.content_leadin {
	font-size: 1.5em;
	line-height: 1.2em;
}

.ccp_highlight {
	color: #fff;
	background-color: #dc291e;
	padding: 4px;
}

.ccp_sub_highlight {
	color: #fff;
	background-color: #dc291e;
	padding: 4px;
	font-size: 1.3em;
	line-height: 1.2em;
	margin-top: 25px;
	margin-bottom: 10px;
	width: 200px;
	text-align: center;
}

.ccp_sub_highlight_white {
	color: #333;
	background-color: #fff;
	padding: 4px;
	font-size: 1.3em;
	line-height: 1.2em;
	margin-top: 25px;
	margin-bottom: 10px;
	width: 200px;
	text-align: center;
}

.ccp_history_one, .ccp_history_two, .ccp_history_three {
	font-size: 1.4em;
}

.ccp_history_one {
	background-color: #ea8f65;
}

.ccp_history_two {
	background-color: #ffc885;
}

.ccp_history_three {
	background-color: #42b2eb;
}

.ccp_num_list {
	list-style: decimal;
	margin-top: 8px;
	line-height: 25px;
}

.ccp_sub_highlight_hidden {
	color: #fff;
	background-color: #fff;
	padding: 4px;
	font-size: 1.3em;
	line-height: 1.2em;
	/*margin-top: 25px;*/
	margin-bottom: 10px;
	width: 200px;
	text-align: center;
}

.ccp_sub_sub_highlight {
	color: #fff;
	background-color: #666;
	padding: 4px;
	font-size: 1.15em;
	line-height: 1.1em;
	margin-top: 25px;
	margin-bottom: 15px;
	width: 180px;
	text-align: center;
}

#coming_soon_copywriting {
	width: 475px;
	padding: 25px;
	font-size: 1.2em;
	line-height: 1.5em;
}



#coming_soon_copywriting a:link, #coming_soon_copywriting a:visited {
	color: #fff;
	background-color: #ec9974;
	padding: 2px;
	text-decoration: none;
}

#coming_soon_copywriting a:hover {
	background-color: #afd799;
}

.ccp_copyright {
	color: #333;
}

a:link {
	color: #dc291e;
	text-decoration: none;
}

a {
	text-decoration: none;
}

a:visited {
	color: #4d4e53;
}

a:hover {
	color: #afd799;
}

.store-link {
	color: #afd799;
}

u, li {
	list-style-type: circle;
}

/* Layout */

#ccp-wrapper {
	margin: 0 auto;
	text-align: left;
	width: 1010px;
}

#ccp-container {
	position: relative;
	width: 1010px;
}

#ccp_page_intro {
	position: relative;
	padding-bottom: 40px;
}

#ccp_page_intro_title {
	width: 215px;
	float: left;
}

#ccp_page_intro_text {
	font-size: 1em;
	line-height: 1.2em;
	float: left;
	padding-top: 8px;
	padding-left: 25px;
	width: 600px;
}

#ccp_landing_content {
	margin-top: 20px;
	margin-bottom: 20px;
}

#ccp_bottom_bar_container {
	background-image: url(../images/menu/bottom_menu_bar_repeat.jpg);
	background-repeat: repeat-x;
	height: 75px;
	text-align: center;
}

#ccp_bottom_wrapper {
	margin: 0 auto;
	text-align: left;
	width: 1010px;
}

#ccp_bottom_container {
	position: relative;
}

.ccp-column-grey {
	border-left: 1px dashed #666;
}

/* Inside Content Layout */

#ccp_inside_content_top{
	width: 1003px;
	height: 38px;
}

#ccp_inside_content_middle {
	width: 1003px;
}

.ccp_inside_content_middle_inside_ccp {
	background-image: url(http://www.communicationproducts.ca/images/inside/side_title_inside_ccp.png);
	background-repeat: no-repeat;
}

.ccp_inside_content_middle_your_cashier {
	background-image: url(http://www.communicationproducts.ca/images/inside/side_title_your_cashier.png);
	background-repeat: no-repeat;
}

.ccp_inside_content_middle_ccp_store {
	background-image: url(http://www.communicationproducts.ca/images/inside/side_title_ccp_store.png);
	background-repeat: no-repeat;
}

#ccp_inside_content_middle_stretch {
	background-image: url(../images/inside/Inside_content_repeat.png);
	background-repeat: repeat-y;
	width: 1003px;
}

#ccp_inside_content_main {
	width: 580px;
	padding-left: 200px;
	padding-top: 120px;
}

#ccp_inside_content_bottom {
	width: 1003px;
	height: 30px;
}

.ccp_inside_content_read_more_link, .ccp_inside_content_read_more_link_content {
	display: block;
	padding: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 25px;
	background-image: url(../images/menu/menu_dash_bullet_i.gif);
	background-repeat: no-repeat;
	margin-top: 25px;
	background-position: 0px 3px;
}

.ccp_inside_content_read_more_link_content {
	display: inherit;
	margin-top: 10px;
	width: 550px;
	height: 55px;
	padding-top: 20px;
	background-image:url(../images/background/_profile_page_link_back.png);
	background-repeat:no-repeat;
	padding-left: 43px;
}

.ccp_inside_content_read_more_link a:link, .ccp_inside_content_read_more_link a:visited {
 	font-size: 1.3em;
	color: #4d4e53;	
	text-decoration: none;
}

.ccp_inside_content_read_more_link a:hover {
	color: #fff;
	background-color: #dc291e;
	padding: 4px;
}

.ccp_staff_table td, .ccp_management_table td {
	text-align: center;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 8px;
}

.ccp_staff_table a:link, .ccp_staff_table a:visited, .ccp_management_table a:link, .ccp_management_table a:visited {
	font-size: 1.5em;
	color:#afd799;
	text-decoration: none;
}

.ccp_staff_table a:hover, .ccp_management_table a:hover {
	color:#ea8f65;
}

.ccp_staff_table td {
	padding: 4px;
}

<!--/* FOOTER */



.ccp_footer_yellow_divide {
	width: 100%;
	background-color: #ffc885;
	height: 20px;
}

.ccp_footer_blue_divide {
	width: 100%;
	background-color: #42b2eb;
	height: 20px;
}

.ccp_footer_green_divide {
	width: 100%;
	background-color: #afd799;
}

.ccp_footer_grey_divide {
	width: 100%;
	background-color: #e5e5e5;
	height: 25px;
}

.ccp_footer_bottom_grey_divide {
	margin: 0 auto;
	background-color: #e5e5e5;
	padding: 15px;
}

#ccp-footer-sustainability-bar {
	width: 100%;
	background-color: #94d372;
	text-align: left;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #fff;
}

#ccp-footer-sustainability-container {
	margin: 0 auto;
	text-align: left;
	width: 1010px;
}


#ccp-footer-wrapper {
	margin: 0 auto;
	text-align: left;
	width: 1010px;
}

#ccp-footer-container {
	position: relative;
	width: 1010px;
	padding: 25px;
}

#ccp-footer-table {
	position: relative;
	width: 950px;
	margin-top: 25px;
}

#ccp-footer-table-a {
	float: left;
	width: 425px;
}

#ccp-footer-table-b {
	float: right;
	width: 425px;
}

.ccp-footer-table-bottom-padding {
	padding-bottom: 10px;
}

.ccp-footer-table-a-table {
	position: relative;
	width: 425px;
	margin-top: 15px;
}

.ccp-footer-table-a-table-a {
	float: left;
	width: 210px;
}

.ccp-footer-table-a-table-b {
	float: right;
	width: 150px;
}

.ccp-footer-table-b-table {
	position: relative;
	width: 425px;
	margin-top: 15px;
}


#ccp-footer-container {
	font-size: 1.2em;
	line-height: 1.3em;
	color: #fff;
}

#ccp-footer-sustainability-container td {
	color: #fff;

}

#ccp-footer-container td {
	color: #fff;
	line-height: 1.5em;
}

.ccp-footer-leadin {
	font-size: 1.5em;
	line-height: 1.3em;
}

.ccp-footer-highlight {
	background-color: #ea8f65;
	color: #ffffff;
	padding: 4px;
}

.ccp-footer-label-yellow {
	background-color: #ffc885;
	color: #ffffff;
	padding: 4px;
	border: #f2aa5e solid 1px;
}

.ccp-footer-highlight-yellow {
	background-color: #ffc885;
	color: #ffffff;
	padding: 4px;
}

.ccp-footer-label-green {
	background-color: #94d372;
	color: #ffffff;
	padding: 4px;
	border: #82c15f solid 1px;
}

.ccp-footer-label-blue {
	background-color: #42b2eb;
	color: #ffffff;
	padding: 4px;
	border: #2791d1 solid 1px;
}

.ccp-footer-label-red {
	background-color: #ea8f65;
	color: #ffffff;
	padding: 4px;
	border: #d0673f solid 1px;
}

#ccp-footer-container a:link, #ccp-footer-container a:visited {
	color: #fff;
	text-decoration: none;
}

#ccp-footer-container a:hover {
	color: #000;
}

#ccp-footer-table-a a:hover, #ccp-footer-sustainability-bar a:hover {
	color: #ffffff;
	background-color: #333;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}


.ccp_content_td {
	padding-left: 25px;
}

.ccp_side_banner_td {
	padding-right: 25px;
}


.ccp_divide_2_c {
	width: 155px;
	background-color: #c0e4ac;
	height: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
}
-->

/* Misc Stuff
========================================== */

/* LOGO */

#ccp_logo, #ccp_landing_logo {
	float: left;
}

#ccp_logo {
	margin-left: 50px;
}

.ccp-15-top-margin {
	margin-top: 15px;
}



/* 	TWITTER STUFF */

.ccp_twitter_container {
	border-right: 2px dashed #ccc;
	padding: 15px;
}

.ccp_twitter_container_right {
	padding: 15px;
}

.ccp-twitter-name {
	padding-left: 10px;
}

.ccp-twitter-title {
	font-size: 1.4em;
	font-weight: bold;
	color: #ea8f65;
}

.ccp-twitter-title-basic {
	font-size: 1.1em;
	font-weight: bold;
	color: #ea8f65;
}

.twitter_update_list {

}

.ccp-twitter_div {

}

/* FLICKR STUFF */

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#999999;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; text-align:left; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#ea8f65;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#999999 !important;}

/* BLOG STUFF */

.ccp-recent-blog li {
	margin-top: 8px;
}

.ccp-recent-blog ul {
	padding-left: 15px;
}

/* CHAT SUPPORT */

#ccp_chat_support {
	position: absolute;
	top: 200px;
	right: 75px;
	z-index: 58;
}

#ccp_chat_support_product {
	position: absolute;
	top: 200px;
	right: 55px;
	z-index: 58;
}

#ccp_chat_support_scripts {
	position: absolute;
	z-index: 68;
	float: left;
	top: 7px;
	left: 48px;
}

/* Float Properties*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}

#middle {
	width: 925px;
	background:#fff;
	float:right;
	padding:5px;
	margin:5px 0;
	}

.category {
	width:125px;
	float:left;
	border-left: 1px solid #6AC071; 
	margin:0px;
	padding:5px 10px 10px 5px;
	background:#fff;
	}

.category p {
	margin:0;
	}

.category0 {
	width:125px;
	float:left;
	
	margin:0px;
	padding:5px 10px 10px 10px;
	background:#fff;
	}
	
.category0 p {
	margin:0;
	}

.category1 {
	width:160px;
	float:left;
	border-left: 1px solid #6AC071; 
	margin:0px;
	padding:5px 10px 10px 10px;
	background:#fff;
	}

.category1 p {
	margin:0;
	}


.category2 {
	width:140px;
	float:left;
	border-left: 1px solid #6AC071; 
	margin:0px;
	padding:5px 10px 10px 5px;
	background:#fff;
	}

.category2 p {
	margin:0;
	}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
	text-transform:lowercase;
	margin:0;
	font-weight:light;
	font-size:1.2em;
	letter-spacing:-0.05em;
	text-align: center;
	}

.category0 span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
	text-transform:lowercase;
	margin:0;
	font-weight:light;
	font-size:1.2em;
	letter-spacing:-0.05em;
	text-align:center;
	}
	
.category1 span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
	text-transform:lowercase;
	margin:0;
	font-weight:light;
	font-size:1.2em;
	letter-spacing:-0.05em;
	text-align:center;
	}

.category2 span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
	text-transform:lowercase;
	margin:0;
	font-weight:light;
	font-size:1.2em;
	letter-spacing:-0.05em;
	text-align:center;
	}

#front-popular h3 {
	color:#fff;
	}

.category a {
	color:#333333;
	display:block;
	background:none;
	}

.category a:hover {
	background:none;
	color:#fff;
	text-decoration:none;
	}

.category0 a {
	color:#333333;
	display:block;
	background:none;
	}

.category0 a:hover {
	background:none;
	color:#fff;
	text-decoration:none;
	}

.category1 a {
	color:#333333;
	display:block;
	background:none;
	}

.category1 a:hover {
	background:none;
	color:#fff;
	text-decoration:none;
	}

.category2 a {
	color:#333333;
	display:block;
	background:none;
	}

.category2 a:hover {
	background:none;
	color:#fff;
	text-decoration:none;
	}

#cat-1:hover {background:#6ac071; color:#fff; }
#cat-2:hover {background:#3c78a7; color:#fff; }
#cat-1:hover a {background:#6ac071; color:#fff; }
#cat-2:hover a {background:#3c78a7; color:#fff; }


/* Featured Content Slider*/
*											{ 
	margin: 0; 
	padding: 0; 
}

body 										{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
}

					  				  
/*UTILITY STYLES*/				  				  
					  				  
.floatLeft 									{ 
	float: left; 
	margin-right: 10px;
}

.floatRight									{ 
	float: right; 
}
.clear 										{ 
	clear: both; 
}
a											{ 
	outline: none; 
}


/*PAGE STRUCTURE*/
#page-wrap 									{ 
	width: 900px; 
	margin: 25px auto; 
	position: relative; 
	min-height: 500px;
	background: url(../images/landing/bg.png) top center; 
}


/*TYPOGRAPHY*/
ul											{ 
	list-style: square inside; 
}
a, a:visited								{ 
	color: #4d4e53; 
	text-decoration: none; 
}
a:hover, a:active							{ 
	color: #FF0000; 
}
blockquote									{ 
	padding: 0 20px; 
	margin-left: 20px; 
	border-left: 20px solid #ccc; 
	font-size: 14px; 
	font-family: helvetiva, serif; 
	font-style: normal; 
	margin-top: 10px;
}

/*SLIDER*/
.slider-wrap								{ 
	width: 900px; 
	position: absolute; 
	top: 10px; 
	left: 0px; 
}			
.stripViewer .panelContainer 
.panel ul									{ 
	text-align: left; 
	margin: 0 15px 0 30px; 
}
.stripViewer								{ 
	position: relative; 
	overflow: hidden; 
	width: 900px; 
	height:350px; 
}
.stripViewer .panelContainer				{ 
	position: relative; 
	left: 0; 
	top: 0; 
}
.stripViewer .panelContainer .panel			{ 
	float: left; 
	height: 100%; 
	position: relative; 
	width: 900px; 
}
.stripNavL, .stripNavR, .stripNav			{ 
	display: none; 
}
.nav-thumb 									{ 
	border: 1px solid black; 
	margin-right: 5px; 
}
#movers-row									{ 
	margin: -52px 0 0 132px; 
}
#movers-row div								{ 
	width: 19.55%; 
	float: left; 
}
#movers-row div a.cross-link 				{ 
	float: right; 
}
.photo-meta-data							{ 
	background: url(../images/landing/transpBlack.png); 
	padding: 10px; 
	height: 30px; 
	margin-top: -50px; 
	position: relative; 
	z-index: 9999; 
	color: white; 
}

.photo-meta-data a:link {
	color: #e0e2e8;
	text-decoration: none;
}

.photo-meta-data span 						{ 
	font-size: 13px; 
}
.cross-link									{ 
	display: block; 
	width: 132px; 
	margin-top: 0px; 
	position: relative; 
	padding-top: -2px; 
	z-index: 9999; 
}
.active-thumb 								{ 
	background: transparent url(../images/landing/icon-uparrowsmallwhite.png) top center no-repeat; 
}