/*========================================================
		Style sheet for K-ecommerce
		version 1
		06-27-2008
========================================================*/
@charset "utf-8";

img, div { behavior: url(iepngfix.htc) }

/*======================================================
			Text styles
========================================================
	h1	=	Styles for pages title
	h2	=	Styles for section titles
	.contentNavigationTop	=	Styles for top navigation in content pages
	.contentNavigationBottom	=	Styles for bottom navigation in content pages
	.contentLink	=	Styles for links in text
	featuresTrackingLink	=	Links in features pages, for navigation in bottom of pages
*/

a{
	overflow:hidden;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	line-height:34px;
	color:#2c84c7;
	font-weight:normal;
	padding:0;
	margin:0;
	
	behavior:url("csshover.htc");
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
	color:#0a3b65;
	padding:0;
	margin:0;
}

.contentPageTitle, .featuresList li.contentPageTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:26px;
	color:#2c84c7;
	font-weight:normal;
	padding:0;
	margin:0;
	BORDER-BOTTOM: #3e7aad 1px solid;
	display:block;
	margin-top:20px;
	margin-bottom:10px;
}

.featuresList li.contentPageTitle{
	margin-top:20px;
	background-image:none;
}

.contentNavigationTop, .contentNavigationBottom{
	font-size:12px;
	color:#3e7aad;
}

.contentNavigationTop{
	margin-bottom:15px;
}

.contentNavigationTop a:link, .contentNavigationTop a:active, .contentNavigationTop a:visited{
	color:#3e7aad;
}
.contentNavigationTop a:hover{
	text-decoration:none;
	color:#7bb1de;
}

ul.contentList
{
	padding:0;
	margin:0;
	margin-left:30px;
	
	list-style-type:none;
}

ul.contentList li, table .contentList li{
	
	background-image:url(/img/features_bullet.gif);
	background-repeat:no-repeat;
	
	padding-left:16px;
	margin-top:8px;
	margin-bottom:8px;
}

ul.contentList ul li{
	background-image:url(/img/listing_sec_bullet.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:15px;
	padding-top:0;
	margin-top:5px;
	list-style-type:none;
}

.contentNavigationBottom a:link, .contentNavigationBottom a:active, .contentNavigationBottom a:visited{
	color:#3e7aad;
}
.contentNavigationBottom a:hover{
	text-decoration:none;
	color:#7bb1de;
}

a:link, a:active, a:visited
{
	color:#19476f;
}

a:hover
{
	color:#4981b2;
	text-decoration:none;
}

.contentLink:link, .contentLink:active, .contentLink:visited{
	color:#19476f;
}
.contentLink:hover{
	color:#4981b2;
	text-decoration:none;
}

.contentLinkHighlight:link, .contentLinkHighlight:active, .contentLinkHighlight:visited{
	color:#936500;
}

.contentLinkHighlight:hover{
	color:#c49f4d;
	text-decoration:none;
}

.featuresTrackingLink:link, .featuresTrackingLink:active, .featuresTrackingLink:visited{
	color:#0a3b65;
}

.featuresTrackingLink:hover{
	color:#567fa2;
}

/*======================================================
			Page and containers styles
========================================================
	body	=	Default styles for page and content text
	#pageBackground	=	container of page made for design of the background
	#pageContainer	=	Container of page used to center it in broswer
	#contentPageContainer	=	Container of page content
*/

body{
	margin:0;
	padding:0;
	height:100%;
	background-color:#054275;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px;
	color:#0a3b65;
	
	behavior:url(/css/csshover.htc);  /*Behavior for :hover in IE*/
}

.smallText
{
	font-size:11px;
	line-height:14px;
}

body.iframebody
{
	background:0;
}

#pageBackground{
	background-color:#badbf6;
	background-image:url(/img/page_bg.jpg);
	background-repeat:repeat-x
}

#pageContainer{
	width:900px;
	margin:auto;
}

#contentPageContainer{
	width:839px;
	padding-left:31px;
	padding-right:31px;
	background-image:url(/img/contentPageContainer_bg.jpg);
	background-repeat:repeat-x;
}

/*======================================================
			Top page section
========================================================
	#topPageSection	=	Container of top page informations and links
	#solition	=	text used for SEO
	#culture	=	container of link to change culture of website
	#culture a	=	style for the link in the culture frame
*/
#topPageSection{
	width:900px;
	float:left;
}

#solution, #culture{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	font-weight:bold;
	color:#91a6b8;
	padding-top:7px;
	padding-bottom:7px;
}

#solution{
	width:50%;
	float:left;
}

#culture{
	width:50%;
	float:right;
	text-align:right;
}

#culture a:link, #culture a:active, #culture a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	font-weight:bold;
	color:#91a6b8;
	text-decoration:none;
}
#culture a.cultureLink:link, #culture a.cultureLink:active, #culture a.cultureLink:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:underline;
}

#culture a.cultureLink:hover
{
	color:#c1d5e7;
	text-decoration:none;	
}

.supportLink{
	background-image:url(/img/culture_bullet.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:9px;
}

#culture a:hover
{
	color:#c1d5e7;
	text-decoration:underline;
}

/*======================================================
			Header section
========================================================
	#header	=	Top section of page containing logo
	a#kecommerceLogo	=	link over the logo to home page
*/
#header{
	height:98px;
	background-color:#fff;
	background-image:url(/img/header_bg.jpg);
	background-repeat:repeat-x;
	background-position:left top;
}

a#kecommerceLogo{
	/*

	SEE CULTURE.CSS

	*/
}

/*======================================================
			Main navigation 
========================================================
	#mainNavigation	=	container of main navigation
	#mainNavigation ul	=	navigation consists of a list. Container of the list
	#mainNavigation ul li	=	each elements of the first list: the main buttons
	#mainNavigation ul li a.mainMenuButton	=	Styles for the first-level buttons
	#mainNavigation ul li img	=	Main menu separators
	
	.subMenu	=	List of sub-menus
	.subMenu li	=	Elements of the sub-menus
	.subMenuLink	=	Elements of the sub-menus
*/
#mainNavigation{
	width:839px;
	height:46px;
	background-image:url(/img/mainMenu_bg.gif);
	background-repeat:no-repeat;
	float:left;
	
	padding-left:8px;
}

#mainNavigation ul{
	float:left;
	margin:0;
	padding:0;
	
	list-style-type:none;
}

#mainNavigation ul li{
	float:left;
}

#mainNavigation ul li a.mainMenuButton, #mainNavigation ul li img{
	display:block;
	height:40px;
	text-indent:-5000px;
	margin-top:1px;
}

#mainNavigation ul li a.mainMenuButtonSelected{
	display:block;
	height:40px;
	text-indent:-5000px;
	margin-top:1px;
	
	/*background-position:bottom;*/
}

.subMenu{
	position:absolute;
	left:auto;
	top:auto;
	z-index:1000;
		
	width:144px;
	
	padding:0;
	margin:0;
	
	font-size:12px;
	line-height:normal;
	
	background-image:url(/img/subMenu_bg.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	background-color:#1562a4;
	
	border:solid 1px #0a3b65;
	border-top:0;
	
	visibility:hidden;
}

.subMenu li{
	clear:both;
}

.subMenuButton:link, .subMenuButton:visited, .subMenuButton:active {
	display:block;	
	text-align:left;
	
	background-image:url(/img/subMenu_bg_sep.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	
	margin:0;
	padding:0;
	
	padding-top:8px;
	padding-bottom:8px;
	padding-right:5px;
	padding-left:17px;
	
	width:122px;
	
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

.subMenuButton:hover{
	background-color:#1d92e0;
	text-decoration:underline;
}

/**********************************************

	Main menu navigation: see culture.css

************************************************/

/*======================================================
			Home page top section: this section only appears on the home page
========================================================
	#homePageEcommerce	=	container of this section
	#homePageEcommerce img	=	display styles for images in this section
	a#startingOnlineStore	=	Button and informations on the solution
	a#lookingBetterSolution	=	Button and informations on the solution
*/

#homePageEcommerce{
	padding:5px 0px 5px 2px;
	float:left;
}

#videoEcomFlash{
	float:left;
	background-image:url(/img/homePagecontent/videoPreload.jpg);
	width:497px;
	height:205px;
}

a#startingOnlineStore:link, a#startingOnlineStore:active,a#startingOnlineStore:visited, a#lookingBetterSolution:link, a#lookingBetterSolution:active, a#lookingBetterSolution:visited{
/*

	SEE CULTURE.CSS

*/
}

a#lookingBetterSolution:link, a#lookingBetterSolution:active, a#lookingBetterSolution:visited{
/*

	SEE CULTURE.CSS

*/
}

a#lookingBetterSolution:hover, a#startingOnlineStore:hover
{
/*

	SEE CULTURE.CSS
	
*/
}

/*======================================================
			Left Content Section: this section only appears on the home page
========================================================
	#contentLeftContent	=	container of the section
	#clientLogoPage	=	Container of flash with images of clients
	
	#needInformationLeftButton	=	Left button style
	#speakAdvisorLeftButton	=	Left button style
	#noTemplates	=	Left image styles
*/
#contentLeftContent, #contentLeftContentHome{
	float:left;
	width:206px;
	text-align:center;
	border-top:1px solid #c4e6ff;
	background-image:url(/img/rightContent_bg_pages.jpg);
	background-repeat:repeat-x;
	
	padding-top:45px;
}

#contentLeftContentHome{
	padding-top:25px;
}

#contentLeftContent{
	width:228px;
}

#clientLogoPage{
	background-image:(/img/clientLogo_bg.gif);
	background-repeat:repeat-x;
	background-color:#e6eff7;
	padding:20px 0px 0px 0px;
	height:243px;
	
	text-align:left;
}

#clientLogoPage h2{
	text-align:center;
}

#oFlashClient{
	/*position:relative;
	top:-50px;
	left:-48px;
	margin-bottom:-50px;*/
	
	/*position:relative !important;*/
	/*position:absolute;
	
	margin-left:-150px !important;
	margin-left:-150px;
	margin-top:-60px;
	
	z-index:1;*/
	
	position:absolute;
	
	margin-left:-45px;
	margin-top:-60px;
}

#needInformationLeftButton,#speakAdvisorLeftButton{
/*

	SEE CULTURE.CSS

*/
}

#speakAdvisorLeftButton{
/*
	
	SEE CULTURE.CSS
	
*/
}

#noTemplates{
	margin-top:10px;
}

/*======================================================
		Left Menu Section
========================================================*/
/*
	#leftMenuContainer			=	Container of left menu navigation
	#leftMenuFeaturesNavigation	=	Container of features list
	#leftMenuAlign				=	Used to align content in left menu frame
	#leftMenuBottom				=	Frame for design of the rounded corners
	#leftMenuBottomPricing		=	Frame for design of the rounded  corners in pricing page
	
	#leftMenuNavigation ul		=	List of features
	#leftMenuNavigation ul li	=	Each features in the list
	
	#leftMenuNavigation a						=	links of the features
	#leftMenuNavigation li.selectedFeature a	=	Style for the current link feature
	
	li.selectedFeature						= Style for the current feature bullet
	#leftMenuNavigation ul li div	=	container used for background gradient on selected feature
	
*/

#leftMenuContainer{
	background-image:url(/img/leftMenuRepeater.jpg);
	background-repeat:repeat-y;
	width:228px;
}

#leftMenuNavigation{
	/*margin-top:45px;*/
	text-indent:10px;
	text-align:left;
}

#leftMenuAlign{
	background-image:url(/img/leftMenuTop.jpg);
	background-repeat:no-repeat;
	width:228px;	
	
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
}

#leftMenuBottom, #leftMenuBottomPricing, #leftMenuBottomServices, #leftMenuBottomIntegration{
	background-image:url(/img/leftMenuBottom.jpg);
	width:228px;
	height:23px;
	margin-top:-5px;
}

#leftMenuBottomPricing{
	background-image:url(/img/leftMenuBottomPricing.jpg);
}
#leftMenuBottomServices{
	background-image:url(/img/leftMenuBottomServices.jpg);
}
#leftMenuBottomIntegration{
	background-image:url(/img/leftMenuBottomIntegration.jpg);
}

#leftMenuNavigation ul{
	padding:0;
	margin:0;
	text-indent:0;
	list-style-type:none;
	
	padding-top:15px;
	padding-left:13px;
}

#leftMenuNavigation ul li{
	width:200px;
	margin-top:-3px;
}

#leftMenuNavigation a:link, #leftMenuNavigation a:active, #leftMenuNavigation a:visited{
	display:block;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2c84c7;
	text-decoration:none;
	font-weight:bold;
	
	background-repeat:no-repeat;
	padding-left:35px;
	padding-top:7px;
	padding-bottom:7px;
	
	background-image:url(/img/leftMenuBullet.gif);
	background-repeat:no-repeat;
}

#leftMenuNavigation a:hover{
	color:#82bdea;
	text-decoration:underline;
}

#leftMenuNavigation li.selectedFeature a:link, #leftMenuNavigation li.selectedFeature a:visited, #leftMenuNavigation li.selectedFeature a:active{
	font-weight:bold;
	color:#fff;
}

li.selectedFeature{
	background-image:url(/img/Features_Icons/Small/selectedFeature.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#16619b;
}

#leftMenuNavigation ul li div{
	background-image:url(/img/Features_Icons/Small/leftMenuSep.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#leftMenuNavigation li.selectedFeature a:link, #leftMenuNavigation li.selectedFeature a:active, #leftMenuNavigation li.selectedFeature a:visited{background-image:url(/img/leftMenuBulletSel.gif);}

#leftMenuNavigation li.selectedFeature a#featuresOverview{ background-image:url(/img/Features_Icons/Small/overview_sel.jpg); background-position:2px 0px;}
#leftMenuNavigation a#featuresOverview{ background-image:url(/img/Features_Icons/Small/overview.jpg); background-position:left 2px;}

#leftMenuNavigation li.selectedFeature a#featuresCompleteIntegration{ background-image:url(/img/Features_Icons/Small/integration_sel.jpg); background-position:left 2px;}
#leftMenuNavigation a#featuresCompleteIntegration{ background-image:url(/img/Features_Icons/Small/integration.jpg); background-position:left 4px;}

#leftMenuNavigation li.selectedFeature a#featuresService{ background-image:url(/img/Features_Icons/Small/service_sel.jpg); background-position:0px 3px;}
#leftMenuNavigation a#featuresService{ background-image:url(/img/Features_Icons/Small/service.jpg); background-position:left 3px;}

#leftMenuNavigation li.selectedFeature a#featuresPrivate{ background-image:url(/img/Features_Icons/Small/private_sel.jpg); background-position:0px 3px;}
#leftMenuNavigation a#featuresPrivate{ background-image:url(/img/Features_Icons/Small/private.jpg); background-position:left 3px;}

#leftMenuNavigation li.selectedFeature a#featuresOnlineShopping{ background-image:url(/img/Features_Icons/Small/shopping_sel.jpg); background-position:left 4px;}
#leftMenuNavigation a#featuresOnlineShopping{ background-image:url(/img/Features_Icons/Small/shopping.jpg); background-position:left 7px;}

#leftMenuNavigation li.selectedFeature a#featuresProductsCatalog{ background-image:url(/img/Features_Icons/Small/catalog_sel.jpg); background-position:left 4px;}
#leftMenuNavigation a#featuresProductsCatalog{ background-image:url(/img/Features_Icons/Small/catalog.jpg); background-position:left 7px;}

#leftMenuNavigation li.selectedFeature a#featuresDesign{ background-image:url(/img/Features_Icons/Small/design_sel.jpg); background-position:left 4px;}
#leftMenuNavigation a#featuresDesign{ background-image:url(/img/Features_Icons/Small/design.jpg); background-position:left 6px;}

#leftMenuNavigation li.selectedFeature a#featuresMarketing{ background-image:url(/img/Features_Icons/Small/marketting_sel.jpg); background-position:left 2px;}
#leftMenuNavigation a#featuresMarketing{ background-image:url(/img/Features_Icons/Small/marketting.jpg); background-position:left 6px;}

#leftMenuNavigation li.selectedFeature a#featuresB2B{ background-image:url(/img/Features_Icons/Small/b2b_sel.jpg); background-position:left 4px;}
#leftMenuNavigation a#featuresB2B{ background-image:url(/img/Features_Icons/Small/b2b.jpg); background-position:left 6px;}

#leftMenuNavigation li.selectedFeature a#featuresB2C{ background-image:url(/img/Features_Icons/Small/b2c_sel.jpg); background-position:left 4px;}
#leftMenuNavigation a#featuresB2C{ background-image:url(/img/Features_Icons/Small/b2c.jpg); background-position:left 6px;}

#leftMenuNavigation li.selectedFeature a#featuresGlobal{ background-image:url(/img/Features_Icons/Small/global_sel.jpg); background-position:left 4px;}
#leftMenuNavigation a#featuresGlobal{ background-image:url(/img/Features_Icons/Small/global.jpg); background-position:left 6px;}

#leftMenuNavigation li.selectedFeature a#featuresPayments{ background-image:url(/img/Features_Icons/Small/payments_sel.jpg); background-position:left 4px;}
#leftMenuNavigation a#featuresPayments{ background-image:url(/img/Features_Icons/Small/payments.jpg); background-position:left 7px;}

#leftMenuNavigation li.selectedFeature a#featuresShipping{ background-image:url(/img/Features_Icons/Small/shipping_sel.jpg); background-position:left 3px;}
#leftMenuNavigation a#featuresShipping{ background-image:url(/img/Features_Icons/Small/shipping.jpg); background-position:left 9px;}

#leftMenuNavigation li.selectedFeature a#featuresReporting{ background-image:url(/img/Features_Icons/Small/reporting_sel.jpg); background-position:left 3px;}
#leftMenuNavigation a#featuresReporting{ background-image:url(/img/Features_Icons/Small/reporting.jpg); background-position:left 7px;}

#leftMenuNavigation li.selectedFeature a#featuresAdmin{ background-image:url(/img/Features_Icons/Small/admin_sel.jpg); background-position:left 3px;}
#leftMenuNavigation a#featuresAdmin{ background-image:url(/img/Features_Icons/Small/admin.jpg); background-position:left 5px;}

#leftMenuNavigation li.selectedFeature a#featuresHosting{ background-image:url(/img/Features_Icons/Small/hosting_sel.jpg); background-position:left 4px;}
#leftMenuNavigation a#featuresHosting{ background-image:url(/img/Features_Icons/Small/hosting.jpg); background-position:left 6px;}

#leftMenuNavigation li.selectedFeature a#featuresSecurity{ background-image:url(/img/Features_Icons/Small/security_sel.jpg); background-position:left 3px;}
#leftMenuNavigation a#featuresSecurity{ background-image:url(/img/Features_Icons/Small/security.jpg); background-position:left 6px;}

#leftMenuNavigation li.selectedFeature a#featuresSupport{ background-image:url(/img/Features_Icons/Small/support_sel.jpg); background-position:left 5px;}
#leftMenuNavigation a#featuresSupport{ background-image:url(/img/Features_Icons/Small/support.jpg); background-position:left 8px;}

/*======================================================
			Right Content Section
========================================================
	#contentRightContent	=	Container of the section
	#contentRightContentHome	=	Container of the section on the home page
	#presentationLeftSection	=	Homepage: presentation of features
	#presentationRightSection	=	homepage: list of programs wich works with solution
	#presentationRightSection ul	=	Styles for list in the presentations sections
	
*/
#contentRightContent, #contentRightContentHome{
	float:left;
	width:575px;
	border-top:1px solid #c4e6ff;
	background-image:url(/img/rightContent_bg_pages.jpg);
	background-repeat:repeat-x;
	
	padding-left:25px;
	padding-top:20px;
	padding-right:10px;
}

#contentRightContentHome
{
	background-image:url(/img/rightContent_bg.jpg);
	width:598px;
}

#presentationRightSection, #presentationLeftSection, #presentationTopSection, #presentationBottomSection{
	width:296px;
	float:left;
	
	color:#666;
	line-height:normal;
}

#presentationTopSection, #presentationBottomSection{
	width:573px;
	margin-bottom:25px;
	float:none;
}

#presentationBottomSection{
}

.presentationContainer{
	width:253px;
	float:left;
	background-image:url(/img/homePagecontent/presentationTopImage.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	
	padding-top:30px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:10px;
	
	position:relative;
	z-index:3;
}

#presentationTopSection .presentationContainer, #presentationBottomSection .presentationContainer{
	width:573px;
	background-repeat:repeat-x;
}

#contentRightContentHome p{
	position:relative;
	z-index:2;
}

#presentationRightSection ul, #presentationLeftSection ul, #presentationTopSection ul, #presentationBottomSection ul{
	float:left;
	
	list-style-type:none;
	
	padding:0px;
	margin:0px;
	text-indent:0px;
}

#presentationLeftSection ul li, #presentationTopSection ul li{
	background-image:url(/img/homePagecontent/presentationBullet.gif);
	background-repeat:no-repeat;
	
	padding-left:22px;
	margin-bottom:10px;
}
#presentationRightSection ul, #presentationBottomSection ul{
	padding-bottom:7px;
	padding-left:1px;
}
#presentationRightSection ul li, #presentationBottomSection ul li{
	float:left;
	margin-right:10px;
}

#presentationBottomSection ul{
	margin-left:45px;
}

#presentationBottomSection ul li{
	margin-right:55px;
}

/*=====================================================
		Features pages styles
======================================================
*/
img.presentationImage{
	float:right;
	margin-bottom:10px;
	margin-left:10px;
}

img.featuresImage
{
	margin-top:10px;
	margin-left:10px;
}

#featureOverviewContent, #featureOverviewIntegration, #featureOverviewCatalog, #services_overview_design, #services_overview_seo, #services_overview_training
{
	float:left;
	margin-top:25px;
	width:auto;
}

#featureOverviewContent,#featureOverviewCatalog
{
	margin-top:72px;
}

#services_overview_seo
{
	margin-top:-16px;
}

#services_overview_training, #services_overview_design
{
	margin-top:30px;
}

.featuresList{
	padding:0;
	margin:0;
	
	list-style-type:none;
}

.featuresList li{
	
	background-image:url(/img/features_bullet.gif);
	background-repeat:no-repeat;
	
	padding-left:16px;
	margin-top:8px;
}

.featuresList li li, .featuresList ol li, .featuresList ul li{
	color:#0a3b65;
	font-weight:normal;
	
	background:0;
	
	list-style-type:none;
	margin:0;
	padding:0;
	
	padding-top:8px;
}

.featuresList ol, .featuresList ul{
	margin:0;
	padding:0;
}

.featuresList li li img, .featuresList ol li img, .featuresList ul li img{
	float:right;
	margin-top:10px;
}

.subListingTable
{
	width:500px;
	margin:auto;
	text-align:center;
}

.subListingTable td
{
	vertical-align:top;
	text-align:left;
	width:50%;
	padding-left:5px;
	padding-right:5px;
}
.subListingTable td ul li
{
	background-image:url(/img/listing_sec_bullet.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:15px;
	padding-top:0;
	margin-top:5px;
	list-style-type:none;
}


/*=====================================================
		Features pages styles
======================================================
*/
.questionAnswerList
{
	padding:0;
	margin:0;
	
	list-style-type:none;
}

.questionAnswerList li
{
	font-weight:bold;
	margin-top:30px;
	margin-bottom:0px;
}

.questionAnswerList li li, .questionAnswerList ol li, .questionAnswerList ul li
{
	font-weight:normal;
	font-style:italic;
	list-style-type:none;
	margin-top:0px;
	padding:20px;
	padding-top:17px;
	padding-right:100px;
}


/*======================================================
		Custom web interfaces style
========================================================

#pageDetector	=	Used for highlighting main navigation in each pages

.listNoBullet	=	Used to list items without having bullet

td.priceLaterningCol							=	Used to seperate differents rows in pricing section
table.pricingListingTable						=	Table used for listing prices, collapsing borders to center it
table.pricingListingTable td					=	Cells of the table of pricing
table.pricingListingTable tr.pricingPrices td	=	Cells of table containing prices of each plans
tr.packagesRow td								=	Cells of table containing informations
*/

#pageDetector{
	display:none;
}

.listNoBullet{
	list-style-type:none;
	margin:0;
	padding:0;
}
.listNoBullet li{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:15px;
}

td.priceAlterningCol{	
	background-color:#daeaf7;
}

table.pricingListingTable{
	border-collapse:collapse;
}

table.pricingListingTable td{
	padding-top:5px;
	padding-right:5px;
	padding-bottom:6px;
	
	background-image:url(/img/pricingTitles/rowSep.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	
	border-right:solid 1px #3e7aad;
}

table.pricingListingTable td p{
	padding:0;
	margin:0;
}

table.pricingListingTable tr.pricingPrices td{
	padding-bottom:0px;
	padding-top:20px;
	background-image:none;
}

tr.packagesRow td{
	padding-left:0;
	padding-right:0;
	border-right:0;
	padding-bottom:5px;
	background:0;
}


/*======================================================
		Press room section: appears only on home page
========================================================
	#pressRoom	=	Container of the section
	#pressRoom h2	=	Subtitle of the section, with underline
	
	.pressRoomNew	=	Container of a message
	.pressRoomCalendar	=	Container of the date
	.pressRoomMessage	=	Message
*/
#pressRoom{
	margin-top:15px;
	position:relative;
	z-Index:3;
}

#pressRoom h2{
	background-image:url(/img/homePagecontent/pressRoomTitle_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	
	padding-bottom:2px;
}

.pressRoomNew, .pressRoomNewFollow{
	float:left;
	margin-top:10px;
}

.pressRoomNewFollow{
	background-image:url(/img/homePagecontent/pressRoomTitle_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:13px;
}

.pressRoomCalendar{
	background-image:url(/img/homePagecontent/calendarPress.jpg);
	background-repeat:no-repeat;
	width:59px;
	height:60px;
	float:left;
	font-size:11px;
	
	text-align:center;
	padding-top:15px;
}

.pressRoomMessage{
	width:500px;
	float:left;

	padding-left:12px;
	margin-left:8px;
	border-left:solid 1px #93b7d5;
}

.readMoreLink{
	background:url(/ecom_theme/img/plusminus.gif) no-repeat;
	background-position:0px 5px;
	padding-left:15px;
}

/*======================================================
			Bottom content section
========================================================
	#contentBottomSection	=	Container of the section
*/
#contentBottomSection{
	text-align:center;
	margin-top:55px;
}

/*======================================================
		Bottom page section	
========================================================
	#pageBottomFrame	=	container of the section
	#pageBottomFrameContent	=	Container of the content used for align
	
	#bottomPageSiteMap	=	Container of sitemap
	ul.siteMapSection	=	styles for the lists in the sitemap
	
	.siteMapSection a	=	Links in the sitemap
	a.firstLink	=	Different style for the first link in a section
	
	#copyrights	=	container of copyrights section
	#lineOverCopyrights	=	styles for design of the copyrights section
	
	#bottomLogos	=	container of this section
	#bottomLogos img	=	styles for images in the section
*/
#pageBottomFrame{
	background-color:#054275;
	background-image:url(/img/pageBottomFrame_bg.jpg);
	background-repeat:repeat-x;
}

#pageBottomFrameContent{
	width:839px;
	margin:auto;
	padding-bottom:5px;
	padding-top:15px;
}

#bottomPageSiteMap{
	/*

		SEE CULTURE.CSS

	*/
}

ul.siteMapSection{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left:30px;
}

.siteMapSection a:link, .siteMapSection a:visited, .siteMapSection a:active{
	font-size:10px;
	line-height:14px;
	text-decoration:underline;
	color:#4481b4;
	margin-bottom:5px;
	margin-left:10px;
}

.siteMapSection a:hover{
	text-decoration:none;
	color:#96b7d2;
}

a.siteMapFirstLink:link, a.siteMapFirstLink:visited, a.siteMapFirstLink:active{
	color:#6ca1ce;
	margin-left:0px;
}

a.siteMapFirstLink:hover{
	text-decoration:none;
	color:#96b7d2;
}

#copyright{
	text-align:center;
	margin-top:35px;
	
	color:#a5d3f9;
	font-size:10px;
}

#lineOverCopyrights{
	border-top:solid 1px #255f8f;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
}

#bottomLogos{
	text-align:center;
}

#contentBottomSection img
{
	margin:0px 10px 10px 10px;
}

/*======================================================
			FORMS
========================================================
	.formMainTable	=	Table containing form
	
	.inputBox	=	style for input box informs
	
	.selectDropDownFix	=	Style for dropdown with fix width

	.ErrorMessageTable	=	Table settings for validation textbox errors
	.ErrorMessageTd		=	Row settings for validation textbox errors

	.MessageTable						=	Status bar general style
	.MessageTable .SuccessMessage		=	Text style when Success Message appears
	.MessageTable .SuccessMessage A		=	Link style when Success Message appears
	.MessageTable .ErrorMessage			=	Text style when Error Message appears
	.MessageTable .ErrorMessage A		=	Link style when Error Message appears
	.MessageTable .WarningMessage		=	Text style when Warning Message appears
	.MessageTable .WarningMessage A		=	Link style when Warning Message appears
*/
.formMainTable
{
	border:solid 1px #c1c1c1;
	background-color:#ffffff;
	background-image:url(/img/form_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	width:100%;
	margin-top:-1px;
}

.inputBox, .inputBoxError, textarea
{
	border:solid 1px #7f9db9;
	border-bottom:solid 1px #cedfef;
	border-right:solid 1px #cedfef;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:12px;
	line-height:16px;
	padding-top:2px;
	padding-bottom:2px;
	height:16px;
}

.inputBoxError
{
	background-color:#ffeece;
}


.selectDropDownFix
{	
	width:227px;
	border:solid 1px #7f9db9;
	border-bottom:solid 1px #cedfef;
	border-right:solid 1px #cedfef;
}

/*********** Validation Box Error *************/
.ErrorMessageTable{
	background-color:#ffeece;
	padding:3px 3px 3px 3px;
	margin-left:5px;
	margin-top:5px;
	width:183px;
	border:1px dashed red;
	filter:Progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity:0.60;
}


.ErrorMessageTd
{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000;
	padding:2px 2px 2px 2px;
}

/*********** Status Bar *************/
.MessageTable {
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#b0b0b0', Positive='true'); 
	font-family:Arial, Helvetica, sans-serif;  font-weight:bold; 
	border:1px solid #999; 
	WIDTH: 575px;
	background-color:#ffffff; 
}
.MessageTable .SuccessMessage {
	font-weight:bold; 
	padding-right: 5px; 
	padding-left: 42px; 
	font-size: 12px; 
	background-image: url(/img/StatusBar/SuccessMessageIcon.gif); 
	padding-bottom: 5px; 
	background-position:left center;
	vertical-align: middle; 
	color: #05580C; 
	padding-top: 5px; 
	background-repeat: no-repeat; 
	height: 42px;
}
.MessageTable .SuccessMessage A {
	FONT-WEIGHT:bold; 
	COLOR: #05580C; 
	TEXT-DECORATION: underline;
}
.MessageTable .ErrorMessage {
	FONT-WEIGHT:bold; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 42px; 
	FONT-SIZE: 12px; 
	BACKGROUND-IMAGE: url(/img/StatusBar/ErrorMessageIcon.gif); 
	background-position:left center;
	PADDING-BOTTOM: 5px; 
	VERTICAL-ALIGN: middle; 
	COLOR: #dc0000; 
	PADDING-TOP: 5px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 42px;
}
.MessageTable .ErrorMessage A {
	FONT-WEIGHT:bold; 
	COLOR: #dc0000; 
	TEXT-DECORATION: underline;
}
.MessageTable .WarningMessage {
	FONT-WEIGHT:bold; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 42px; 
	FONT-SIZE: 12px; 
	BACKGROUND-IMAGE: url(/img/StatusBar/WarningMessageIcon.gif); 
	background-position:left center;
	PADDING-BOTTOM: 5px; 
	VERTICAL-ALIGN: middle; 
	COLOR: #993300; 
	PADDING-TOP: 5px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 42px;
}
.MessageTable .WarningMessage A {
	FONT-WEIGHT:bold; 
	COLOR: #993300; 
	TEXT-DECORATION: underline;
}
/*======================================================
			Clearer
========================================================
	.clearer =	used to clear floats
*/
.clearer{
	clear:both;
}

/*======================================================
			Popup country
========================================================
	#popupcomingFrom =	on .com, show a popup to ask to go on .ca. On close, write a cookie.
*/

#divShaddow
{
	background-color:#000000;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	z-index:999;
	position:absolute;
	display:none;
}

#divShaddow.close
{
	width:1px;
	height:1px;
	left:-5000px;
	top:-5000px;
	display:none;
}

#divShaddow.show
{
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	display:block;
}

#popupComingFrom
{
	position:absolute;
	z-index:1000;
	text-align:center;
	background-color:#FFFFFF;
	background-image:url(/img/bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	border:1px solid #e6e6e6;
	filter: progid:DXImageTransform.Microsoft.shadow (color=#333333,direction=155); 
}

#popupComingFrom img.closebtn
{
	float:right;
	top:3px;
	right:3px;
	cursor:pointer;
	margin-top:2px;
	margin-right:2px;
}

#popupComingFrom p
{
	font-family:verdana;
	font-size:12px;
	color:#333333;
	margin:0px;
	padding:0px;
	margin-left:20px;
	margin-right:10px;
	margin-top:45px;
}

#popupComingFrom.close
{
	left:-5000px;
	top:-5000px;
	display:none;
}

#popupComingFrom.show
{
	display:block;
}

#popupComingFrom a
{
	color:#e49f26;
	font-weight:bold;
}

#popupComingFrom a:hover
{
	text-decoration:none;
}

.lineBottom{
	background-image:url(/img/pricingTitles/rowSep.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#pricingButtonDemand, #pricingButtonAdvanced{
	background-image:url(/img/pricingTitles/packages/topbutton_demand.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:283px;
	height:42px;
	float:left;
	cursor:pointer;
	margin-top:15px;
}

 #pricingButtonAdvanced{
	background-image:url(/img/pricingTitles/packages/topbutton_advanced.jpg);
	margin-left:5px;
	background-position:bottom;
}

#pricingPriceContainer{
	background-image:url(/img/pricingTitles/packages/bgcontainer.jpg);
	background-repeat:repeat-x;
	float:left;
	width:561px;
	padding-left:5px;
	padding-right:5px;
}

#pricingAdvancedContent{
	display:none;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
}

#startingFeeTabAll, #startingFeeTabCarte{
	/*
		SEE CULTURE.CSS
	*/
}

#startingFeeTabCarte{
/*
		SEE CULTURE.CSS
	*/
}

#startingFeeContentAll, #startingFeeContentCarte{
	background-image:url(/img/pricingTitles/packages/bgcontainerstarting.jpg);
	background-repeat:repeat-x;
	float:left;
	
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	width:541px;
}

#startingFeeContentCarte{
	display:none;
}

li#dynamicsFeatures, li#dynamicsDemo, li#dynamicsPricing, li#dynamicsContact{
	list-style-type:none;
	margin:0;
	padding:0;
	
	background-image:url(/img/integration/iconFeatures.gif);
	background-repeat:no-repeat;
	
	padding-left:28px;
	padding-bottom:12px;
}

li#dynamicsDemo{
	background-image:url(/img/integration/iconDemo.gif);
}

li#dynamicsPricing{
	background-image:url(/img/integration/iconPrice.gif);
	padding-bottom:12px;
}

li#dynamicsContact{
	background-image:url(/img/integration/iconContact.gif);
}

#nextStep ul{
	margin:0;
	padding:0;
	
	margin-left:5px;
	margin-bottom:5px;
}

#nextStep{
	margin-bottom:30px;
}

#oLayerSwitch
{
	z-index:50000px;
	position:absolute;
	left:1px;
	top:1px;
}

/*******************************************************
	STYLE NEEDED FOR ADMINDASHBOARD.ASPX
*/

.linknochange{
	color:#19476f;
}


.optionalTitle{
	background-image:url(/img/pricing/bgOptional.gif) !important;
	background-repeat:repeat-x;
	background-position:top !important;
	background-color:#2f6796;
	height:21px;
	
	text-align:center;
	color:#ffffff;
	padding:0 !important;
	font-weight:bold;
	font-size:13px;
}

#monthlyPriceTotalBronze, #monthlyPriceTotalSilver, #monthlyPriceTotalGold, #monthlyPriceTotalPlatinum, #startingPriceTotal
{
	color:#c68700;
}

.contentTextBold
{
	font-weight:bold;	
}

/*********** VALIDATION SUMMARY *************/
#oValidationSummary
{
  border:1px solid #aa9754;
  background-color:#ffffe1;
  padding:5px;
  margin-bottom:20px;
  margin-top:10px;
  margin-right:8px;
  font-weight:bold;
}

#oValidationSummary ul
{
  width:98%;
  list-style:none;
  margin:0px;
  padding:0px;
  margin-top:10px;
  margin-left:10px;
}

#oValidationSummary ul li
{
  margin-bottom:5px;
  background:transparent url(/img/error.gif) no-repeat 0 0;
  padding:2px;
  padding-left:25px;
  border-bottom:1px dashed #d8c995;
  color:#FF0000;
  font-weight:normal;
}

.featuresTable
{
	border:1px solid #c4e6ff;
	background-color:#fff;
}

.featuresTable td
{
	padding:8px;
	border-bottom:1px dotted #538fc0;
}

.lnkMore,
.lnkLess
{
	background:transparent url(/img/plusminus.gif) no-repeat 100% 2px;
	padding-right:12px;
	display:inline-block;
}

.lnkLess
{
	background-position: 100% -26px;
}


#divNetworksSection
{
	display:block;
	position:absolute;
	margin-top:19px;
	margin-left:901px;
}

#divNetworksSection ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}

#divNetworksSection ul li
{
}