/* CSS Document */

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

salmon red  = #ea8f65
money green = #afd799
mello yello = #ffc885

linked up blue = #42b2eb

*/

/* Feature Bubbles
-----------------------------------------------------*/

#ccp-product-lifesize-feature-big {
	position: absolute;
	float: right;
	top: 150px;
	right: 15px;
}

#ccp-product-lifesize-feature-medium {
	position: absolute;
	float: right;
	top: 550px;
	right: 100px;
}



/* layout
-----------------------------------------------------*/

body {
	background-color: #323232;
	background-image: url(../images/background/_product_pages_black_repeat.jpg);
	background-repeat: repeat-x;
}

#ccp_product_logo {
	float: left;
}

#ccp_product_logo {
	margin-left: 75px;
}

/* Page formatting */

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

.ccp_product_blue_divide {
	width: 100%;
	background-color: #42b2eb;
}

.ccp_product_green_divide {
	width: 100%;
	background-color: #afd799;
	height: 20px;
}

.ccp_product_grey_divide {
	width: 100%;
	background-color: #e5e5e5;
	height: 20px;
}

#ccp-browse-products-header-lifesize {
	width: 1003px;
	height: 809px;
	position: relative;
	background-image: url(../images/browse_products/video_conferencing_lifesize.jpg);
	background-repeat: no-repeat;
}

#ccp-browse-products-header-jabra {
	width: 1003px;
	height: 809px;
	position: relative;
	background-image: url(../images/browse_products/headsets_jabra.jpg);
	background-repeat: no-repeat;
}

#ccp-browse-products-header-polycom-a {
	width: 1003px;
	height: 809px;
	position: relative;
	background-image: url(../images/browse_products/audio_conferencing_polycom.jpg);
	background-repeat: no-repeat;
}

#ccp-browse-products-header-polycom-b {
	width: 1003px;
	height: 809px;
	position: relative;
	background-image: url(../images/browse_products/telephones_polycom.jpg);
	background-repeat: no-repeat;
}

#ccp-browse-products-header-polycom-v {
	width: 1003px;
	height: 600px;
	position: relative;
	background-image: url(../images/browse_products/video_conferencing_polycom.jpg);
	background-repeat: no-repeat;
}

.scrollArea1 {
width: 600px; 
height: 470px;
padding-left: 5px;
padding-right: 5px; 
border-color: #ed412d;
border-width: 1px; 
border-style: solid;
float: left; 
overflow: auto;
background-color: #ffffff;
}

#ccp-browse-products-polycom-v {
	position: absolute;
	float: left;
	top: 125px;
	left: 250px;
}

#ccp-browse-products-header-plantronics {
	width: 1003px;
	height: 809px;
	position: relative;
	background-image: url(../images/browse_products/headsets_plantronics.jpg);
	background-repeat: no-repeat;
}

#ccp-browse-products-header-nice-public-safety {
	width: 1003px;
	height: 809px;
	position: relative;
	background-image: url(../images/browse_products/call_recording_public_safety_nice.jpg);
	background-repeat: no-repeat;
}

#ccp-browse-products-header-nice-enterprise {
	width: 1003px;
	height: 809px;
	position: relative;
	background-image: url(../images/browse_products/call_recording_enterprise_nice.jpg);
	background-repeat: no-repeat;
}

#ccp-browse-products-header-nortel {
	width: 1003px;
	height: 809px;
	position: relative;
	background-image: url(../images/browse_products/telephones_nortel.jpg);
	background-repeat: no-repeat;
}

#ccp-browse-products-header-astra {
	width: 1003px;
	height: 673px;
	position: relative;
	background-image: url(../images/browse_products/telephones_astra.jpg);
	background-repeat: no-repeat;
}

#ccp-browse-products-header-content {
	position: absolute;
	top: 150px;
	left: 50px;
}

#ccp-browse-products-header-image {
	position: relative;
}

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

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

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

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

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

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

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

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

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

#ccp-browse-products-up-mini-blog {
	position: absolute;
	float: right;
	top: 125px;
	right: 100px;
}

#ccp-up_to_the_minute-top, #ccp-up_to_the_minute-middle, #ccp-up_to_the_minute-bottom {
	margin: 0px;
}

#ccp-up_to_the_minute-top {
	width: 233px;
	height: 32px;
}

#ccp-up_to_the_minute-middle {
	width: 233px;
	/*height: 364px;*/
	background-image: url(http://www.communicationproducts.ca/images/browse_products/up_to_the_minute/uptotheminute_02.png);
	background-repeat: repeat-y;
	padding: 15px;
}

#ccp-up_to_the_minute-bottom {
	width: 233px;
	height: 16px;
}

#twitter_update_list {
	margin-top: 0px;
	width: 175px;
}

#twitter_update_list li {
	/*padding-left: 10px;*/
	margin-bottom: 15px;
}

#twitter_update_list_all  {
	/*padding-left: 20px;*/
	margin-top: 5px;
}

#ccp-up_to_the_minute-middle a {
	text-decoration: none;
}




/* Typography
-----------------------------------------------------*/

#ccp-browse-products-header-content {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #fff;	
}

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

.ccp-products-footer-leadin {
	font-size: 1.6em;
	line-height: 1.4em;
}

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

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

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

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

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

#ccp-browse-products-up-mini-blog {
	color: #222;
	font-size: 1.18em;
}

.ccp-products-footer-menu-choices {
	display: block;	
	padding-right: 4px;	
	padding-bottom: 4px;	
	margin-bottom: 4px;	
	padding-left: 20px;	
	background-repeat: no-repeat;	
	padding-top: 3px;	
	background-x-position: 0px;	
	background-y-position: 0px;
	margin-left: 0px;
	background-image: url(../images/menu/menu_dash_bullet_i_white.gif);
	width: 400px;
}




#ccp-footer-page-up {
	font-size: .8em;
}


.ccp-up_to_the_minute-links {
	color: #222222;
	text-decoration: none;
}

.ccp-up_to_the_minute-links a:hover {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}


/* link / visited */
.ccp-up_to_the_minute-links a:link, .ccp-up_to_the_minute-links a:visited, #ccp-footer-page-up a:link, #ccp-footer-page-up a:visited {
	
	/* typography */
	color: #222;	
	text-decoration: none;
	font-weight: normal;
}

/* hover */
.ccp-up_to_the_minute-links a:hover, #ccp-footer-page-up a:hover {
	color: #ffffff;
	background-color: #ec9974;
	padding: 5px;
	padding-bottom: 6px;
}

/* Shoretel
========================================== */
#ccp-browse-products-header-shoretel {
	height: 600px;
	width: 1003px;
	background-image: url(../images/browse_products/unified_communications_shoretel.jpg);
	background-repeat: no-repeat;
	position: relative;	 
}

.scrollArea {
width: 803px; 
height: 475px;
padding-left: 5px;
padding-right: 5px; 
border-color: #6699CC;
border-width: 0px; 
border-style: solid;
float: left; 
overflow: auto;
}

#ccp-browse-products-shoretel {
	position: absolute;
	float: left;
	top: 125px;
	left: -20px;
}

/* ====================Shoretel microsite=========================*/


div#shoretelNav { 
margin:0 15px 0 0;
padding:0;
float: left; 
font-family: arial;
font-size: 11px; 
width: 170px;
}

div#shoretelNav ul { 
margin: 0;
padding:0;
list-style-type: none;
}

div#shoretelNav ul li { 
margin: 0;
padding: 4px 0 4px 18px;
background-image: url("images/arrowbullet2.gif");
background-repeat: no-repeat;
background-position: 0px 7px;
font-weight:normal !important;
list-style-type: none;
border-bottom: 1px solid #90928D;
}


div#shoretelContent { 
margin:0;
padding: 0 0 15px 15px;
float: left; 
font-family: arial;
font-size: 12px;
color: #c0c0c0; 
width: 585px;
border-left: 1px solid #90928D;
}

div#shoretelContent .clear { clear: both;}

div#shoretelContent div.threeColumn { float: left; width: 33%;}

div#shoretelContent dt { font-size: 12px; font-weight: bold;}

div#shoretelContent dd p { font-size: 12px;}

div#shoretelContent h1 { 
margin: 0;
padding: 8px 0;
font-family: arial;
font-size: 20px;
font-weight: bold;
line-height: 30px;
color: #ff6709;
letter-spacing: 1px;
}

div#shoretelContent h2 { 
margin: 10px 0 4px 0;
padding: 0;
font-family: arial;
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
color: #ff6709;
letter-spacing: 1px;
}

div#shoretelContent h3 { 
margin: 6px 0 4px 0;
padding: 0;
font-family: arial;
font-size: 14px;
line-height: 20px;
font-weight: bold;
color: #6ac071;
letter-spacing: 1px;
}

div#shoretelContent p { font-size: 12px; margin: 6px 0;}

div#shoretelContent small { }

div#shoretelContent table { border: 1px solid; border-collapse: collapse; font-size: 12px; margin: 1em; width: 90%;}

div#shoretelContent th, div#shoretelContent td { border: 1px solid; margin: 0; padding: 0.25em;}

div#shoretelContent ul { 
margin: 0 0 15px 0;
padding: 0 0 0 15px;
list-style-type: none;
font-size: 12px;
}

div#shoretelContent ul li { 
margin: 0;
padding: 1px 0 1px 18px;
font-weight:normal !important;
list-style-type: none;
background-image: url("images/arrowbullet2.gif");
background-repeat: no-repeat;
background-position: 0px 4px;
}

div#shoretelContent img {
margin: 5px;
}

/* ShoreTel Twitter */

#shoretel-browse-products-up-mini-blog {
	color: #222;
	font-size: 1.18em;
}

.shoretel-products-footer-menu-choices {
	display: block;	
	padding-right: 4px;	
	padding-bottom: 4px;	
	margin-bottom: 4px;	
	padding-left: 20px;	
	background-repeat: no-repeat;	
	padding-top: 3px;	
	background-x-position: 0px;	
	background-y-position: 0px;
	margin-left: 0px;
	background-image: url(../images/menu/menu_dash_bullet_i_white.gif);
	width: 400px;
}




#shoretel-footer-page-up {
	font-size: 1em;
}


.shoretel-up_to_the_minute-links {
	color: #222222;
	text-decoration: none;
}

.shoretel-up_to_the_minute-links a:hover {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}


/* link / visited */
.shoretel-up_to_the_minute-links a:link, .shoretel-up_to_the_minute-links a:visited, #shoretel-footer-page-up a:link, #shoretel-footer-page-up a:visited {
	
	/* typography */
	color: #222;	
	text-decoration: none;
	font-weight: normal;
}

/* hover */
.shoretel-up_to_the_minute-links a:hover, #shoretel-footer-page-up a:hover {
	color: #ffffff;
	background-color: #ec9974;
	padding: 5px;
	padding-bottom: 6px;
}

#shoretel-browse-products-up-mini-blog {
	position: absolute;
	float: right;
	top: 125px;
	right: -50px;
}

#shoretel-up_to_the_minute-top, #shoretel-up_to_the_minute-middle, #shoretel-up_to_the_minute-bottom {
	margin: 0px;
}

#shoretel-up_to_the_minute-top {
	width: 233px;
	height: 32px;
}

#shoretel-up_to_the_minute-middle {
	width: 233px;
	/*height: 364px;*/
	background-image: url(http://www.communicationproducts.ca/images/browse_products/up_to_the_minute/uptotheminute_02.png);
	background-repeat: repeat-y;
	padding: 15px;
}

#shoretel-up_to_the_minute-bottom {
	width: 233px;
	height: 16px;
}

#shoretel-up_to_the_minute-middle a {
	text-decoration: none;
}