@charset "utf-8";

/*

	IC Web Pro Website
	Version 0.2 - June 8th, 2009
	by Philippe Lamalice
	
*/

.hidden { /* Hide & Shrink + Float */
	display: none;
	width: 0px !important;
	height: 0px !important;
	float: left !important;
	}

html {
	padding: 0;
	margin: 0;
	}

body {
	margin: 0;
	padding: 0;
	background: white url(elements/bg.png) 0 0 repeat-x;
	}

a:link, a:visited, a:active, a:hover {
	text-decoration: none;
	}

#container {
	width: 990px;
	padding: 5px;
	background: white;
	margin: 12px auto;
	}

#logo_header_en {
	width: 990px;
	height: 95px;
	background: white url(elements/logo_en.png) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	}
	
#logo_header_fr {
	width: 990px;
	height: 95px;
	background: white url(elements/logo_fr.png) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	}
	
#lng_fr {
	width: 26px;
	height: 26px;
	background: transparent url(elements/lng_fr.png) 0 0 no-repeat;
	float: left;
	position: relative;
	left: 950px;
	top: 20px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	}

#lng_fr:hover {
	background: transparent url(elements/lng_fr_hover.png) 0 0 no-repeat;
	}
	
#lng_en {
	width: 26px;
	height: 26px;
	background: transparent url(elements/lng_en.png) 0 0 no-repeat;
	float: left;
	position: relative;
	left: 924px;
	top: 50px;
	margin: 0;
	cursor: pointer;
	padding: 0;
	}

#lng_en:hover {
	background: transparent url(elements/lng_en_hover.png) 0 0 no-repeat;
	}
	
#midsection {
	width: 990px;
	height: 380px;
	background: white url(elements/midheader.png) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	}

#midsection_sub {
	width: 990px;
	height: 200px;
	background: white url(elements/midheader_sub.png) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	}
	
#content {
	width: 990px;
	padding: 0;
	margin: 0;
	}
	
#content_sub {
	width: 890px;
	padding: 12px 50px 24px 50px;
	min-height: 360px;
	margin: -140px 0 0 0;
	}

#content_sub h1 {
	margin: 9px 0 9px 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif; 
	font-style: normal;
	font-size: 24px;
	font-weight: bold;
	color: #527276;
	}
	
#content_sub p {
	margin: 3px 24px 6px 24px;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif; 
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	color: #5c5c5c;
	}

#content_sub p.noindent {
	margin-left: 0px !important;
	}

#content_sub a:link, #content_sub a:active, #content_sub a:visited {
	color: #f18f20;
	font-weight: bold;
	font-size: 105%;
	}
	
#content_sub a:hover {
	color: #333;
	}

.hline {
	height: 1px;
	border: 0;
	padding: 0;
	margin: 9px 0 9px 0;
	}
	
.ordernow_btn_en {
	width: 145px;
	height: 36px;
	margin: 0 0 9px 200px;
	padding: 0;
	background: transparent url(elements/ordernow_en.png) 0 0 no-repeat;
	border: 0;
	cursor: pointer;
	}

.ordernow_btn_en:hover {
	background: transparent url(elements/ordernow_en_hover.png) 0 0 no-repeat;
	}

.ordernow_btn_fr {
	width: 152px;
	height: 36px;
	margin: 0 0 9px 193px;
	padding: 0;
	background: transparent url(elements/ordernow_fr.png) 0 0 no-repeat;
	border: 0;
	cursor: pointer;
	}

.ordernow_btn_fr:hover {
	background: transparent url(elements/ordernow_fr_hover.png) 0 0 no-repeat;
	}


.order_compare_en {
	margin: 12px 0 12px 223px;
	}

.order_compare_fr {
	margin: 12px 0 12px 213px;
	}

.plans_overview_en {
	margin: 12px 0 12px 207px;
	}

.plans_overview_fr {
	margin: 12px 0 12px 188px;
	}

.img_compare {
	border: 0;
	margin: 12px 0 12px 0;
	padding: 0;
	}
	
.img_details {
	border: 0;
	margin: 12px 0 12px 0;
	padding: 0;
	}

.img_ordernow {
	border: 0;
	margin: 12px 0 12px 0;
	padding: 0;
	}

.img_pkg_tag {
	border: 0;
	padding: 0;
	margin: 18px 0 0 48px;
	}

.img_cart {
	border: 0;
	padding: 0;
	margin: -6px 0 0 17px;
	}

#services {
	width: 990px;
	height: 300px;
	background: white;
	margin: 4px 0 0 0;
	padding: 0;
	}

#order1_en, #order1_fr, #order2_en, #order2_fr, #order3_en, #order3_fr, #order4_en, #order4_fr, #order5_en, #order5_fr {
	width: 194px;
	height: 52px;
	margin: 0;
	padding: 5px 0 0 0;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	}
	
#order1_en { padding: 5px 5px 0 0; background: white url(packages/package1_btn_en.png) 0 5px no-repeat; }
#order1_en:hover { padding: 5px 5px 0 0; background: white url(packages/package1_btn_en_hover.png) 0 5px no-repeat; }
#order1_fr { padding: 5px 5px 0 0; background: white url(packages/package1_btn_fr.png) 0 5px no-repeat; }
#order1_fr:hover { padding: 5px 5px 0 0; background: white url(packages/package1_btn_fr_hover.png) 0 5px no-repeat; }

#order2_en { padding: 5px 5px 0 0; background: white url(packages/package2_btn_en.png) 0 5px no-repeat; }
#order2_en:hover { padding: 5px 5px 0 0; background: white url(packages/package2_btn_en_hover.png) 0 5px no-repeat; }
#order2_fr { padding: 5px 5px 0 0; background: white url(packages/package2_btn_fr.png) 0 5px no-repeat; }
#order2_fr:hover { padding: 5px 5px 0 0; background: white url(packages/package2_btn_fr_hover.png) 0 5px no-repeat; }

#order3_en { padding: 5px 5px 0 0; background: white url(packages/package3_btn_en.png) 0 5px no-repeat; }
#order3_en:hover { padding: 5px 5px 0 0; background: white url(packages/package3_btn_en_hover.png) 0 5px no-repeat; }
#order3_fr { padding: 5px 5px 0 0; background: white url(packages/package3_btn_fr.png) 0 5px no-repeat; }
#order3_fr:hover { padding: 5px 5px 0 0; background: white url(packages/package3_btn_fr_hover.png) 0 5px no-repeat; }

#order4_en { padding: 5px 5px 0 0; background: white url(packages/package4_btn_en.png) 0 5px no-repeat; }
#order4_en:hover { padding: 5px 5px 0 0; background: white url(packages/package4_btn_en_hover.png) 0 5px no-repeat; }
#order4_fr { padding: 5px 5px 0 0; background: white url(packages/package4_btn_fr.png) 0 5px no-repeat; }
#order4_fr:hover { padding: 5px 5px 0 0; background: white url(packages/package4_btn_fr_hover.png) 0 5px no-repeat; }

#order5_en { padding: 5px 0 0 0; background: white url(packages/package5_btn_en.png) 0 5px no-repeat; }
#order5_en:hover { padding: 5px 0 0 0; background: white url(packages/package5_btn_en_hover.png) 0 5px no-repeat; }
#order5_fr { padding: 5px 0 0 0; background: white url(packages/package5_btn_fr.png) 0 5px no-repeat; }
#order5_fr:hover { padding: 5px 0 0 0; background: white url(packages/package5_btn_fr_hover.png) 0 5px no-repeat; }

#package1_en, #package1_fr, #package2_en, #package2_fr, #package3_en, #package3_fr, #package4_en, #package4_fr, #package5_en, #package5_fr {
	width: 194px;
	height: 243px;
	margin: 0;
	padding: 0;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	}
	
#package1_en { padding: 0 5px 0 0; background: white url(packages/package1_en.png) 0 0 no-repeat; }
#package1_en:hover { background: white url(packages/package1_en_hover.png) 0 0 no-repeat; }
#package1_fr { padding: 0 5px 0 0; background: white url(packages/package1_fr.png) 0 0 no-repeat; }
#package1_fr:hover { background: white url(packages/package1_fr_hover.png) 0 0 no-repeat; }

#package2_en { padding: 0 5px 0 0; background: white url(packages/package2_en.png) 0 0 no-repeat; }
#package2_en:hover { background: white url(packages/package2_en_hover.png) 0 0 no-repeat; }
#package2_fr { padding: 0 5px 0 0; background: white url(packages/package2_fr.png) 0 0 no-repeat; }
#package2_fr:hover { background: white url(packages/package2_fr_hover.png) 0 0 no-repeat; }

#package3_en { padding: 0 5px 0 0; background: white url(packages/package3_en.png) 0 0 no-repeat; }
#package3_en:hover { background: white url(packages/package3_en_hover.png) 0 0 no-repeat; }
#package3_fr { padding: 0 5px 0 0; background: white url(packages/package3_fr.png) 0 0 no-repeat; }
#package3_fr:hover { background: white url(packages/package3_fr_hover.png) 0 0 no-repeat; }

#package4_en { padding: 0 5px 0 0; background: white url(packages/package4_en.png) 0 0 no-repeat; }
#package4_en:hover { background: white url(packages/package4_en_hover.png) 0 0 no-repeat; }
#package4_fr { padding: 0 5px 0 0; background: white url(packages/package4_fr.png) 0 0 no-repeat; }
#package4_fr:hover { background: white url(packages/package4_fr_hover.png) 0 0 no-repeat; }

#package5_en { background: white url(packages/package5_en.png) 0 0 no-repeat; margin: 0 !important; }
#package5_en:hover { background: white url(packages/package5_en_hover.png) 0 0 no-repeat; }
#package5_fr { background: white url(packages/package5_fr.png) 0 0 no-repeat; margin: 0 !important; }
#package5_fr:hover { background: white url(packages/package5_fr_hover.png) 0 0 no-repeat; }
	
#footer {
	width: 984px;
	margin: 12px 0 0 0;
	padding: 12px 3px 18px 3px;
	border-top: 1px solid #eee;
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif; 
	font-style: normal;
	font-weight: normal;
	color: #bbb;
	display: block;
	}

.alignleft { text-align: left; }
.alignright { text-align: right; }

#footer em {
	font-style: normal;
	font-weight: bold;
	color: #bbb;
	}
	
#footer a:link, #footer a:visited, #footer a:active {
	color: #bbb;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #f18f20;
	}
	
.package_h1 {
	font-size: 16px;
	font-weight: bold;
	color: white;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	margin: 14px 12px 0 42px;
	text-align: right;
	}

.package_ul {
	font-size: 14px;
	font-weight: 500;
	color: #555;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	margin: 32px 3px 0 -9px;
	}

.package_li {
	list-style-type:none;
	list-style-image: url(elements/bullet.png);
	line-height: 22px;
	color: #555;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	}


/* Plans & Package Page */
table.content_table {
	width: 900px;
	margin: 0;
	border: 0;
	}

td.content_td_left {
	width: 294px;
	margin: 0;
	border: 0;
	padding-right: 6px;
	vertical-align: top;
	}

td.content_td_right {
	width: 594px;
	margin: 0;
	border: 0;
	vertical-align: top;
	padding-left: 6px;
	}
	
table.sub_content_table {
	width: 594px;
	margin: 0;
	border: 0;
	}

td.sub_content_td_left {
	width: 282px;
	margin: 0;
	padding: 0 6px 0 18px;
	border: 0;
	vertical-align: top;
	}
	
td.sub_content_td_right {
	width: 282px;
	margin: 0;
	padding: 0 0 0 6px;
	border: 0;
	vertical-align: top;
	}	
	
	
h3.pkg {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	font-style:normal;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	margin: 3px 0 3px 0;
	}

ul.pkg {
	list-style-position: outside;
	list-style-type: square;
	font-weight: normal;
	font-size: 13px;
	line-height: 15px;
	color: #333;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	margin: 0 0 18px -9px;
	}

/* End Plans & Packages Page */

/* 404 Page */
h1.error404 {
	color: #ce1c1e !important;
	font-size: 34px !important;
	font-weight: bold !important;
	text-align: left !important;
	margin: 10px 0 20px 12px !important;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	}

h2.error404 {
	color: #444 !important;
	font-size: 18px !important;
	text-align: left !important;
	margin: 0 0 0 12px !important;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	}

p.error404 {
	color: #333 !important;
	font-size: 13px !important;
	text-align: left !important;
	margin: 12px 0 0 12px !important;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	}

/* End 404 Page CSS */

/* Compare Page */
#compare_table {
	width: 460px;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding: 0;
	margin: 0;
	}
	
tr.compare_table_row {
	height: 32px;
	vertical-align: middle;
	}
	
#compare_table_desc {
	width: 248px;
	height: 159px;
	border: 0;
	padding: 0 12px 0 0;
	margin: 0;
	background: transparent url(shades/grey_dot.gif) bottom repeat-x;
}
	
#compare_table_title1_en, #compare_table_title2_en, #compare_table_title3_en, #compare_table_title4_en, #compare_table_title5_en, #compare_table_title1_fr, #compare_table_title2_fr, #compare_table_title3_fr, #compare_table_title5_fr, #compare_table_title5_fr {
	width: 40px;
	height: 159px;
	border: 0;
	padding: 0;
	margin: 0;
	}

#compare_table_title1_en {
	background: white url(packages/pkg_title_en.png) 0 0 no-repeat;
	}
	
#compare_table_title2_en {
	background: white url(packages/pkg_title_en.png) -40px 0 no-repeat;
	}

#compare_table_title3_en {
	background: white url(packages/pkg_title_en.png) -80px 0 no-repeat;
	}

#compare_table_title4_en {
	background: white url(packages/pkg_title_en.png) -120px 0 no-repeat;
	}

#compare_table_title5_en {
	background: white url(packages/pkg_title_en.png) -160px 0 no-repeat;
	}
	
td.compare_table_items {
	text-align: right;
	margin: 0;
	border: 0;
	padding: 0 12px 0 0;
	font-family: Arial, Helvetica, sans-serif; /* Arial here */
	font-size: 12px;
	font-weight: bold;
	color: #777;
	vertical-align: middle;
	}
	
td.compare_table_items1, td.compare_table_items2, td.compare_table_items3, td.compare_table_items4, td.compare_table_items5 {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif; /* Arial here */
	font-size: 12px;
	font-weight: bold;
	color: #444;
	}

td.compare_table_items1 {
	background: white url(packages/comp_pkg1_bg.png) 0 0 repeat;
	}

td.compare_table_items2 {
	background: white url(packages/comp_pkg2_bg.png) 0 0 repeat;
	}

td.compare_table_items3 {
	background: white url(packages/comp_pkg3_bg.png) 0 0 repeat;
	}

td.compare_table_items4 {
	background: white url(packages/comp_pkg4_bg.png) 0 0 repeat;
	}

td.compare_table_items5 {
	background: white url(packages/comp_pkg5_bg.png) 0 0 repeat;
	}

/* End Compare */


/* Contact Form */

.form_contact {
	width: 500px;
	margin: 0;
	}
	
.form_sendbutton_en, .form_sendbutton_fr {
	width: 114px;
	height: 36px;
	border: 0;
	margin: 9px 0 0 232px;	
	}

.form_sendbutton_en {
	background: transparent url(elements/send_en.png) 0 0 no-repeat;
	}
.form_sendbutton_en:hover {
	background: transparent url(elements/send_en_hover.png) 0 0 no-repeat;
	}
	
.form_sendbutton_fr {
	background: transparent url(elements/send_fr.png) 0 0 no-repeat;
	}
.form_sendbutton_fr:hover {
	background: transparent url(elements/send_fr_hover.png) 0 0 no-repeat;
	}

.form_inputlarge {
	width: 300px;
	height: 20px;
	border: 1px solid #999;
	margin: 3px 0 0 12px;
	background: #f9f9f9;
	}

.form_inputlarge:active {
	border: 1px solid #f18f20;
	}

.form_inputsmall {
	width: 120px;
	height: 20px;
	border: 1px solid #999;
	margin: 3px 0 0 12px;
	background: #f9f9f9;
	}

.form_inputlarge:active {
	border: 1px solid #f18f20;
	}

.red {
	color: #cc0000;
	}
	
.green {
	color: #00aa00;
	}
	
.form_textbox {
	width: 300px;
	height: 160px;
	border: 1px solid #999;
	margin: 3px 0 0 12px;
	background: #f9f9f9;
	}
	
.form_textbox:active {
	border: 1px solid #f18f20;
	}
	
.h2contact {
	font-size: 20px;
	/* color: #527276; */
	color: #f18f20;
	font-weight: bold;
	}