@charset "utf-8";

body
{
   background: #fff;
   color: #444;
   font: normal 10pt/13pt "Helvetica Neue" , Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
}

h1, h2
{
   float: left;
   font: normal 20pt Helvetica, "Helvetiva Heue" , Arial, sans-serif;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
}

h3
{
   font: bold 15pt/16pt Arial, Helvetica, sans-serif;
   margin: 0 0 0.5em;
}

h4
{
   font: bold 11pt/14pt Arial, Helvetica, sans-serif;
   margin: 0;
}

a
{
   color: #2a73e9;
   outline: none;
}
a:hover
{
   color: #ff7f00;
}
a img
{
   border: none;
}

form, dl
{
   margin: 0;
}

dd
{
   margin: 0 0 1em 0;
}

ul li
{
   padding-bottom: 4px;
}

.clear
{
   clear: both;
   height: 0;
   overflow: hidden;
}

.blue
{
   color: #2a73e9;
}
.grey
{
   color: #444;
}
.orange
{
   color: #ff7f00;
}

.no-margin
{
   margin: 0;
}

.pad-10
{
   padding: 10px;
}

.br
{
   background: url('../images/br.gif') repeat-x;
   height: 2px;
   margin: 25px 0 20px;
}

.br br
{
   border: 0;
}

.box-top
{
   background: url('../images/box-top.gif') no-repeat;
   height: 6px;
   width: 290px;
}
.box-bottom
{
   background: url('../images/box-bottom.gif') no-repeat bottom;
   padding: 30px;
   width: 230px;
}

.login-input
{
   border: 1px solid #ccc;
   padding: 4px 3px;
   width: 220px;
}

.license-input
{
   background: #fff9e0;
   border: 1px solid #ccc;
   padding: 6px 4px;
   width: 250px;
}

#wrapper
{
   margin: 0 auto;
   width: 900px;
}

#header
{
   height: 200px;
   padding-top: 20px;
   position: relative;
}

#interactivebrands-logo
{
   background: url('../images/interactivebrands-logo.gif') no-repeat;
   display: block;
   height: 0;
   left: 11px;
   overflow: hidden;
   padding-top: 69px;
   position: absolute;
   top: 20px;
   width: 189px;
}

#language
{
   color: #999;
   float: right;
   font-size: 8pt;
   position: absolute;
   right: 15px;
   text-align: right;
   top: 20px;
   z-index: 10;
}

#language-menu
{
   background: #f2f6fe;
   border: 1px solid #b9c6fe;
   border-bottom: none;
   border-top: none;
   margin: 0;
   padding: 0;
   width: 100px;
}

#language-menu li
{
   border-bottom: 1px solid #b9c6fe;
   list-style: none;
   margin: 0;
   padding: 0;
   text-align: right;
}

#language-menu li a
{
   display: block;
   padding: 1px 4px;
   text-decoration: none;
}

#language-menu li a:hover
{
   text-decoration: underline;
}

#header-nav
{
   clear: right;
   margin: 26px 0 0 0;
   padding: 0;
   position: absolute;
   right: 15px;
   top: 37px;
}

#header-nav li
{
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
}

#header-nav li a
{
   color: #444;
   display: block;
   margin-left: 35px;
   padding: 2px 0 1px;
   text-decoration: none;
}

#header-nav li a:hover
{
   border-bottom: 2px solid #ff7f00;
   color: #ff7f00;
}

#banner
{
   position: absolute;
   top: 100px;
}

#login
{
   float: right;
}
#login dt
{
   color: #777;
}

#forgot-password-link
{
   font-size: 8pt;
}

#forgot-password
{
   background: #f2f6fe;
   border: 1px solid #b9c6fe;
   font: normal 8pt/10pt Arial, Helvetica, sans-serif;
   margin-top: 1em;
   padding: 2em;
}

.forgot-password-input
{
   margin: 0.5em 0;
   padding: 2px 3px;
   width: 175px;
}

.loginbtn
{
   margin-top: 1em;
}
#create-account-btn
{
   margin-top: 1em;
}

#main-sm
{
   width: 580px;
}

.tab-wrapper
{
   border: 1px solid #ccc;
   clear: both;
   margin: 0;
   padding: 1em 1.5em;
   z-index: 10;
}

.tab-menu
{
   border-left: 1px solid #ccc;
   float: left;
   list-style: none;
   margin: 0 0 -1px;
   overflow: auto;
   padding: 0;
}

.tab-menu li
{
   border-right: 1px solid #ccc;
   float: left;
   line-height: 2em;
   margin: 0;
   padding: 0;
}

.tab-menu li a
{
   border-top: 1px solid #fff;
   font-weight: bold;
   display: block;
   padding: 3px 12px;
   text-decoration: none;
}

.tab-menu li a:hover, .tab-menu li a:focus
{
}

.tab-menu li.tab-selected a
{
   background: #fff url('../images/tab-selected-bg.gif') repeat-x top;
   border-top: 1px solid #ccc;
   color: #777;
   text-decoration: none; /* your effect here */
}

.software-list h5
{
   font: bold 15pt/17pt Arial, Helvetica, sans-serif;
   margin: 0;
}

.software-list h6
{
   color: #999;
   font: italic 12pt/14pt Arial, Helvetica, sans-serif;
   margin: 0;
}

.software-list tr td
{
   border-top: 1px solid #eee;
   vertical-align: top;
}
.software-list tr.first td
{
   border-top: none;
}
.software-list tr td table tr td
{
   border: none;
}

.software-list .product-description
{
   padding: 2em 0 1em;
}

.software-list .product-image
{
   padding: 2em 30px 0 0;
   text-align: center;
   width: 220px;
}

.license-key dt
{
   font-weight: bold;
}

#support
{
   text-align: center;
}

#montreal-top
{
   background: url('../images/box-montreal-top.gif') no-repeat;
   height: 6px;
}

#montreal-bottom
{
   background: url('../images/box-montreal-bottom.gif') no-repeat bottom;
   height: 340px;
   padding: 30px;
}

.contact-title
{
   border-bottom: 1px solid #bbb;
   display: block;
   font: bold 14pt Arial, Helvetica, sans-serif;
   width: 270px;
}

.address-group
{
   float: left;
   width: 330px;
}

.address-group p
{
   margin-top: 0.5em;
}

.contact-email
{
   margin-top: 30px;
}

#footer
{
   border-top: 1px solid #ddd;
   font-size: 8pt;
   margin-top: 30px;
   padding: 20px 0 80px;
   text-align: center;
}

#footer-nav
{
   margin: 0;
   padding: 0;
}

#footer-nav li
{
   border-left: 1px solid #bbb;
   display: inline;
   list-style: none;
   margin: 0;
   padding: 0;
}
#footer-nav li.first
{
   border-left: none;
}

#footer-nav li a
{
   color: #444;
   margin: 0 10px 0 13px;
   text-decoration: none;
}

#footer-nav li a:hover
{
   color: #ff7f00;
}
/*members*/
#texte_members { position:absolute; left:386px; top:547px; width:369px; height:125px; }
#what_is { position:absolute; left:382px; top:512px; width:380px; height:33px; }
#main_features_members { position:absolute; left:34px; top:529px; width:261px; height:204px;}
#texte_main_members { position:absolute; left:415px; top:592px; width:217px; height:252px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }
#cadre { position:absolute; left:64px; top:124px; width:399px; height:500px; padding-top: 25px; padding-left: 20px; padding-right: 20px; border: solid 1px #CCCCCC; }
#ressources { position:absolute; left:34px; top:1px; width:152px; height:104px; padding-top: 25px; }
#activate { position:absolute; left:48px; top:155px; width:268px; height:33px; }
#texte_ressources { position:absolute; left:52px; top:203px; width:252px; height:105px; }
#texte_ressources2 { position:absolute; left:-360px; top:507px; width:339px; height:43px; }
#texte_members2 { position:absolute; left:528px; top:62px; width:187px; height:50px; }
#download-quad-registry_2 { position:absolute; left:254px; top:235px; width:164px; height:62px;  }
#screen { position:absolute; left:35px; top:148px; width:155px; height:127px;  }
#screenshot_product { position:absolute; left:482px; top:175px; width:305px; height:36px; }
#customers { position:absolute; left:0px; top:-6px; width:272px; height:307px; padding-left: 20px; padding-top: 25px; }
#texte_customers { position:absolute; left:-1px; top:56px; width:271px; height:274px; }
#form_members{ position:absolute; left:51px; top:364px; width:149px; height:44px; }
#texte_form_members{ position:absolute; left:51px; top:320px; width:152px; height:41px; }
#access-quad-registry { position:absolute; left:14px; top:326px; width:280px; height:62px; }
div#bonus { position:absolute; width:318px; height:361px; left: 64px; top: 676px; z-index:3; border: solid 1px #CCCCCC; padding-top: 25px; padding-left: 20px; padding-right: 15px; }
#pdf_wizard{ position:absolute; left:68px; top:871px; width:653px; height:103px; border: solid 1px #CCCCCC; padding-left: 30px; }
#one_se{ position:absolute; left:33px; top:1087px; width:653px; height:1226px; border: solid 0px #CCCCCC; padding-left: 30px; padding-top: 1px; }
#epdf{ position:absolute; left:65px; top:1051px; width:653px; height:188px; border: solid 1px #CCCCCC; padding-left: 30px; padding-top: 10px; }
#spyerazer{ position:absolute; left:66px; top:1122px; width:653px; height:113px; border: solid 1px #CCCCCC; padding-left: 30px; }
#number1 { position:absolute; left:53px; top:113px; width:33px; height:33px; z-index: 3; }
#number2 { position:absolute; left:51px; top:664px; width:33px; height:33px; z-index: 4; }
#number3 { position:absolute; left:10px; top:-10px; width:33px; height:33px; z-index: 3; }
#cadre_ressources { position:absolute; left:536px; top:123px; width:216px; height:442px; border: solid 1px #CCCCCC; }
#cadre_customers{ position:absolute; left:447px; top:676px; width:305px; height:386px; border: solid 1px #CCCCCC; }