/******************
HTML Tags
******************/
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font: normal normal normal 12px Arial, Tahoma, Helvetica, sans-serif;
	color: #000000;
	background: url('http://www.cid.ca/layout/browser_background.gif') repeat-y center;
}
img {
	border: 0px;
}
h1 {
	font: normal normal bold 16px Arial, Tahoma, Helvetica, sans-serif;
	color: #000000;
}
h2 {
	font: normal normal bold 12px Arial, Tahoma, Helvetica, sans-serif;
	color: #000000;
	font-style: italic;
}
h3 {
	font: normal normal bold 16px Arial, Tahoma, Helvetica, sans-serif;
	color: #666666;
}
p {
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 135%;
}
hr {
	height: 1px;
	color: #666666;
	margin-top: 7px;
	margin-bottom: 7px;
}
.padding5 {
	padding: 5px;
}
.Print_order_info {
}
.red {
	color: #990E11;
}
/***********************************************************
Links
***********************************************************/
/* LINK VISITED HOVER ACTIVE selectors must remain in this order to work */
a:link {
	color: #CF151A;
	text-decoration: underline;
}
a:visited {
	color: #CF151A;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: underline;
}
.Kool_link_div {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}
.black_links a: {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
.black_links a:link {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
.black_links a:visited {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
.black_links a:hover {
	color: #E10000;
	text-decoration: underline;
	font-weight: bold;
}
.black_links a:active {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
/*****************************************  Picture links ***************/
.Pic_link_border img {
	border: 1px #FFFFFF solid;
}
.Pic_link_border img:link {
	border: 1px #5F544E solid;
}
.Pic_link_border img:visited {
	border: 1px #5F544E solid;
}
.Pic_link_border img:hover, .Pic_link_border img:active {
	border: 1px #E10000 solid;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.Pic_link img:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
/********************************************************************************
 Menus - Masterpages 
********************************************************************************/
#MainMenuDiv {
	float: left;
	text-align: left;
	margin-top: 8px;
	height: 35px;
	width: 960px;
	background: url('http://www.cid.ca/layout/MainMenu970x35.png') no-repeat;
	padding: 0px 0px 0px 10px;
}
#menu-top1 {
	float: left;
	width: 960px;
	height: 35px;
}
#menu-top1 ul {
	float: left;
	text-align: left;
	margin: 0px;
	color: #FFFFFF;
	width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border-left: 1px #FFFFFF dotted;
	height: 35px;
}
#menu-top1 ul li {
	float: left;
	display: inline;
	height: 35px;
}
#menu-top1 ul li a {
	float: left;
	padding: 11px 11px;
	color: #FFFFFF;
	text-decoration: none;
	border-right: 1px #FFFFFF dotted;
}
#menu-top1 ul li a:hover {
	background-color: #CE1126;
	color: #FFFFFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#provinces {
	float: left;
	position: relative;
	margin: 2px 0 10px 0;
	height: 25px;
	width: 970px;
}
/*****************************************************
Menu - admin page
****************************************************/
/*****************************************************
Masterpage Content
****************************************************/
/*****************************************************
General Layout - all webpages
****************************************************/
/*a img { border: none; }*/
a[href $='.pdf'] {
	padding-right: 15px;
	background: transparent url(http://www.cid.ca/layout/icon_pdf.gif) no-repeat bottom right;
}
.new_window {
	padding-right: 15px;
	background: transparent url(http://www.cid.ca/layout/NewWindowpopup.gif) no-repeat bottom right;
}
/*****************************************************
Formating -  Misc 
****************************************************/
#KoolGlide {
	width: 175px;
	background-color: #5F544E;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 10px;
}
.Kool-Glide_pic {
}
.Kool-Glide_pic img {
	border: 2px #5F544E solid;
}
.Kool-Glide_pic img:link {
	border: 2px #5F544E solid;
}
.Kool-Glide_pic img:visited {
	border: 2px #5F544E solid;
}
.Kool-Glide_pic img:hover, .Kool-Glide_pic img:active {
	border: 2px #E10000 solid;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.bullt {
	margin-top: 0;
	margin-bottom: 0px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px;
}
.gray_font {
	color: #666666;
}
.new {
	background-color: #E10000;
	font-weight: bold;
	color: #FFFFFF;
}
.new_center {
	background-color: #E10000;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
}
.white {
	color: #FFFFFF;
}
.green {
	color: #336600;
}
#DuraFoam_gun_exchange {
	padding: 7px;
	color: #336600;
	border: 1px #006600 solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#ENERFoam_gun {
	color: #000000;
	border: 1px #000000 solid;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 5px 5px 8px #818181;
	-moz-box-shadow: 5px 5px 8px #818181;
}
#ENERFoam_gun_inner {
	Margin: 2px;
	padding: 7px;
	color: #000000;
	background-color: #9BBF52;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#page_container {
	width: 970px;
	padding: 10px;
	background: #FFFFFF;
	margin: 10px auto;
}
.no_border {
	border-width: 0;
}
.max_tool_specs {
	width: 100%;
	border: 0;
	text-align: center;
}
/************************************************
Section Specific Media types - Print, Screen
************************************************/
.media-print-only {
	display: none;
}
.media-screen-only {
}
.Print_order_info {
	font: normal normal normal 10pt Tahoma, Arial,Helvetica, sans-serif;
}
.page_break_after {
	page-break-after: always;
}
.Media-Print_Start_of_new_page {
	page-break-before: always;
}
.transparent_class {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.shadow {
	-webkit-box-shadow: 5px 5px 8px #818181;
	-moz-box-shadow: 5px 5px 8px #818181;
}
.roundedCorners_5px {
	/* works with curvycorners javascript */
/*http://woork.blogspot.com/2009/08/css3-rounded-corners-for-every-browser.html*/
/* www.curvycorners.net
width: 220px;
padding: 10px;
background-color: #DDEEF6;
border:1px solid #DDEEF6;*/

/* Do rounding (native in Safari, Firefox and Chrome) */
background-color: #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.radius_top_left_6px {
	/* CSS3 Border-radius not implemented yet */  
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
}
.radius_top_right_6px {
	/* CSS3 Border-radius not implemented yet */  
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
}
.radius_bottom_left_6px {
	/* CSS3 Border-radius not implemented yet */  
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
}
.radius_bottom_right_6px {
	/* CSS3 Border-radius not implemented yet */  
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
}
.radius_corners_all_6px {
	/* CSS3 Border-radius not implemented yet */  
/* Firefox */
-moz-border-radius: 6px; /* Jan. 2010 Firefox, a single property to define the radiuses of all 4 corners, while in Safari, I need to also use two of the individual border radius properties */ /* http://www.dynamicdrive.com/style/csslibrary/item/css3_rounded_corners_using_border_radius/ 14JUN10  */ /*	-webkit-border-radius: 8px;*/; /* Safari and Chrome */;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;

/* border: 1px solid #000; padding: 10px;*/
}
.clear_both {
	clear: both;
}
/******************
FORM STYLES
******************/
.height0 {
	height: 0px;
}
.cell_bottom_border_white {
	/*width: 40%;*/
	background-color: #C0C0C0;
	border-bottom: 1px #FFFFFF solid;
	text-align: center;
}
.cell_bottom_border_gray {
	/*width: 60%;*/
	border-bottom: 1px #C0C0C0 solid;
	text-align: center;
}
.cell_right_border_gray {
	/*width: 60%;*/
	border-right: 1px #C0C0C0 solid;
}
.cell_top_border_gray {
	/*width: 60%;*/
	border-top: 1px #C0C0C0 solid;
}
.cell_p {
	margin: 3px;
}
.line_body {
	color: #C0C0C0; /*line-height: 1px;*/;
	margin-top: 7px;
	margin-bottom: 7px;
}
.line_TOP {
	color: #C0C0C0;
	line-height: 1px;
}
.table_line_width {
	clear: both;
	width: 100%;
}
.left_cell_width {
	margin: 0px;
	width: 220px;
	text-align: center;
}
.up_arrow_container {
}
.center {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.margin_left40 {
	margin-left: 40px;
}
.margin_left80 {
	margin-left: 80px;
}
.margin_top0 {
	margin-top: 0px;
}
.margin_bot0 {
	margin-bottom: 0px;
}
#masthead {
}
#dealers_tables {
	width: 785px;
}
/*This next brand_images are the images next to dealer's names*/
.brand_images {
	margin-top: 5px;
	margin-right: 7px;
}
.CCMC_pic {
	float: left;
	border-style: solid;
	border-width: 1px;
	margin-right: 15px;
}
.button_content {
	background : url('http://www.cid.ca/layout/btn_content.gif') repeat-x;
	float: left;
}
#SencoFusion {
	margin-left: 286px;
	width: 360px;
	text-align: center;
}
.transparent_class_50 {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/*Here is what each of those CSS properties is for:

    * opacity: 0.5; This is the “most important” one because it is the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. This would be all you need if all browsers supported current standards. Which, of course, they don’t.
    * filter:alpha(opacity=50); This one you need for IE.
    * -moz-opacity:0.5; You need this one to support way old school versions of the Mozilla browsers like Netscape Navigator.
    * -khtml-opacity: 0.5; This is for way old versions of Safari (1.x) when the rendering engine it was using was still referred to as KTHML, as opposed to the current WebKit.
*/
#Durafoam-top-right {
	float: right;
	text-align: left;
	width: 310px;
}
#dealers_container {
	/*clear: both;*/
	float: left;
	width: 970px;
	height: 26px;
	border: 0px;
	background-color: #DFDFDF;
	background-image: url('http://www.cid.ca/layout/grey1_1x26.jpg');
	padding: 0px;
	margin: 0px;
}
#dealers_container_P {
	height: 26px;
	line-height: 26px;
	text-align: center;
	margin: 0px;
}
#dealers {
	float: left;
	height: 26px;
	width: 90px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
}
#provinces {
}
#provinces ul {
	height: 26px;
	float: left;
	width: 860px;
	margin: 0px 0px 10px 0px;
	/*background: url('../layout/MainMenu5x35_middle.png') repeat-x;*/
}
.prov_menu {
	margin: 0px;
	padding: 0px;
	height: 26px;
}
.prov_menu li {
	margin: 0px;
	padding: 0px;
	display: inline;
	overflow: hidden;
	height: 26px;
}
.prov_menu li a {
	padding: 6px 2px;
}
.prov_menu li a:link {
	padding: 6px 2px;
}
.prov_menu li a:visited {
	padding: 6px 2px;
}
.prov_menu li a:hover {
	padding: 6px 2px;
	background-color: #CE1126;
}
.prov_menu li a:active {
	padding: 6px 2px;
	background-color: #CE1126;
}
#column_left {
	clear: both;
	width: 164px /* nav_left width 150px plus padding below 7px x 2 */;
	float: left;
	position: relative;
}
#nav_menu {
}
.nav_left {
	width: 164px;
	float: left;
	margin-left: 0px; /*margin-bottom: 10px;*/;
	font-weight: bold;
	text-align: left;
}
.nav_left ul {
	font: normal normal bold 12px Arial, Tahoma, Helvetica, sans-serif;
	width: 164px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
}
.nav_left li {
	font: normal normal bold 12px Arial, Tahoma, Helvetica, sans-serif;
	width: 164px;
	display: block;
	margin: 0px;
}
.nav_left a {
	font: normal normal bold 12px Arial, Tahoma, Helvetica, sans-serif;
	color: #666666;
	width: 148px;
	margin: 0px;
	padding: 5px 7px 5px 7px;
	border-top: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #C0C0C0 solid;
	border-left: 1px #FFFFFF solid;
	text-decoration: none;
	display: block;
}
.nav_left a:link {
	font: normal normal bold 12px Arial, Tahoma, Helvetica, sans-serif;
	color: #666666;
	width: 148px;
	margin: 0px;
	padding: 5px 7px 5px 7px;
	border-top: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #C0C0C0 solid;
	border-left: 1px #FFFFFF solid;
	text-decoration: none;
	display: block;
}
.nav_left a:visited {
	font: normal normal bold 12px Arial, Tahoma, Helvetica, sans-serif;
	color: #666666;
	width: 148px;
	margin: 0px;
	padding: 5px 7px 5px 7px;
	border-top: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #C0C0C0 solid;
	border-left: 1px #FFFFFF solid;
	text-decoration: none;
	display: block;
}
.nav_left a:hover {
	font: normal normal bold 12px Arial, Tahoma, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	width: 148px;
	border: 1px #666666 solid;
}
.nav_left a:active {
	font: normal normal bold 12px Arial, Tahoma, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	width: 148px;
	border: 1px #666666 solid;
}
#sidebars_left {
	width: 164px /* nav_left width 150px plus padding below 7px x2*/;
	float: left;
	/*margin-bottom: 5px;*/
}
/*this is for the main content area on the master page*/
#main_content {
	float: right;
	width: 785px;
	padding: 0;
}
#middle_column {
	float: left;
	margin-top: 0px; /*margin-right: 185px;*/;
	width: 600px;
	min-height: 50px;
	text-align: left;
}
#Employees {
	margin-top: 0px;
	margin-right: 0px;
	min-height: 50px;
	text-align: left;
}
#right_column {
	float: right;
	width: 175px;
	text-align: left;
	/*padding:0px;*/
}
.default_map {
	background: url('http://www.cid.ca/images/CID_Canada_Map_en_23AUG09.gif') no-repeat top;
	font: normal normal bold 13px Tahoma, Arial, Helvetica, sans-serif;
	width: 560px;
	height: 310px;
	margin-top: 0px;
	margin-left: 25px;
	padding-top: 45px;
}
.default_map_fr {
	background: url('http://www.cid.ca/images/CID_Canada_Map_fr_23AUG09.gif') no-repeat top;
	font: normal normal bold 13px Tahoma, Arial, Helvetica, sans-serif;
	width: 560px;
	height: 310px;
	margin-top: 0px;
	margin-left: 25px;
	padding-top: 45px;
}
.CID_map {
	margin-right: 195px;
	margin-bottom: 25px;
	font: italic normal bold 16px Arial, Tahoma, Helvetica, sans-serif;
	z-index: 20;
}
#middle {
	float: left;
	width: 560px;
}
.sidebar_left_red {
	margin-top: 10px;
	border: 1px #E10000 solid;
	padding: 0px;
	width: 162px;
}
.sidebar_left_grey {
	border: 1px #666666 solid;
	padding: 0px;
	width: 162px;
}
.sidebar_left_top {
	margin: 0px;
	background-color: #E10000;
	padding: 6px;
}
.white_red {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 0;
}
.quikdrive_pic {
	z-index: 35;
	float: right;
	width: 353px;
	height: 370px;
	border: 0px;
}
#tech_schematics_left {
	float: left;
	width: 420px;
}
#cid_logo {
	float: left;
	width: 285px;
}
/****  FileList.aspx use ***/
#plhFiles {
	width: 600px;
	border: 0px;
	padding: 4px;
}
/* ************system admin css **/
#btnControls {
}
.adminmenu {
	/*height: 32px;*/
	margin-top: 15px;
}
.adminmenu ul {
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: white;
	font-weight: bold;
	width: 100%;/*/;970px; /*border: 1px solid #625e00;*/ /*border-width: 1px 0;
	height: 32px;*/;
	background: #5F544E;
}
.adminmenu li {
	display: inline;
	/*height: 32px;*/
}
.adminmenu li a {
	float: left;
	color: white;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	text-decoration: none;
	border-left: 1px solid white;
	margin: 0px;
}
.adminmenu li a:visited {
	color: white;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.adminmenu li a.current {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #E10000;
	text-decoration: none;
}
.adminmenu li a.active {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #E10000;
	text-decoration: none;
}
.adminmenu li a:hover {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	background: #E10000;
}
#frmMaster {
}
#footer {
	clear: both;
	width: 970px;
	margin-top: 8px; /* note the image has a 2 px white area at top and bottom */;
	padding: 0;
	background: url('http://www.cid.ca/layout/MainMenu970x35.png') no-repeat;
	text-align: center;
}
.consider {
	font: italic normal normal 19px/35px Tahoma, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
/***********  Dealers HTML webpages *********/
.dealer_record {
	clear: both;
	width: 785px;
	padding: 0px;
	margin: 7px 0px 7px 0px;
	border-top: 2px #CCCCCC solid;
}
.dealer_div_right {
	float: right;
	width: 465px;
}
.dealer_div_left {
	width: 315px;
	padding: 0px;
}
.telephone-google {
	height: 18px;
	width: 315px;
}
.telephone {
	float: left;
	width: 232px;
	line-height: 18px;
}
.dealer_name {
	font: normal normal bold 14px/16px Arial, Tahoma, Helvetica, sans-serif;
	color: #000000;
	margin-top: 3px;
	margin-bottom: 3px;
}
.dealer_addr {
	margin-top: 3px;
	margin-bottom: 5px;
}
.buttonwrapper {
	/* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */;
	width: 100%;
}
.buttonwrapper-google {
	/* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */;
	width: 76px;
	height: 18px;
	float: right;
}
a.squarebutton {
	background: transparent url('http://www.cid.ca/layout/square-gray-left_36.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 10px Tahoma;
/* Change 12px as desired */line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */;
	height: 18px; /* Height of button background height */;
	padding-left: 9px; /* Width of left menu image */;
	text-decoration: none;
}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton {
	color: #494949; /*button text color*/
}
a.squarebutton span {
	background: transparent url('http://www.cid.ca/layout/square-gray-right_36.gif') no-repeat top right;
	display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}
a.squarebutton:hover {
	/* Hover state CSS */
background-position: bottom left;
}
a.squarebutton:hover span {
	/* Hover state CSS */
background-position: bottom right;
	color: black;
}
/* This is the picture area */
/* Picture rotator on Senco Fusion webpage*/
#mainpic {
	overflow: hidden; /*height: 185px;*/ /*width: 285px;*/;
	height: 356px;
	width: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
}
.pics {
	height: 356px;
	width: 250px;
	padding: 0;
	margin: 0;
}
.pics img {
	height: 356px;
	width: 250px;
	top: 0;
	left: 0;
}