body {background:#000000 url(/Common/Images/BackgroundSite.png) 0 0 repeat-x;margin:0;padding:0;font:1em Arial, Verdana;}

#masterdiv {margin-left:auto;margin-right:auto;width:914px;}
#header {width:914px; height:87px; padding-top:31px; padding-bottom:6px}
#LogoInterchange {float:left; padding-left:49px; width:147px; height:87px; z-index:2; visibility:visible;}
#OffshoreeBusiness {float:right; padding-right:7px; padding-top:49px; width:342px; height:18px; z-index:3; visibility:visible;}

#topnav {width:897px; height:26px; padding-top:8px; padding-left:9px; padding-right:8px; background-color:#FFF;background-image:url(/Common/Images/TopCurveWht_914px.gif); background-repeat:no-repeat; background-position:top left;}
#content {float:left; width:897px; padding-top:6px; padding-left:9px; padding-right:8px; background-color:#FFF;}

/* Internal Content Layouts */
img.LeftImg {float:left; margin-left:-40px; padding-right:30px; padding-bottom:1em}
img.LeftImgInline {float:left; margin-left:0px; padding-right:30px; padding-bottom:1em}

#RightTxt {float:left; width:585px; padding-left:40px; padding-right:10px}
#FullTxt {float:left; padding-left:0px; width:845px; padding-right:52px}

#PromoRight {float:right; width:252px;}

#footer {float:left; font:0.7em Arial, Verdana; line-height:1.5em; color:#cdcfce; padding-top:21px;  width:895px; z-index:47; visibility:visible; background-color:#fff;background:url(/Common/Images/BotCurveFooter_895px.gif) 0 100% no-repeat;padding-bottom:4px;}
	#footertop {background:url(/Common/Images/TopCurveFooter_895px.jpg) 0 0 no-repeat; text-align:center; padding-top:6px}
	#footerlinks {text-align:center; padding-top:20px; border-left:1px solid #CCC; border-right:1px solid #CCC;}

#footer a {padding:0 15px; color:#cdcfce; text-decoration:none}
#footer a:hover {color:#0098DB;}	
#footercurve {float:left; width:914px; background:url(/Common/Images/BotCurveWht_914px.gif) 0 0 no-repeat;height:12px; margin-bottom:15px}


/* Navigation Styles */
#nav, #nav ul {padding: 0;margin: 0;list-style: none;line-height: 1;}
#nav a {display: block;font:10px Arial, Verdana;color:#666;text-decoration:none;}
#nav a:hover {color:#0096D9;}
#nav li {float: left;width:142px;}
#nav li ul {position: absolute;width:142px;left: -999em;}
#nav li ul li {background-color:#CBCBCB;padding-left:23px;padding-right:13px;padding-top:5px;padding-bottom:5px;width:106px;border-bottom:1px solid #B7B7B7;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

/* Primary Navigation Styles */
ul#nav li#navAboutInterchange {width:83px;}
ul#nav li#navAboutInterchange a.tl {width:83px; height:26px; background: url(/Common/Images/Nav_AboutUs.png) 0px 0px no-repeat;}
ul#nav li#navAboutInterchange a.tl:hover {width:83px; height:26px; background: url(/Common/Images/Nav_AboutUs.png) 0px -26px no-repeat;}

ul#nav li#navWhygoOffshore {width:140px;}
ul#nav li#navWhygoOffshore a.tl {width:140px; height:26px; background: url(/Common/Images/Nav_WhygoOffshore.png) 0px 0px no-repeat;}
ul#nav li#navWhygoOffshore a.tl:hover {width:140px; height:26px; background: url(/Common/Images/Nav_WhygoOffshore.png) 0px -26px no-repeat;}

ul#nav li#navProducts {width:168px;}
ul#nav li#navProducts a.tl {width:168px; height:26px; background: url(/Common/Images/Nav_Products-v2.png) 0px 0px no-repeat;}
ul#nav li#navProducts a.tl:hover {width:168px; height:26px; background: url(/Common/Images/Nav_Products-v2.png) 0px -26px no-repeat;}


ul#nav li#navProducts {width:92px;}
ul#nav li#navProducts a.tl {width:92px; height:26px; background: url(/Common/Images/Nav_Products.png) 0px 0px no-repeat;}
ul#nav li#navProducts a.tl:hover {width:92px; height:26px; background: url(/Common/Images/Nav_Products.png) 0px -26px no-repeat;}

ul#nav li#navNews {width:76px;}
ul#nav li#navNews a.tl {width:76px; height:26px; background: url(/Common/Images/Nav_News.png) 0px 0px no-repeat;}
ul#nav li#navNews a.tl:hover {width:76px; height:26px; background: url(/Common/Images/Nav_News.png) 0px -26px no-repeat;}

ul#nav li#navPartnerPrograms {width:141px;}
ul#nav li#navPartnerPrograms a.tl {width:141px; height:26px; background: url(/Common/Images/Nav_PartnerPrograms.png) 0px 0px no-repeat;}
ul#nav li#navPartnerPrograms a.tl:hover {width:141px; height:26px; background: url(/Common/Images/Nav_PartnerPrograms.png) 0px -26px no-repeat;}

ul#nav li#navProductGroups {width:135px;} /*was 135*/
ul#nav li#navProductGroups a.tl {width:135px; height:26px; background: url(/Common/Images/Nav_ProductGroups.png) 0px 0px no-repeat;}
ul#nav li#navProductGroups a.tl:hover {width:135px; height:26px; background: url(/Common/Images/Nav_ProductGroups.png) 0px -26px no-repeat;}

ul#nav li#navContactUs {width:107px;}
ul#nav li#navContactUs a.tl {width:107px; height:26px; background: url(/Common/Images/Nav_ContactUs.png) 0px 0px no-repeat;}
ul#nav li#navContactUs a.tl:hover {width:107px; height:26px; background: url(/Common/Images/Nav_ContactUs.png) 0px -26px no-repeat;}

ul#nav li#navLogin {width:115px;}
ul#nav li#navLogin a.tl {width:115px; height:26px; background: url(/Common/Images/Nav_Login.png) 0px 0px no-repeat;}
ul#nav li#navLogin a.tl:hover {width:115px; height:26px; background: url(/Common/Images/Nav_Login.png) 0px -26px no-repeat;}

ul#nav ul.subnav {width:142px}

.dnone {display:none}


/* Promotion Tabs */
#personal {float:left; width:199px; padding-bottom:16px}
#smallbusiness {float:left; width:199px; padding-bottom:16px}
#corporate {float:left; width:199px; padding-bottom:16px}

img {border:0px}	


p, #content #RightTxt ul, #content #RightTxt td.reg {font:0.8em Arial, Verdana; color:#666}
b {font:bold 1em Arial, Verdana; color:#666}
a {color:#666}
a:hover {color:#333}

#content #RightTxt #hdr {margin-left:-40px; height:51px; width:595px; padding-left:40px; padding-top:32px; padding-bottom:12px; background: url(/Common/Images/Background_Gradient_InternalHdr.jpg) 0px 0px no-repeat;}
#content #RightTxt ul {margin-left:0px; padding-left:23px}
#content #RightTxt li {margin-bottom:1em;}

#content #WhyInterchange li {font:0.8em Arial, Verdana; color:#666}
#content #WhyInterchange ul {margin-left:0px; padding-left:15px; padding-top:0px; margin-top:0px}
#content #WhyInterchange li {margin-bottom:0.4em;}

h1 {font:bold 1.2em Arial, Verdana; color:#60636C; margin-top:0em;}
h2 {font:bold 0.8em Arial, Verdana; color:#0098DB; margin-top:1em; margin-bottom:0em}
.upper {text-transform:uppercase; padding-left:20px}
.grey {color:#666}
td.labeltxt {font:bold 0.7em Arial, Verdana; color:#424242!important; line-height:2em; padding-left:20px; padding-right:20px; border-bottom:1px solid #9EA2A8;}
.redt {color:#FF2D00!important}
td.data {border-left:1px solid #9EA2A8; border-bottom:1px solid #9EA2A8; padding-left:20px; width:110px;}

th {font:bold 0.7em Arial, Verdana; color:#6C6F71; vertical-align:bottom; padding-bottom:5px; padding-top:5px; padding-left:20px; padding-right:20px; border-bottom:1px solid #9EA2A8; text-align:left; background-color:#C6C7CA}

.greybg {background-color:#C6C7CA}
td.TabTxt {background-color:#A1A7B0; width:169px; height:47px; vertical-align:top; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:10px; font:0.7em Arial, Verdana; line-height:1.2em; color:#FFF;}
a.TabTxt {color:#FFF; text-decoration:none}
a.TabTxt:hover {color:#333; text-decoration:none}

#news {background-image:url(/Common/Images/Background_NewsLyr.png); background-repeat:repeat-x; background-position:bottom left; }
#newsTxt {background-image:url(/Common/Images/BotCurveDkgrey_252px.gif); background-repeat:no-repeat; background-position:bottom left; padding-left:15px; padding-bottom:4px; height:280px}
ul.news {padding:0px; margin:0px; margin-top:10px;}
/*ul.news li {padding-left:27px; padding-right:18px; background-image:url(/Common/Images/ArrowRndGrey_18px.gif); background-repeat:no-repeat; background-position:0px 0px; list-style-type:none;}*/
ul.news li {padding-left:27px; padding-right:18px; background-image:url(/Common/Images/ArrowRndGrey_18px.gif); background-repeat:no-repeat; background-position:0px 0px; list-style-type:none;
font:0.8em Arial, Verdana; line-height:1.2em; color:#0098DB; text-decoration:none}
ul.news li a { font:0.8em Arial, Verdana; line-height:1.2em; color:#0098DB; text-decoration:none}
ul.news li a:hover { font:0.8em Arial, Verdana; line-height:1.2em; color:#666; text-decoration:none}

#startup {width:242px; margin-left:5px; margin-right:5px;}
td.startupTxt {padding-left:8px; padding-right:3px; padding-top:0px; padding-bottom:0px; background-image:url(/Common/Images/Background_Gradient_LightGrey.png); background-repeat:repeat-x; background-position:top left;}
ul.startupspecials {padding:0px; margin:0px; padding-top:6px;}
ul.startupspecials li {padding-left:18px; padding-right:5px; padding-top:3px; padding-bottom:3px; background-image:url(/Common/Images/ArrowGrey.gif); background-repeat:no-repeat; background-position:0px 7px; list-style-type:none; line-height:12px; }
ul.startupspecials li a {font:bold 0.7em Arial, Verdana; text-transform:uppercase; color:#FFF; text-decoration:none}
ul.startupspecials li a:hover {font:bold 0.7em Arial, Verdana; text-transform:uppercase; color:#666; text-decoration:none}

#webdevTxt {font:0.7em Arial, Verdana; line-height:1.2em; color:#FFF;}


/* Product Groups Tabs */
#plans {float:left; width:896px; padding-top:35px; padding-bottom:35px}
	#basic, #professional {float:left; width:285px; margin-right:19px}
	#premium {float:left; width:285px;}
	#basic, #professional, #premium {background-image:url(/Common/Images/Background_GradientPlan.png); background-repeat:repeat-x;} 
	
	.TabLightGrey {margin-left:7px; margin-right:8px; background-image:url(/Common/Images/Background_GradientPlanLight.png); background-repeat:repeat-x; }

table.plan {width:252px}
td.label, td.data {font:0.7em Arial, Verdana; color:#333}
td.label {padding-left:18px; background-image:url(/Common/Images/Blue_Dot.gif); background-repeat:no-repeat; background-position:8px 10px; vertical-align:top; padding-top:5px; padding-bottom:5px;}
b.BigRed {font:bold 0.9em Arial, Verdana; color:#FF0000; margin-left:8px; }
td.SmallBlue {font:0.7em Arial, Verdana; color:#38ABDD; padding-left:8px; padding-top:4px}
td.h24 {height:20px}
td.text {padding-left:20px; padding-right:20px; padding-top:6px; padding-bottom:6px}


.BuyItNow {margin-top:14px; text-align:right; padding-right:18px;  height:14px; padding-top:6px; padding-bottom:0px;  background-repeat:no-repeat; background-position:bottom left;}
a.WhiteArrow {padding-right:22px; font:bold 0.9em Arial, Verdana; color:#FFF; text-decoration:none; background-image:url(/Common/Images/ArrowDarkGrey.gif); background-repeat:no-repeat; background-position:top right;}	

.TabHdrLightGrey {background-image:url(/Common/Images/TabHdr_LightGrey199px.gif); background-repeat:no-repeat; background-position:top left; height:19px; padding-top:4px; padding-left:14px; padding-right:14px; width:172px}
a.TabHdr {font:bold 0.8em Arial, Verdana; color:#424242; text-decoration:none}
.TabFtrLightGrey {background-image:url(/Common/Images/TabFooter_DarkGrey199px.gif); background-repeat:no-repeat; background-position:top left; height:21px; padding-top:5px; padding-left:14px; padding-right:14px; width:172px}
a.TabFtr {font:bold 0.7em Arial, Verdana; color:#FFF; text-decoration:none}

form {display:inline}
input.full {width:445px}
input.med {width:155px}
input.reg {width:125px}
input.small {width:55px}

#contactus td {font:0.8em Arial, Verdana; color:#666; padding-right:20px; padding-top:2px; padding-bottom:4px}
select, input {font:1em Arial, Verdana; color:#262626;}
textarea {width:360px; height:65px;}
#MonChasseur {display: none;}/*Cache la zone de saisie visible seulement par les robots, je fais un test dans email.asp pour savoir si cette zone est bien vide*/

#contactus {
	height: 511 px;
	width: 567px;
	overflow: hidden;
	background-image: url(/Common/Images/Background_ContactUs2.jpg);
}

#txtbloque {display: none;}