/* COLOR KEY:

#def2bb = Light green (banner bg)
#6ba92f = Medium green
#7ebf41 = Logo / "Sign In." green
#1f471b = Dark green (headers, nav state, etc)
#eae7cf = Tan (Company)
#aee0ea = Blue (Support) 
#6e6e6e = Grey (Text color on all pages)

*/



/* Basics
----------------------------------------------*/
body {
  font-size: 62.5%; 
/*   opacity: .9999;    */
/* Sets Mac Firefox to a lighter font rendering mode, avoiding "ticker flicker" */
  }

#container {font-size: 1.2em;}

body, p, div, td, h1, h2, h3, h4, li {
  font-family: arial, helvetica, sans-serif;
  line-height: 1.5;
  }

td {text-align: left;}  /* For occasional IE6 bug */ 

p {
margin: 0 0 1em; 
line-height: 22px !important;
}

a {outline:none;}
  
img {
/*  display: block;*/
  border: 0; 
  }

img.inline {display: inline;}

form, input {
  margin: 0;
  padding: 0;
  }

input {font-size: .9em;}

#content a:link {color: #6ba92f;} /* Originally #7ebf40 */
#content a:visited {color: #6ba92f;} 
#content a:hover {color: #000;} 
#content a:active {color: #900;}


/* Layout stuff
----------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  text-align: center;
  /*background: #000 url(images/body_bg.jpg) repeat-x top left;*/
  background: #9aab07 url(images/body_bg_green2.jpg) fixed;
  }

body.popup {padding-top: 10px;} /* For (older) video tutorials */ 
  
#container {
  padding: 0 20px; /* For norrow browser viewports */
  margin: 0 auto;
  width: 920px;
  text-align: left;
  }

#container2 {
  margin: 0;
  padding: 0;
  width: 920px;
  float: left;
  position: relative;
  background: #fff;
  border: 0px solid #000;
  }
  
#container #batchPromotion{
  position:absolute;
  top: 210px;
  left:260px;
  z-index:90;
  }

#logo_nav_wrap, #content {
  padding-left: 30px;
  padding-right: 30px;
  width: 860px;
  }

#logo {
  padding: 10px 0 12px 0;
  float: left;
  position: relative;
  left: -4px;
  top: -2px;  
  }

#banner {
  padding: 0;
  width: 920px;
 /* height: 76px;*/
  height: 266px ;
  background-image:url(images/hr_green.gif) !important;
  overflow:hidden;
  }
  
#banner #bigmenu {
  width:320px; 
  height:264px; 
  float:left; 
  background:#fff url(images/contactez_nous.jpg) no-repeat 20px bottom; 
  margin: 1px 0px;
}

#banner #bigmenu.menuen {
  background:#fff url(images/contact_us.jpg) no-repeat 20px bottom !important; 
}

#banner #bigmenu h2{
  margin: 10px 0 0 75px;
  font-style:italic;
  color:#393939;
  }

#banner #bigmenu ul{
  margin: 5px 0 0 40px;
  }

#banner #bigmenu li{
	border-bottom: solid 1px #7ebe40;
	width:170px;
	list-style-type:none;
	margin: 3px 15px;
  }

#banner #bigmenu li a{
	text-decoration:none;
	display:block;
    color: #7ebe40; 
	margin-left:15px;
	font-weight:800;
	font-style:italic;
  }

#banner #bigmenu li a:hover{
	text-decoration:none;
    color: #000; 
  }

  
#banner #bigmenu li a:hover{
	text-decoration:none;
    color: #000; 
  }
#animation-wrap.wslide-wrap{
	margin-top:1px  !important;
	position:relative;
    background-image: url(images/pixel_white.gif);
	background-color:#fff;
	overflow: hidden;
}


ul#animation img{padding: 0; margin:0 ; !important}

#banner #bigmenu #animation-menu.wslide-menu li a{	padding: 0; margin:0; !important}

#animation-menu.wslide-menu{
	position:absolute;
	top:310px;
	left:738px;
	z-index:90;
}
#animation-menu.wslide-menu a{
	display:block;
	width:37px;
	height:25px;
	background-color:#000;
	color:#fff;
	float:left;
	margin:2px;
	text-align:center;
	text-decoration:none;
	padding: 0 0 3px 0 ;
	font-weight:800;
	font-size:18px;
}

#animation-menu.wslide-menu a.wactive{
	background:#fff url(images/bg_bouton.jpg) repeat-x !important;
	color:#000;
}





  
  
  

.nav_corp #banner, #banner.tan {background: #eae7cf url(images/bnr_bg_tan.gif) repeat-x top;}

.nav_what_is_en #banner, 
.nav_premium #banner,
.nav_download #banner, 
#banner.green {background: #def2bb url(images/bnr_bg_green.gif) ;}

.nav_support #banner, 
#banner.blue {background: #aee0ea url(images/bnr_bg_blue.gif) repeat-x top;}

.nav_dev #banner,
#banner.gray {background: #d1dbdd url(images/bnr_bg_gray.gif) repeat-x top;}

#banner img {padding-left: 30px;}

#col-wrapper {
  margin: 0;
  float: left;
  }

#content {
  margin: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #6e6e6e;
  float: left;
  }

#col_a, #col_b, #col_c, #col_d, #col_ab, #col_bc, #col_bcd, #col_cd {
  padding-right: 20px;
  float: left;
  position: relative;
  }

#col_a, #col_d {width: 150px;}
#col_bc {width: 520px;}
#col_b, #col_c {width: 250px;}
#col_bcd {width: 690px;}
#col_ab, #col_cd {width: 420px;}

#col_a.nosubnav {margin-top: 2em;}

#col_d, #col_bcd, #col_cd {padding-right: 0;}

/*#crumbs {
  margin: 0 0 20px;
  color: #a0a0a0;
  font-size: .9em;
  }

#crumbs a:link, #crumbs a:visited {
  color: #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  }

#crumbs a:hover, #crumbs a:active {
  color: #000;
  border-bottom: 1px solid #000;
  }*/

#footer {
  margin: 0 auto;
  padding: 0 0 3em;
  clear: both;
  height: 5em;
  font-size: .9em;
  color: #7a7a7a;
  background: #323232;  
  }

#footer a:link, #footer a:visited {color: #7a7a7a;}
#footer a:hover {color: #fff;}
#footer a:active {color: #000;}

#footer_container {
  margin: 0 auto;
  padding: 1.7em 30px; /* set L+R padding to the same value as #container */
  }

#footer_links, #footer_copyright {
  float: left;
  text-align: left;
  width: 500px;
  border: 0px solid #000
  }
  
#footer_copyright {
  float: right;
  text-align: right;
  width: 350px;
  }  


/* Header Rules
----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-weight: bold; 
  margin: 1em 0 0;
  }

h1 {
  margin: 0 0 .5em;
  font-weight: normal;
  font-size: 1.6em;
  color: #393939;
  }
  
h2 {
  font-size: 1.2em;
  color: #393939;
  }

.nav_corp h1, .nav_corp h2 {color: #50402a;} /*  Tan */

.nav_what_is_en h1, .nav_what_is_en h2, 
.nav_download h1, .nav_download h2 {color: #1f471b;} /*  Dark Green */

.nav_support h1, .nav_support h2,
.nav_dev h1, .nav_dev h2, {color: #2e3e54;} /*  Dark Blue */

#contact_webform h2 {margin-bottom: 1em;}

#reg_webform h2 {margin-bottom: 1em;}

h3 {
/*  
  font-size: .9em;
  text-transform: uppercase;
*/
  font-size: 1em;
  color: #323232;
  }
  
.topflush {margin-top: 0;}

h4, h5 {
  font-size: .9em;
  text-transform: uppercase;
  color: #323232;
  }

/* List Rules
----------------------------------------------*/

ul {
  padding: 0;
  margin: 0 0 1em;
  }

ol {
  margin-top: 0;
  margin-bottom: 1em;
  }

ul li ul, ol li ul {margin-bottom: 0;}

ol li {
  padding: 0;
  background: none; 
  list-style-type: decimal;
  }

ul li, ol li ul li {
  padding-left: .4em;
  margin-left: 3.1em;
  list-style-type: disc;
  }

DIV#col_a ul li, DIV#col_a ol li ul li {
  list-style-type: none;
}
  
ol.nobull {
  margin-left: 0;
  padding-left: 0;
  }

ul.nobull li, li.nobull, ol.nobull li {
  padding-left: 0;
  list-style-type: none;
  background: none;
  margin-left: 0;
  }  

ul.no_indent li, .anchors ul li {
  margin-left: 2em;
/*  padding: 0 0 0 1.3em;
  background: url(images/li_dark_green.gif) no-repeat .2em .5em; */
  }

#download_links ul.no_indent li {
  margin-left: 0;
  padding-top: 2px;
  }
  
ul.spacious li, ol.spacious li, .spacious {padding-bottom: 1em;}  

ul li ol li {
  padding: 0;
  margin: 0;
  }

ul li.icon_mac, ul li.icon_win, ul li.icon_u3 {
  margin-left: 0;
  padding-left: 28px; 
  list-style-type: none;
  }

ul li.icon_mac {background: url(images/li_icon_mac.gif) no-repeat top left;}

ul li.icon_win {background: url(images/li_icon_win.gif) no-repeat top left;}

ul li.icon_u3 {background: url(images/li_icon_u3.gif) no-repeat top left;}

ul li.icon_mac .indent, ul li.icon_win .indent, ul li.icon_u3 .indent {padding: 0 0 0 1.3em;}

.anchors {
  text-align:center;
  margin-bottom: 3em;
  padding-bottom: 10px;
  width: 260px;
  float: left;
  height:250px;
  background: url(images/bgs_anchors_bottom.gif) no-repeat bottom;
  }

.anchors h2 {
  margin: 0 0 1em;
 /* padding: 15px 10px 0;
  width: 240px;*/
  padding-top:10px;
  background: url(images/bgs_anchors_top.gif) no-repeat 0 0;
  font-size: 1.5em;
  font-weight: normal;
  font-size: 1.6em;
  color: #393939;
  
  }
  
.anchors img.left { }
  


.anchors ul, .anchors p {padding: 0 20px 1em; margin-top:20px;}

.anchors ul li ul {padding: 0 0 0 ;}



/* Table Stuff
----------------------------------------------*/ 
#content table {
  margin: 2em 0;
  border-left: 0px solid #ccc;
  }

#content table table {
  margin: 0;
  font-size: 1em !important;
  }

#content table caption {
  font-weight: bold;
  padding-bottom: .5em;  
  }

#content table th {
  padding: 5px;
  font-size: .9em;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  border-right: 0px solid #fff;
  }

#content table td {
  padding: 5px;
  vertical-align: top;
  border-bottom: 0px solid #ccc;
  }

#content table tbody td {border-right: 0px solid #ccc;}
  
#content #contact_webform table {margin: 0 0;}  

#content #contact_webform table .headroom {padding-top: 10px;}

#content table.stylish {
  margin: 2em 0;
  border-left: 1px dotted #ccc;
  border-top: 1px solid #ccc;
  }

#content table.stylish thead th {
  padding: 5px;
  font-size: .9em;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  color: #1f471b;
  background: #def2bb;
  border-right: 1px dotted #ccc;
  border-bottom: 1px solid #ccc;
  }

#content table.stylish td {
  padding: 5px;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
  }
  
#content table.stylish tr.alt td {
  background: #eee;
  }  

#content table.stylish td.comp_logo {
  padding: 5px 10px;
  vertical-align: middle;
  }

#content table.stylish td.comp_logo img {
  margin: 0 auto;
  }

#content table.stylish td.cta {
  vertical-align: middle;
  }

#content table.stylish tbody td {
  border-right: 1px dotted #ccc;
  }

#content table td.cta {white-space: nowrap;}


BODY.nav_premium #content table {
   border: 0;
   border-bottom: 5px solid #ddd;
   width: 100%;
   margin-top: 10px;
}

BODY.nav_premium #content table TR TD{
   border: 0;
   border-bottom: 1px solid #bbb;
}

BODY.nav_premium #content table TR TD IMG {
   margin: 0 auto;
   padding-top: 3px;
}

BODY.nav_premium #content table  {
  color: #1f471b;
}

BODY.nav_premium #content table TD.middlecol {
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
   text-align: center;
   color: #696969
}

BODY.nav_premium #content table TR.lastrow TD{
   border-bottom: 0px solid #bbb; 
}

BODY.nav_premium #content table TD.middlecol+TD {
   color: #67a832;
   text-align: center;
 
}

BODY.nav_premium #content table THEAD TR TD{
   border-bottom: 0;
   border-color: white !IMPORTANT;
   background-color: #BEE08C;
   color: #1f471b !IMPORTANT;
   font-size: 1.1em;
   font-weight: bold;
}

BODY.nav_premium #content table THEAD TR TD EM {
   font-size: 0.9em;
   font-weight: normal;
   font-style: normal;
}

BODY.nav_premium #content table THEAD TR TD.lightgreen {
  background-color: #DFF2BB;
}

BODY.nav_premium #content {
  font-size: 1em;
}

BODY.nav_premium #content .smaller {
  font-size: 0.9em;
}


/* Form Stuff
----------------------------------------------*/ 
span.required_message {
	font-style: italic;
	font-weight: bold;
	margin-left: 2.1em;
	line-height: 3em;
	font-size: 8pt;
}

form.support input {
	margin-top: 2px;
	margin-bottom: 2px;
}

form.support label {
	margin-right: 0.7em;
}

form.support input[type="radio"] {
	margin-right: 1em;
	margin-bottom: 0.5em;
	vertical-align: middle;
}

form.support li > span {
	font-weight: bold;
}

form.support span.submit {
	margin-left: 3.1em;
}

form.support span.submit input {
	margin-right: 10px;
}

form.support .error {
	color: red;
}

form.support .global_error_message {
	border: 1px solid red;
	background-color: #c9e39c;
	color: red;
	padding: 8px;
	margin: 8px;
}

form.support .error_message {
	color: red;
	font-style: italic;
	font-size: 10px;
	font-weight: normal;
}



/* Misc Stuff
----------------------------------------------*/ 
.inline {display: inline;}

hr, .hide, #skip {display: none;}

.back2top {
  padding: 20px 0 10px; 
  clear: both;
  }

.back2top a {
  padding: 20px 0 0;
  text-transform: lowercase;
  }

.hr_dots {
  position: absolute;
  left: -200px;
  width: 920px;
  }

.hr_dots.blue {background: url(images/hr_blue.gif) repeat-x top;}
.hr_dots.tan {background: url(images/hr_tan.gif) repeat-x top;}

.hr_dots a {
  position: relative;
  top: 15px;
  left: 30px;
  }

.indent {padding-left: 20px;}

#content .icon {
  padding-left: 15px;
  font-weight: bold;
  font-size: 1em;
  }

#content .icon.arrow_right {padding: 0 15px 0 0;}

#content .plus {background: url(images/icon_plus.gif) no-repeat left 2px;}
#content .download {background: url(images/icon_next.gif) no-repeat left 2px;}
#content .upload {background: url(images/icon_upload.gif) no-repeat left 2px;}
#content .arrow_left {background: url(images/icon_previous.gif) no-repeat left 2px;}
#content .arrow_right {background: url(images/icon_next.gif) no-repeat right 2px;}
#content .arrow_right_onleft {
  margin-right: 7px;
  padding: 0 0 0 14px;
  color: #6e6e6e; /*43a9c3*/
  height: 1em;
  background: url(images/icon_next_blue.gif) no-repeat left 1px;
  }

.prev_next {
  margin: 30px auto 20px;
  height: 3em;
  width: 690px;
  background: url(images/hr_tan.gif) repeat-x top;
  }
  
.prev_next2 {
  margin-bottom: 2em;
  padding: 4px 0px;
  float: left;
  width: 690px;
  background: url(images/hr_tan.gif) repeat-x bottom;
  }

.previous, .next {
  width: 325px;
  float: left;
  }

.next {
  text-align: right;
  float: right;
  border: 0px solid #000;
  }  

.img_right {
  margin: 0 0 10px 20px;
  padding: 10px;
  float: right;
  width: 260px;
  background: #fff;
  border: 1px solid #ccc;
  }

.img_right img {
  margin: 0 auto 10px;
  padding: 0px;
  border: 0px solid #ccc;
  }

.img_right p {
  margin-bottom: 0;
  font-size: .8em;
  font-weight: bold;
  text-align: center;
  }

.contact_col{
  margin-bottom: 2em;
  padding-right: 20px;
  width: 315px;
  float: left;
  background: #fff;
  }

.contact_col.right {
  padding: 0 0 0 20px; 
  width: 314px;
  border-left: 1px solid #ccc; 
  }

#contact_webform, #reg_webform {
  margin: 1em 0 2em;
  padding: 0 20px 20px;
  clear: both;
  width: 648px;
  background: #eee;
  border: 1px solid #ccc;  
  }
  
.video {text-align: center;}

iframe {
  margin: 0;
  padding: 0;
  }

img.grab {
  margin: 1em auto;
  padding: 4px;
  border: 0px solid #ccc;
  }
  
#shorty {height: 200px;}

.media_mention {
  margin: 0 0 2em;
  padding: 0 0 1em;
  background: url(images/hr_tan.gif) repeat-x bottom;
  border-bottom: 0px solid #ccc;
  }

#download_prod_thumbs {
  margin: 0 0 40px;
  float: left;
  width: 520px;
  }
  
#download_prod_thumbs img {
  padding-right: 20px;
  float: left;
  }
  
#download_links, 
#misc_links {
  padding: 1.5em 0 0;
  background: #fff url(images/hr_green.gif) repeat-x top;
  }
  
#download_links h2 {
  margin: 0 0;
  font-size: 1em;
  }  

#download_links a:link, #download_links a:visited {
  color: #7c7c7c; 
  font-weight: normal;
  }

#download_links a:hover {color: #000;}
  
.partner_logo {margin: 40px 0;}
  
.note {
  margin: 1em 0;
  padding: 10px 20px;
  color: #6b1701;
  background: #fcf9de;
  }
  
.intro {
  color: #1f471b;  
  font-size: 1.2em;
  font-weight: normal;
  }
  
.col1, .col2 {
  padding-right: 20px;
  width: 245px; /* NOT 250! Creates bug in Win IE6 */
  float: left;
  }
  
.col2 {padding-right: 0;}  

.col3, .col4, .col5 {
  padding-right: 20px;
  width: 160px; /* NOT 250! Creates bug in Win IE6 */
  float: left;
  }

.col5 {padding-right: 0;}  

.col_thirds {
  padding-right: 20px;
  width: 216px;
  float: left;
  }

.col_thirds.omega {
  margin-right: -3px; /* For IE 6, prevents repeat of last character outside of floated container */
  padding-right: 0;
  }

.col1.what_is_en, .col2.what_is_en {
  padding-left: 20px;
  margin: 0 0 40px 1px;
  width: 224px;
  float: left;
  background: url(images/dots_vertical_grey.gif) repeat-y top left;
  }

.sub_header {
  color: #6ba92f;
  font-weight: bold;
  }

.feature_link {
  padding: 0 0 2em;
  float: left;
  }

#content .feature_link a:link, #content .feature_link a:visited {
  color: #1f471b;
  line-height: 1.7;
  font-size: 1.2em;
  }

#content .feature_link a:hover {color: #000;}
  
.feature_link img {
  padding: 0 5px 0 20px;
  text-decoration: none;
  border:0;
  display: inline;
  float: left;
  }  

.clearer {clear:both;}


#search { /* Used on Support pages */
  padding: 1em 20px;
  margin: 1em 0;
  width: 478px;
  border: 1px solid #ccc;
  }

#col_d #search {
  padding: 0;
  margin: 0 0 2em;
  width: 150px;
  font-size: .9em;
  border: 0px solid #000;
  }

#search form, #search form input, #search form label {
  margin: 0; 
  padding: 0;
  vertical-align: middle;
  display: inline;
  }

#search label span {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1em;
  }
    
#searchbox {
  font-size: 1em;
  width: 300px;
  }

#col_d #searchbox {
  font-size: .9em;
  width: 115px;
  }

div.anchors h4 {
  padding: 0 0 0 30px;
  }


/* ----- support FAQ open/close layout ----- */
.faq_toggle_none {
background: url("images/icon_next.gif") no-repeat left center;
padding-left: 15px;
}
.faq_toggle_block {
background: url("images/icon_download.gif") no-repeat left center;
padding-left: 15px;
}
.faq_section {
margin-bottom: 5pt;
}
.faq_title {
font-size: 12pt;
font-weight: bold;
}
.faq_questions ul {
list-style-type: none;
margin: 0;
padding: 0;
margin-left: 15px;
margin-top: 5pt;
padding-bottom: 5pt;
}
.faq_questions li {
margin-bottom: 4pt;
}



/* Utility Links (at very top of all pages)
----------------------------------------------*/  

#util {
  padding: 9px 30px 0px 30px;
  height: 1.2em;
  background: #323232;  
  border: 0px solid #fff;
  }

#util ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
  float: right;
  }

#util li {
  padding: 0 7px;
  margin: 0;
  display: inline;
  line-height: 1.2;
  float: left;
  font-size: .95em;
  text-align: center;
  white-space: nowrap;
  background: none;
  border-right: 1px solid #7ebe40;
  }

#util li#util_support {
  padding-right: 0;
  border-right: 0;
  }

#util a {text-decoration: none;}

#util li a:link, #util li a:visited {color: #7ebe40;}

#util li a:hover, #util li a:active {color: #fff; text-decoration: underline;}

/* Language selector overrides */
#util ul#language {
  float: left;
}

#util ul#language li {
  padding: 0;
  border-right: 0;
}

/* Nav "You Are Here" Rules */
body.nav_support #util li#util_support a:link, body.nav_support #util li#util_support a:visited 
body.nav_dev #util li#util_dev a:link, body.nav_dev #util li#util_dev a:visited {
  color: #fff; 
  text-decoration: underline;
  }



/* Nav
----------------------------------------------*/
#nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 31px;
  float: right;
  position: relative;
  top: -10px;
  right: 0;
  }

#nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
  border: 0px solid #000;
  float:left;
  }

#nav li {
  padding: 0;
  margin: 0;
  display: inline;
  float: left;
  text-align: center;
  white-space: nowrap;
  background: none;
  border-left: 0px solid #fff;
  }

#nav li a {
  margin: 0 1px 0 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .9em;
  width: auto;
  display: block;
  float: left;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  }

#nav li a span {
  padding: 4px 23px;
  display: block;
  background: url(images/pixel_white.gif) no-repeat bottom right;}

#nav li a:link, #nav li a:visited {
  color: #fff; 
  background: #7ebf41 url(images/pixel_white.gif) no-repeat bottom left;
  }

#nav li#nav_signup a:link, #nav li#nav_signup a:visited {
  color: #fff; 
  background: #7ebf41 url(images/pixel_white.gif) no-repeat bottom left;
  }
  
#nav li a:hover, #nav li#nav_signup a:hover {
  color: #c9e39b; 
  background: #1f471b url(images/pixel_white.gif) no-repeat bottom left;
  }

#nav li a:active {color: #fff;}

/* Nav "You Are Here" Rules */
#nav li.active a , body.nav_what_is_en #nav li#nav_what_is_en a:visited, 
body.nav_blog #nav li#nav_blog a:link, body.nav_blog #nav li#nav_blog a:visited, 
body.nav_download #nav li#nav_download a:link, body.nav_download #nav li#nav_download a:visited, 
body.nav_my_notes #nav li#nav_my_notes a:link, body.my_notes #nav li#nav_my_notes a:visited, li a.active {
  color: #c9e39b;
  background-color: #1f471b;
  }



/* Subnav Rules
----------------------------------------------*/
.subnav h2 {
  margin-top: 0; 
  font-size: 1em;
  color: #717171;
  }

.subnav ul {
  margin: 2px 0 20px;
  padding: 0;
  list-style-type: none;
  width: 100%;
  }

.subnav li {
  margin: 0;
  padding: 0 0 0 15px;
  background: url(images/li.gif) no-repeat 3px 6px;  
  }

.subnav li a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-size: 1em;
  border: 0px solid #333;
  }

.subnav li a:link, .subnav li a:visited {color: #7ebe40;}

.subnav li a:hover {color: #000;}

.subnav li a:active {}

/* SubNav "You Are Here" Rules */
.sn_what_is_overview li#sn_what_is_overview a:link, .sn_what_is_overview li#sn_what_is_overview a:visited,
.sn_what_is_video li#sn_what_is_video a:link, .sn_what_is_video li#sn_what_is_video a:visited,  

.sn_tour_overview li#sn_tour_overview a:link, .sn_tour_overview li#sn_tour_overview a:visited, 
.sn_tour_mac li#sn_tour_mac a:link, .sn_tour_mac li#sn_tour_mac a:visited, 
.sn_tour_windows li#sn_tour_windows a:link, .sn_tour_windows li#sn_tour_windows a:visited, 
.sn_tour_mobile li#sn_tour_mobile a:link, .sn_tour_mobile li#sn_tour_mobile a:visited, 
.sn_tour_web li#sn_tour_web a:link, .sn_tour_web li#sn_tour_web a:visited, 

.sn_support_overview li#sn_support_overview a:link, .sn_support_overview li#sn_support_overview a:visited, 
.sn_support_getting_started li#sn_support_getting_started a:link, .sn_support_getting_started li#sn_support_getting_started a:visited, 
.sn_support_qa li#sn_support_qa a:link, .sn_support_qa li#sn_support_qa a:visited, 
.sn_support_web li#sn_support_web a:link, .sn_support_web li#sn_support_web a:visited, 
.sn_support_win li#sn_support_win a:link, .sn_support_win li#sn_support_win a:visited, 
.sn_support_mac li#sn_support_mac a:link, .sn_support_mac li#sn_support_mac a:visited, 
.sn_support_mob_web li#sn_support_mob_web a:link, .sn_support_mob_web li#sn_support_mob_web a:visited, 
.sn_support_mob_win li#sn_support_mob_win a:link, .sn_support_mob_win li#sn_support_mob_win a:visited, 
.sn_support_release li#sn_support_release a:link, .sn_support_release li#sn_support_release a:visited, 
.sn_support_known_problems li#sn_support_known_problems a:link, .sn_support_known_problems li#sn_support_known_problems a:visited, 
.sn_support_imap li#sn_support_imap a:link, .sn_support_imap li#sn_support_imap a:visited, 
.sn_support_en2users li#sn_support_en2users a:link, .sn_support_en2users li#sn_support_en2users a:visited, 
.sn_support_feedback li#sn_support_feedback a:link, .sn_support_feedback li#sn_support_feedback a:visited,
.sn_support_status li#sn_support_status a:link, .sn_support_status li#sn_support_status a:visited,  

.sn_dev_overview li#.sn_dev_overview a:link, .sn_dev_overview li#.sn_dev_overview a:visited, 
.sn_dev_api li#.sn_dev_api a:link, .sn_dev_api li#.sn_dev_api a:visited,
.sn_dev_mac li#.sn_dev_mac a:link, .sn_dev_mac li#.sn_dev_mac a:visited, 
.sn_dev_win li#.sn_dev_win a:link,.sn_dev_win  li#.sn_dev_win  a:visited, 

.sn_corp_overview li#sn_corp_overview a:link, .sn_corp_overview li#sn_corp_overview a:visited, 
.sn_corp_news li#sn_corp_news a:link, .sn_corp_news li#sn_corp_news a:visited, 
.sn_corp_partners li#sn_corp_partners a:link, .sn_corp_partners li#sn_corp_partners a:visited, 
.sn_corp_jobs li#sn_corp_jobs a:link, .sn_corp_jobs li#sn_corp_jobs a:visited, 
.sn_corp_contact li#sn_corp_contact a:link, .sn_corp_contact li#sn_corp_contact a:visited, 
.sn_corp_tos li#sn_corp_tos a:link, .sn_corp_tos li#sn_corp_tos a:visited, 
.sn_corp_privacy li#sn_corp_privacy a:link, .sn_corp_privacy li#sn_corp_privacy a:visited 
  {color: #1f471b;}
  

/* Tabnav Rules (as seen on Support > Video Tutorials page)
----------------------------------------------*/
.tabnav {
  margin: 1em 0 1em;
  padding: 0 0 0 0px;
  float: left;
  width: 690px;
  height: 24px;
  background: url(images/tab_bottom.gif) repeat-x bottom; /* Light Blue */
  background: url(images/tab_bottom_green.gif) repeat-x bottom; /* Light Green */  
  border: 0px solid red;
  }

#content .tabnav ul#subtabs li {
  margin: 0; 
  padding: 0;
  display: inline;
  list-style-type: none;
  background-image: none;
  }

#content .tabnav ul#subtabs li a:link, #content .tabnav ul#subtabs li a:visited {
  padding: 2px 10px 2px 10px;
  margin-right: 1px;
  float: left;
  font-size: 1em;
  line-height: 1.5;
  font-weight: plain;
  text-decoration: none;
  color: #43a9c3; /* Blue */
  color: #6ba92f; /* Green */  
  background: #fff;
  border: 1px solid #aee0ea; /* Light Blue */
  border: 1px solid #bedf8c; /* Light Green */  
  }

#content .tabnav ul#subtabs li a:link.active, #content .tabnav ul#subtabs li a:visited.active {
/* This a's class is needed for control.tabs javascript*/
  color: #2e3e54; /* B20838 */
  background: #aee0ea; /* Light Blue */
  background: #bedf8c; /* Light Green */
  border-bottom: 1px solid #aee0ea !important; /* Light Blue */
  border-bottom: 1px solid #bedf8c !important; /* Light Green */
  }

#content .tabnav ul#subtabs li a:hover {
  color: #2e3e54;
  background-color: #bedf8c;
  }

#content #tab1, #content #tab2, #content #tab3, #content #tab4, #content #tab5 {float: left; border: 0px solid red;}

DIV.msteps ul.rows {
  margin: 0 0 2em;
  padding: 0;
  float: left;
  width: 520px;
  border: 0px solid green;
  background: url(images/hr_grey.gif) repeat-x bottom;
  }

DIV.msteps ul.rows li {
  margin: 0;
  padding: 1em 0 1em 20px;
  width: 500px;
  list-style-type: none;
  float: left;
  background: url(images/hr_grey.gif) repeat-x top;
  }

DIV.msteps ul.rows li .col {
  padding-right: 20px;
  float: left;
  width: 280px;
  border: 0px solid #000;
  }

DIV.msteps ul.rows li h3 {
  margin-top: 0;
  color: #7ebe40;
  font-size: 1em;
  text-transform: none;
  }

DIV.msteps ul.rows li .col p {
  margin-bottom: 0;
  font-size: .9em;
  }

DIV.msteps ul.rows li .col_link {
  float: left;
  width: 200px;
  border: 0px solid #000;
  }



/* Product Recommendations Rules
----------------------------------------------*/

#recprod_wrap {
  margin: 10px 0 20px;
  width: 690px;
  float: left;
  background: #fff url(images/recprod_wrap_mid.gif) repeat-y left top;
  }

#recprod_wrap2 {
  padding-top: 0px;
  float: left;
  background: url(images/recprod_wrap_top.gif) no-repeat left top;
  }

#recprod_wrap3 {  
  padding-bottom: 0px;
  float: left;
  background: url(images/recprod_wrap_bottom.gif) no-repeat left bottom;
  }


#recprod_info {
  margin: 20px 0;
  padding: 0 20px;
  min-height: 30em; /* Make same as the next rule's height hack */
  width: 434px;
  float: right;
  border-right: 1px solid #cae4af;
  }

/* This is a Min-Height hack for IE6 */
  /*\*/
  * html #recprod_info {
    height: 30em;
    }
  /**/

#recprod_info h2 {
  margin: 0 0 20px;
  font-size: 1.3em;
  }

.recprod_intro {
  font-weight: bold;
  }

#recprod_menu {
  padding: 20px 20px 0 0;
  float: right;
  width: 195px;
  }
  
#recprod_menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  }

#recprod_menu ul li {
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
  border: 0px solid red;
  }


#recprod_menu ul li a {
  padding: 5px 0 5px 20px;
  display: block;
  width: 175px;
  height: 25px;
  line-height: 2;
  text-decoration: none;
  border-bottom: 1px solid #cae4af;
  }

#recprod_menu ul li a:hover, 
#recprod_menu ul li.current a:link, 
#recprod_menu ul li.current a:visited {
  color: #1f471b;
  background: url(images/icon_previous.gif) no-repeat 8px center;
  }

#recprod_menu ul li.current a {
  font-weight: bold;
  }

#recprod_menu ul li a span.recprod_menu_icon {
  padding: 0;
  float: left;
  width: 30px;
  }

#recprod_menu ul li a img {
  margin: 0 auto;
  }

.recprod_photo {
  padding: 0 20px 5px 0;
  float: left;
  width: 175px;
  }

.recprod_desc {
  float: left;
  width: 239px;
  }

#content a.buy_button:link, #content a.buy_button:visited {
  width: 62px;
  height: 22px;
  line-height: 1.9;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: .9em;
  text-decoration: none;
  color: #fff;
  background: #7ebf41 url(images/button_bg.gif) no-repeat center center 

  }

#content a.buy_button:hover {
  color: #000;
  }

#footer_links ul {
 margin:0;
 padding:0;
 text-align:left;
}

#footer_links ul li{
 float:left;
 list-style-type: none; 
 margin:0;
 padding:0px 10px;
 text-transform:uppercase
 }

#footer_links ul li a{
  text-decoration:none
  }
  
ul.codepostal{ 
	padding: inherit;
	margin: inherit;
	margin-left: 25px;
	margin-top:10px;
	height: inherit;
	list-style-type: disc;
}

#content ul.codepostal li{ 
	list-style-type: disc;
	margin-left:10px;
}
#content ul.codepostal li span{
font-weight:800}

.error{ 
 color:red;
 font-weight: 800;
}
  
input[type=text], input[type=password]{
width:225px;
height:25px;
border: dashed 1px #999 ;
font-size:20px;
color:#999;
}

input[name=codepostal] {
width:100px;
text-transform:uppercase;
}

input[type=submit],input[type=reset] {
padding:5px ;
font-size:14px;
color:#999;
}  

dd, dl, table, td, tr{
  margin:5px 0px!important;
  padding:0 !important;
}  
 tr{
 font-size:14px;
}  
blockquote {
	background-image:url(images/Circle_Help.gif);
	background-repeat:no-repeat;
	background-position: 0 15px;
	min-height:40px;
	padding-left:40px;
	padding-top:20px;
	line-height:24px;
	font-style:italic;
	margin-top:20px;
	margin-bottom:-10px; 
	font-size:18px;
	quotes: "\201C" "\201D";
}

#menugalerie a, a.readmore{
 display:block;
 background: #fff url(images/btn_arrow_right.gif) no-repeat 0 0 ;
 float:left;
 margin: 3px 15px 3px 0px;
 color: #1f471b;
 line-height: 1.7;
 font-size: 1.2em;
 text-decoration:none; 
}

#menugalerie a span, a.readmore span{
 padding-left: 25px;
}

div.anchors p a {
 display:inline !important;
 background: #fff url(images/icon_next.gif) no-repeat 0 2px ;
 text-decoration:none;
}

div.anchors p a span{
 padding-left: 15px;
}

div.anchors img {
 margin:-10px 0 0 0 ;
}

div#product {
 text-align:center; 
}

div#product ul{
 text-align:left;
}

div#product ul li{
 list-style-type:none;
 list-style-image:url(images/icon_plus.gif) 
 
}

div#product p{
 text-align:left; 
}

#TB_next {
/* background: #fff url(images/btn_arrow_right.gif) no-repeat 0 0 !important;
 padding: 3 0 0 25px !important;
*/}

#TB_next a{  
/* color:red !important;
*/}

form[name=frmPage] a{
text-transform:uppercase;
color:red !important;
}

li.specialDet{
	border: 1px dashed #999;
	background : #fff url(images/specialDet.jpg) no-repeat -10px 5px;
	margin: 10px 0;
	height: 75px;
	
}
li.specialDeten{
	border: 1px dashed #999;
	background : #fff url(images/specialDeten.jpg) no-repeat -10px 5px;
	margin: 10px 0;
	height: 75px;
}