/* CSS Document */

/*
 ******************************************************
 *               Standard Redefine Tags               *
 ******************************************************
 */
 

hr {
	height : 		1px;
	border : 		0px solid #b3b3b3;
	border-top-width : 	thin;
}

body {
	margin: 		0px;
	font-family: 		Arial;
	font-size: 		12px;
	color:			#515151;
	padding: 0px;
	background-color: #d7e3f4;
}

td {
	font-family: 		Arial;
	font-size: 		12px;	
	color:			#515151;
}

input {
	font-family: 		Arial;
	font-size: 		12px;
	border: 1px solid 	#999999;
}

input.text {

}

input.textfield {
	height: 		19px;
}

input.radioButton,input.inputImage,input.checkbox {
	border: 		0px;
}

input.button {
	border:			1px solid #42b2df;
	background:		#3567aa url(/images/en/left_nav_subtitle-bg.jpg) repeat-x top left;
	color:			#ffffff;
	font-size:		12px;
	line-height:	15px;
	font-weight:		bold;
}

textarea,select {
	font-family: 		Arial;
	font-size: 		12px;
	border: 		1px solid #666666;
}

img {

	border: 		0px;	
}

th {
	font-size: 		14px;
	font-weight:		bold;
	color: 			#FFFFFF;
	font-colour: 		white;
	text-align: 		left;
	background-color: 	#858585;
	padding: 		5px;
}

form {
	margin: 		0px;
}

/*
 ******************************************************
 *                Link redefining css                 *
 ******************************************************
 */


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

a:visited {
	color: 			#3567aa;
	text-decoration:	none;

}

a:hover {
	color: 			#97c9dd;
	text-decoration: 	underline;
}

a:active {
	color: 			#97c9dd;
	text-decoration: 	underline;
}



/*
 ******************************************************
 *                 Standard Table css                 *
 ******************************************************
 */

.tabTableTop {
	border-bottom: 		1px solid #999999;
}


.tabTable {
	width:			100%;
	height:			100%;
	vertical-align: 	baseline;
}
.tabTableBody  {
	border-right: 		1px solid #999999;
	border-left: 		1px solid #999999;
	border-bottom: 		1px solid #999999;
	vertical-align: 	top;
	padding:		20px;
}

.tableRowStandard {
	height:			20px;
	background-color: 	#D6E7F0;
}

.tableRowAlternate {
	height:			20px;
}


/*
 ******************************************************
 *                 Wrapper Table css                  *
 ******************************************************
 */

	
.wrapTableHeader {
        background:		url(/images/en/table/info_table_t.gif) repeat-x;
}

.wrapTableHeading {
	padding-top:		3px;
	color:			#FFFFFF;
	font-weight:		bolder;
}

.wrapTableBody {
	background: 		#FFFFFF;
}

.wrapTableHeaderBanner {
	padding: 		5px;
}

.wrapTableFooterBanner {
	padding: 		3px;
	background:		#FFFFFF;	
}

.wrapTableFooter {
	border-bottom: 		2px dotted #CCCCCC;
}

a.wrapTableLink:link {
	color: 			#000066;
	font-size:		10px;

}

a.wrapTableLink:visited {
	color: 			#000066;
	font-size:		10;
}

a.wrapTableLink:hover {
	text-decoration: 	underline;
	font-size:		10px;
}

a.wrapTableLink:active {
	color: 			#000066;
	font-size:		10px;
}

/*
 ******************************************************
 *                   Tip  Table css                   *
 ******************************************************
 */


.tipTableHeader {
        background:		url(/images/en/table/info_table_t.gif) repeat-x;
}

.tipTableFooter {
	
}

.tipTableHeading {
	padding-top:		3px;
	color:			#FFFFFF;
	font-weight:		bolder;
}

.tipTableBody {
	background: 		#CEE5F0;
	padding:		3px;
}



/*
 ******************************************************
 *                 System message css                 *
 ******************************************************
 */

div.errorMessage {
	border: 		#C4C4C4 1px solid;
	padding: 		8px;
	background-color: 	#FFD8D8;
	margin-bottom: 		5px;
}



div.notifyMessage {
	border: 		#C4C4C4 1px solid;
	padding: 		8px;
	background-color: 	#E4EECF;
	margin-bottom: 		5px;
	margin-top: 		3px;
}

div.instructionMessage {
	border: 		#C4C4C4 1px solid;	
	background-color: 	#C6ECFF;
	padding: 		8px;	
	margin-bottom: 		5px;
	margin-top: 		3px;
}

div.systemMessage {
	border: 		#C4C4C4 1px solid;
	padding: 		8px;
	background-color: 	#FFD8D8;
	margin-bottom: 		5px;
}

div.errorCaution {
	border: 		#C4C4C4 1px solid;
	padding: 		8px;
	background-color: 	#FFFFCC;
	margin-bottom: 		5px;
}

div.infoMessage {
	border: 		#C4C4C4 1px solid;
	padding: 		8px;
	background-color: 	#C6ECFF;
	margin-bottom: 		5px;
	margin-top: 		3px;
}



/*
 ******************************************************
 *                 Application Headings               *
 ******************************************************
 */

div.heading1 {
	padding: 		3px;
	border-bottom:		1px solid black;
	margin-bottom: 		3px;
	font-weight:		bolder;
}



div.heading2 {

}

div.heading3 {

}



/*
 ******************************************************
 *                 Side Navigation css                *
 ******************************************************
 */

.sideNavSection {
	font-size:		11px;
	background-color:	#5597C9;	
	text-align:		left;
	color:			#ffffff;
	vertical-align:		middle;
	padding:		0px 0px 0px 15px;
	text-transform:		uppercase;
	font-weight:		bolder;
	height:			18px;
}


.sideNavStandard {
	font-size:		11px;
	line-height:		15px;
	padding:		3px 2px 3px 15px;
	text-align:		left;
	vertical-align:		top;
}


/*
 ******************************************************
 *                    Table Form css                  *
 ******************************************************
 */


.tableCellContent {
	height:			25px;
	vertical-align: 	text-top;	
}

.tableCellRequired {
	height:			25px;
	vertical-align: 	text-top;
	color: 			red;	
}

.tableCellLabel {
	height:			25px;
	vertical-align: 	text-top;	
}


/*
 ******************************************************
 *                Information Bar css                 *
 ******************************************************
 */

.informationBarText1 {
	text-transform:		uppercase;
	color:			white;
	font-weight:		bolder;	
}

.informationBarText2 {
	text-transform:		uppercase;
	color:			#CCCCCC;
	font-weight:		bolder;	
}

.informationBarText3 {
	text-transform:		uppercase;
	color:			#FF8500;
	font-weight:		bolder;	
}

/*
 ******************************************************
 *                 Progress Bar css                   *
 ******************************************************
 */


.progress_on {
	color:			#FFFFFF;
	font-weight:		bolder;
	padding-left:		3px;
	padding-top:		4px;
	white-space:		nowrap;
}

.progress_off {
	color:			#FFFFFF;
	font-weight:		bolder;
	padding-left:		3px;	
	padding-top:		4px;
	white-space:		nowrap;	
}

.progress_passed {
	color:			#FFFFFF;
	font-weight:		bolder;
	padding-left:		3px;
	padding-top:		4px;
	white-space:		nowrap;	
}


.sub_progress_message {
	color:			#0B478E;
	font-weight:		bolder;
}

.sub_progress_on {
	color:			#FF0000;
	font-weight:		bolder;
	text-transform:		uppercase;
}

.sub_progress_off {
	color:			#FFFFFF;
	font-weight:		bolder;
	text-transform:		uppercase;
}

/*
 ******************************************************
 *               Application Image css                *
 ******************************************************
 */


img.imgFrame {	
	border: 		1px #C4C4C4 solid;
}


/*
 ******************************************************
 *                      Admin css                     *
 ******************************************************
 */


.adminHeader {	
	background-color:	#758AB2;
	padding:		5px;
	color:			white;
	font-weight:		bolder;	
	font-size:		13px;	
}

.adminHeaderBanner {	
	background-color:	#DAE2EB;
}


.adminHeaderStatus {
	color:			white;
}


.adminMenu {
	cursor: 		pointer;
	background-color: 	#DAE2EB;
	padding: 		3px;
}

.adminMenuTextNormal {
	color:			black;
	width: 100%
}

.adminMenuTextOver {
	text-decoration: 	underline;
  	width: 100%
}



/*
 ******************************************************
 *                 Misc Application css               *
 ******************************************************
 */

.industryNameHeader {
	text-transform:		uppercase;
	font-weight:		bolder;	
}

.productNameHeader {
	text-transform:		uppercase;
	font-weight:		bolder;	
}

.programNameHeader {
	text-transform:		uppercase;
	font-weight:		bolder;	
}



/*
 ******************************************************
 *             Application Structure css              *
 ******************************************************
 */

.structure_content_table {	
	padding: 		4px;
}

.structure_content_body {}

.structure_progress_bar {}


/*
 ******************************************************
 *           Application Section Headings	      *
 ******************************************************
 */

.page_heading {
 	color:			#3567aa;
	font-size:		20px;
	font-weight:		bold; 
	margin-left: 		12px;
	margin-right: 		5px;
}

.page_heading_sub {
 	color:			#3567aa;
	font-size:		15px;
}

.page_heading_div {

}

.section_heading {
	color:			#3567aa;
	font-size:		18px;
	font-weight:		bold; 
	margin-left:		10px; 
}

.section_heading_sub {
	color:			#42b2df;
	font-size:		12px;
}

.section_heading_div {
	margin-top: 		10px;	
	margin-bottom: 		5px;
	border-bottom: 		2px dotted #CCCCCC;
}


/*
 ******************************************************
 *        Application Primary/Secondary Classes       *
 ******************************************************
 */


.primary_01 {
 	color:			#3567aa;
	font-size:		17px;
	font-weight:		bold; 
}

.primary_02 {
 	color:			#3567aa;
	font-size:		15px;
	font-weight:		bold; 
}

.primary_03 {
 	color:			#3567aa;
}

.secondary_01,a:visited.secondary_01,a:link.secondary_01  {
  	color:			#42b2df;
 	font-size:		17px;
 	font-weight:		bold; 
}

.secondary_02,a:visited.secondary_02,a:link.secondary_02  {
 	color:			#42b2df; 	
	font-size:		15px;
	font-weight:		bold; 
}

.secondary_03,a:visited.secondary_03,a:link.secondary_03  {
 	color:			#42b2df; 	
}




/*
 ******************************************************
 *                   Horiz & Vert Lines               *
 ******************************************************
 */


.vertical_line {
	border-right: 		2px dotted #CCCCCC;
}

.horizontal_line {
	border-bottom: 		2px dotted #CCCCCC;
	width:	150;
}


/*
 **************************
 *        NEW CSS         *
 **************************
*/

.topnav_block {
	background: url(http://www.directmarketingonline.ca/en/images/top_nav-bg.jpg) repeat-x left top;
	padding: 8px 10px 0px 10px;
	/*float: left;*/
	white-space: nowrap;
	}
	
.topnav_block-fr {
	background: url(http://www.directmarketingonline.ca/en/images/top_nav-bg.jpg) repeat-x left top;
	padding: 8px 10px 0px 10px;
	/*float: left;*/
	white-space: nowrap;
	}
	
a.topnav:link, a.topnav:visited, a.topnav:active {
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	/*text-transform: capitalize;*/
	font-weight:bolder;
	}
	
a.topnav:hover {
	color: #97c9dd;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; 
         /*text-transform: capitalize;*/
	font-weight:bolder;
	}

.header_text {
	float: right;
	color: #FFFFFF;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	height: 64px;
	}
	
a.headernav:link, a.headernav:visited, a.headernav:active {
	color: #3567aa;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: capitalize;
	text-align:right;
	}

	
a.headernav:hover {
	color: #97c9dd;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: capitalize;
	text-align:right;
	}

.footer_area {
	background:url(http://www.directmarketingonline.ca/en/images/footer-bg.jpg);
	font-size:10px;
	line-height: 15px;
}

.footernav_block {
	padding:			10px 20px 10px 20px;
	float:				left;
	white-space:		nowrap;
	font-size:			11px;
}
a.footernav:link, a.footernav:visited, a.footernav:active {
	text-decoration:	underline;
	color:				#144883;
	font-size:			11px;
	font-family:		Arial, Helvetica, sans-serif;
}

a.footernav:hover {
	text-decoration:	underline;
	color:				#7394B5;
	font-size:			11px;
	font-family:		Arial, Helvetica, sans-serif;
}

sup {
	font-size:9px;
}





/* HOME PAGE SPECIFIC START */

.steps {
		 font:9pt/13pt Arial, Helvetica, sans-serif;
		 padding:125px 16px 0px 15px;
		 color:#606060;
	}
	
.productTitle {
	font-size:15px;
	line-height:18px;
	font-weight:bolder;
	color:			#0977bd;
}

.productPromo {
	font-weight:bolder;
	color:			#0977bd;
}

/* HOME PAGE SPECIFIC END */

.imghr { font:Verdana;}
A:hover:imghr { background-image:url(../images/en/getstarted.jpg) no-repeat; height:140px; height:40px;}



/* PRICING, DELIVERY, AND CONTACT US PAGE SPECIFIC START */

.pricePad {
   font:9pt/13pt Arial, Helvetica, sans-serif;
   padding:7px 7px 7px 7px;
   border-bottom:2px dotted #cccccc;
   white-space:nowrap;
 }
 
.special {
 	background-color:#f1c3c1;
	color:#ee2e24;
	font-weight:bolder;
	white-space:  nowrap;
	}
	
.padTop {
	padding-top:0px;
}

/* PRICING, DELIVERY, AND CONTACT US PAGE SPECIFIC END */