/* Generic styles */
* {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 150%;
  letter-spacing: -0.5px;
}

body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 13px;
  color: #2A2A2A;
  background: #F2F2F2;
}

ul {
  list-style: none inside none;
  margin: 0px 0px 0px 12px;
}

h2 {
  font-weight: bolder;
  font-size: 22px;
  color: #2A2A2A;
}

h3 {
  font-size: 18px;
  color: #2A2A2A;
}

h6 {
  font-weight: bold;
  font-size: 12px;
}

p {
  margin: 6px 0px 16px 0px;
}

p.little {
  font-size: 12px;
  color: #777777;
  line-height: 130%;
}

a:link,
a:visited,
a {
  color: #774B14;
  cursor: pointer;
  text-decoration: none;
}

a:focus,
a:active,
a:hover {
  text-decoration: underline;  
}

ins {
  color: #116622;
  font-weight: bold;
}

.js-hidden {
  display: none;
}

span.success {
  color: #116622;
}

div.msg-error,
span.error {
  color: #DC0000;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.container {
  position: relative;
}

.ohm-button {
  display: inline-block;
  margin: 4px 3px 0px 9px;
  padding: 3px 8px 0px 8px;
  white-space: nowrap;
  -moz-border-radius: 0px 9px 9px 9px; /* FF */
  -webkit-border-radius: 0px 9px 9px 9px; /* Chrome, Safari */
  border-radius: 0px 9px 9px 9px; /* W3C */
  border-width: 1px;
  border-style: solid;
  border-color: #7A5829; 
  background: url(../../media/v5/button_fade_off.png) 0% 0% repeat-x #7A5829; 
  cursor: pointer;
  color: #FFFFFF;
  font-size: 12px;
  height: 19px;
  min-height: 19px;
}

input.ohm-button {
  padding: 0px 8px 0px 8px;
  height: 24px;
  min-height: 24px;
}

.ohm-button a,
a.ohm-button {
  color: #FFFFFF !important;
}

a.ohm-button:hover,
a.ohm-button:focus,
a.ohm-button:active {
  text-decoration: none !important;
}

.ohm-button:hover, .ohm-button:focus, .ohm-button:active {
  border-color: #543817; 
  background: url(../../media/v5/button_fade_hover.png) 0% 0% repeat-x #543817; 
}

.ohm-button.cancel {
  border-color: #949494;
  background: url(../../media/v5/cancel_fade_off.png) 0% 0% repeat-x #949494;
}

.ohm-button.cancel:hover, .ohm-button.cancel:focus, .ohm-button.cancel:active {
  border-color: #543817; 
  background: url(../../media/v5/cancel_fade_hover.png) 0% 0% repeat-x #543817; 
}

.ohm-box {
  position: relative;
  -moz-box-shadow: 0px 2px 4px 0px #808080;
  -webkit-box-shadow: 0px 2px 7px 0px #808080;
  -o-box-shadow: 0px 2px 7px 0px #808080;
  box-shadow: 0px 2px 7px 0px #808080;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#808080, Direction=180, Strength=4);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #FFFFFF;
  background: -moz-linear-gradient(top,  #FFFFFF 0%, #F7F7F7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F7F7F7));
  background: -webkit-linear-gradient(top,  #FFFFFF 0%,#F7F7F7 100%);
  background: -o-linear-gradient(top,  #FFFFFF 0%,#F7F7F7 100%);
  background: -ms-linear-gradient(top,  #FFFFFF 0%,#F7F7F7 100%);
  background: linear-gradient(to bottom,  #FFFFFF 0%,#F7F7F7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F7F7F7',GradientType=0 );
}

.ohm-box2.hovering:hover,
.ohm-box.hovering:hover {
  -moz-box-shadow: 0px 2px 4px 0px #202020;
  -webkit-box-shadow: 0px 2px 7px 0px #202020;
  -o-box-shadow: 0px 2px 7px 0px #202020;
  box-shadow: 0px 2px 7px 0px #202020;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#202020, Direction=180, Strength=4);
  cursor: pointer;
}

.ohm-box2 {
  position: relative;
  -moz-box-shadow: 0px 2px 4px 0px #808080;
  -webkit-box-shadow: 0px 2px 7px 0px #808080;
  -o-box-shadow: 0px 2px 7px 0px #808080;
  box-shadow: 0px 2px 7px 0px #808080;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#808080, Direction=180, Strength=4);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #FFFFFF;
}

/* Main layout and menus */
#footer,
#wrapper {
  margin: 0px auto 0px auto;
  width: 1000px;
}

#header {
  height: 75px;
  margin: 0px 0px 22px 0px;
}
   
#header-top {
  background: url(../../media/v5/header_band_top_repeat.png) 0% 0% repeat-x;
  height: 50px;
}

#header-top .logo {
  float: left;
  padding: 11px 0px 0px 15px;
}

a#ohmforce-logo {
  background: url(../../media/v5/header_logo_ohmforce.png);
  width: 139px;
  height: 23px;
  display: block;
}

#header-top .social, #header-top .personal-menu {
  float: right;
}

#header-top .social {
  padding: 8px 12px 0px 0px;
}

#header-top .social a {
  margin: 0px 0px 0px 2px;
  display: inline-block;
  width: 32px;
  height: 32px;
}

#header-top .social .youtube {
  background: url(../../media/v5/icon_youtube_hover.png) 0% 0% no-repeat;
}

#header-top .social .twitter {
  background: url(../../media/v5/icon_twitter_hover.png) 0% 0% no-repeat;
}

#header-top .social .facebook {
  background: url(../../media/v5/icon_facebook_hover.png) 0% 0% no-repeat;
}

#header-top .social .twitter:hover span,
#header-top .social .facebook:hover span,
#header-top .social .youtube:hover span {
  background: none !important;
}

#header-top .social .youtube span.hover {
  background: url(../../media/v5/icon_youtube.png) 0% 0% no-repeat;
  display: block;
  width: 32px;
  height: 32px;
}

#header-top .social .twitter span.hover {
  background: url(../../media/v5/icon_twitter.png) 0% 0% no-repeat;
  display: block;
  width: 32px;
  height: 32px;
}

#header-top .social .facebook span.hover {
  background: url(../../media/v5/icon_facebook.png) 0% 0% no-repeat;
  display: block;
  width: 32px;
  height: 32px;
}

#header-top .personal-menu {
  padding: 16px 28px 0px 0px;
}

#header-top .personal-menu a, #header-top .personal-menu .sep {
  color: #BC954E;
}

#header-top .personal-menu .sep {
  margin: 0px 6px 0px 6px;
}

#main-menu {
  height: 25px;
}

#main-menu .menu {
  display: inline-block;
  width: 140px;
  text-align: center;
  float: left;
  height: 25px;
  cursor: pointer;
  background: url(../../media/v5/header_menu_background_hover.png) 0% 0% repeat-x;
  padding: 0px 0px 0px 0px;
}

#main-menu .menu:first-child, #main-menu .menu:last-child {
  width: 141px;
}

#main-menu .menu a {
  background: url(../../media/v5/header_menu_background.png) 0% 0% repeat-x;
  width: 140px;
  height: 25px;
  display: block;
}

#main-menu .menu:hover a {
  background: none !important;
}

#main-menu .menu a {
  font-size: 14px;
  color: #DADADA;
}

#main-menu .menu a:focus,
#main-menu .menu a:active,
#main-menu .menu a:hover {
  text-decoration: none;  
}


#main-menu .sep {
  width: 3px;
  height: 25px;
  background: url(../../media/v5/header_menu_separator.png) 0% 0% no-repeat;
  float: left;
  display: inline-block;
}

/* Dialogs (login) */
.ui-dialog {
  background-color: #F4F1E7;
  border: 1px solid #B09D77;
  box-shadow: 5px 5px 50px 3px #000000;
  color: #363636;
}

.ui-widget-overlay {
  background-color: #000000;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
}

.ui-dialog-titlebar {
  display: none;
}

#login-dialog {
  height: 115px !important;
  margin: 15px 24px;
  min-height: 115px !important;
  padding: 0;
}

#login-dialog #logform {
  position: absolute;
}

#login-dialog .loginbox-input label {
  float: left;
  margin: 0 9px 0 0;
  padding: 4px 0 0;
  text-align: right;
  width: 60px;
}

#login-dialog .loginbox-input input {
  border: 1px solid #D7CEB7;
  color: #363636;
  float: left;
  margin: 0 0 9px;
  padding: 4px 9px;
  width: 320px;
}

#login-dialog .remember {
  float: left;
  margin: 0 0 0 68px;
}

#login-dialog .remember input {
  margin: 0 2px 5px 0;
}

#login-dialog .forgot {
  float: right;
  margin: 0 3px 0 0;
}

#login-dialog .submit-button {
  clear: both;
}

#login-dialog .submit-button, #login-dialog #login-cancel {
  float: right;
}
  
/* Company Page */
#cmp-contact, #cmp-press, #cmp-news {
  float: left;
  width: 274px; /* 326 - 26 * 2 */
  height: 226px; /* 262 - 14 * 2 */
  display: block;
  padding: 14px 26px 14px 26px;
}

#cmp-press, #cmp-news, #cmp-testi {
  margin: 0px 0px 17px 11px;
}

#cmp-about {
  float: left;
  width: 530px; /* 630 - 50 * 2 */
  height: 1929px;
  display: block;
  padding: 37px 50px 37px 50px;
}

#cmp-testi {
  float: left;
  width: 317px; /* 359 - 21 * 2 */
  display: block;
  padding: 37px 21px 37px 21px;
  height: 1929px;
}

#cmp-social {
  margin: 0px 0px 20px 30px;
  width: 235px;
  height: 64px;
  display: block;
}

#cmp-social a {
  float: left;
  margin: 0px 7px 0px 0px;
  width: 64px;
  height: 64px;
  display: inline-block;
}

#cmp-social .youtube span.hover {
  background: url(../../media/v5/company_youtube_off.png) 0% 0% no-repeat;
  width: 64px;
  height: 64px;
  display: block;
}

#cmp-social .youtube {
  background: url(../../media/v5/company_youtube_hover.png) 0% 0% no-repeat;
}

#cmp-social .facebook:hover span,
#cmp-social .twitter:hover span,
#cmp-social .youtube:hover span {
  background: none !important;
}

#cmp-social .twitter span.hover {
  background: url(../../media/v5/company_twitter_off.png) 0% 0% no-repeat;
  width: 64px;
  height: 64px;
  display: block;
}

#cmp-social .twitter {
  background: url(../../media/v5/company_twitter_hover.png) 0% 0% no-repeat;
}

#cmp-social .facebook span.hover {
  background: url(../../media/v5/company_facebook_off.png) 0% 0% no-repeat;
  width: 64px;
  height: 64px;
  display: block;
}

#cmp-social .facebook {
  background: url(../../media/v5/company_facebook_hover.png) 0% 0% no-repeat;
}

#cmp-news input[type="text"] {
  margin: 10px 0px 0px 0px;
  display: inline-block;
  width: 170px;
}

#cmp-a3e {
  margin: 0px auto 22px auto;
  text-align: center;
  height: 260px;
  padding: 14px 26px 14px 26px;
}

#cmp-a3e .logo-a3e {
  display: block;
  width: 620px;
  height: 229px;
  background: url(../../media/v5/A3E_Full_Tag_PMS2755.jpg) 0% 0% no-repeat;
  margin: 0px auto 0px auto;
}

#cmp-about .logo-ohm {
  float: left;
  width: 172px;
  height: 189px;
  background: url(../../media/v5/company_logo.png) 0% 0% no-repeat;
  margin: 0px 22px 22px 0px;
}

#cmp-about hr, #cmp-testi hr {
  width: 320px;
  color: #AAAAAA;
  background-color: #AAAAAA;
  height: 1px;
  border: 0;
  margin-left: auto;
  margin-right: auto;
}

#cmp-about .funders {
  margin: 32px 0px 0px 0px;
}

.funder {
  margin: 20px 0px 0px 0px;
  clear: both;
}

.funder .skin {
  float: left;
  width: 170px;
  height: 255px;
  margin: 0px 20px 20px 0px;
}

.funder .fba-skin {
  background: url(../../media/v5/company_franck_bacquet.png) 0% 0% no-repeat;
}

.funder .rdi-skin {
  background: url(../../media/v5/company_raphael_dinge.png) 0% 0% no-repeat;
}

.funder .lds-skin {
  background: url(../../media/v5/company_laurent_de_soras.png) 0% 0% no-repeat;
}

.funder .vbi-skin {
  background: url(../../media/v5/company_vincent_birebent.png) 0% 0% no-repeat;
}

.funder .gma-skin {
  background: url(../../media/v5/company_gregory_makles.jpg) 0% 0% no-repeat;
}

.cmp-quote {
  margin: 25px 0px 25px 0px;
}

.cmp-quote p.lien {
  clear: both;
  width: 316px;
  text-align: right;
}

.cmp-quote img {
  margin: 8px 20px 10px 0 !important;
}

.cmp-quote p {
  color: #303030 !important;
}

/* Cf. slides.css for other quotes styling */

/* Product pages */
#pro-header {
  display: block;
  height: 633px; /* 686 - 53 */
  padding: 53px 55px 0px 55px;
  text-align: center;
  color: #888888;
  font-size: 14px;
  position: relative;
}

#pro-actions {
  margin: 23px 252px 23px 252px;
}

.pro-col1 {
  margin: 0px 22px 0px 0px;
  float: left;
  width: 489px;
}

.pro-col2 {
  margin: 0px 0px 0px 0px;
  float: left;
  width: 489px;
}

.pro-col3>div,
.pro-col2>div,
.pro-col1>div {
  margin: 23px 0px 0px 0px;
}

.pro-col1 .ohm-box, .pro-col2 .ohm-box {
  padding: 18px 27px 26px 27px;
}

.pro-col3 {
  float: left;
  margin: 0px 0px 20px 0px;
}

.pro-col2.last,
.pro-col3.last {
  margin: 0px 0px 0px 0px !important;
}

.pro-col3.withall {
  margin: 15px 0px 20px 0px;
}

.pro-quote {
  height: 136px; /* 180 - 44 */
}

.pro-quote img {
  width: 128px;
  height: 128px;
  float: left;
  margin: 5px 20px 0px 0px;
}

.pro-quote a {
  width: 283px;
  text-align: right;
}

.pro-quote p.lien {
  margin: 0px 0px 0px 0px;
  width: 435px;
  text-align: right;
}

.pro-quote p {
  margin: 6px 0px 26px 0px;
}

.pro-quote p.short {
  margin: 6px 0px 35px 0px;
}

.pro-quote p.shift0 {
  margin: 6px 0px 8px 0px;
}

.pro-quote p.shift2 {
  margin: 6px 0px 46px 0px;
}

.pro-quote p.shift3 {
  margin: 6px 0px 65px 0px;
}

.ohm-box.bloc h3 {
  margin: 0px 0px 15px 0px;
}

.ohm-box.bloc {
  height: 256px; /* 300 - 44 */
  position: relative;
}

.ui-dialog.dialog-img {
  background-color: transparent;
  border: none;
  box-shadow: 5px 5px 50px 3px #000000;
}

img.dialog-img {
  position: absolute;
  display: block;
}

.workwith {
  float: left;
  padding: 24px 54px 24px 0px;
  margin: 22px 0px 35px 0px;
  background: #DBDBDB;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #C5C5C5; 
}

.ww-col1 {
  float: left;
  width: 225px; /* 303 - 24 - 54 */
  padding: 0px 24px 0px 54px;
}

.ww-col2 {
  float: left;
  width: 361px; /* 385 - 24 */
  padding: 0px 24px 0px 0px;
}

.ww-col3 {
  float: left;
  width: 212px; 
  height: 168px; /* 180 - 12 */
  padding: 12px 22px 0px 22px;
  background: #F2F2F2;
}

.icone.mac {
  width: 64px;
  height: 64px;
  background: url(../../media/v5/workwith_mac.png);
}

.icone.win {
  width: 64px;
  height: 64px;
  background: url(../../media/v5/workwith_mt.png);
}

.icone.vst {
  width: 64px;
  height: 37px;
  background: url(../../media/v5/workwith_VST.png);
}

.icone.au {
  width: 64px;
  height: 64px;
  background: url(../../media/v5/workwith_AU.png);
}

.icone.rtas {
  width: 64px;
  height: 39px;
  background: url(../../media/v5/workwith_RTAS.png);
}

.workwith .icone {
  clear: both;
  float: left;
  margin: 10px 16px 6px 0px;
}

.ww-col1 .texte {
  float: left;
  margin: 35px 0px 0px 0px;
}

.ww-col2 .texte {
  float: left;
  margin: 18px 0px 0px 0px;
}

.ww-col2 .texte.au {
  margin: 28px 0px 0px 0px;
}

.ww-col2 .texte {
  float: left;
  margin: 18px 0px 0px 0px;
}

.ohm-box.full {
  float: left;
  width: 840px; /* 1000 - 160 */
  padding: 60px 80px 70px 80px;
  margin: 0px 0px 24px 0px;
}

.ohm-box.full.listen .ext-content {
  margin: 30px 0px 0px 0px;
}

.ohm-box.full .video {
  float: left;
  width: 390px;
  margin: 30px 0px 0px 0px;
}

.ohm-box.full .video h5 {
  width: 390px;
  height: 40px;
}

.ohm-box.full .video.left {
  margin: 30px 60px 0px 0px;
}

.prod-infos { 
  width: 600px;
  height: 600px;
  padding: 0px 0px 0px 23px;
}

#pro-header .sticker {
  height: 40px; /* 108 - 68 */
  width: 108px;
  padding: 68px 0px 0px 0px;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

#pro-header .sticker:hover {
  text-decoration: none;
}

#pro-header .empty-sticker.sticker {
  height: 108px;
  width: 108px;
  padding: 0px 0px 0px 0px;
}

#pro-header .prod-infos h3 {
  color: #666666;
  float: right;
  padding: 0px 0px 50px 0px;
}

#pro-header .prod-infos p {
  color: #555555;
  float: right;
  padding: 0px 0px 50px 0px;
}

.button-try {
  display: inline-block;
  width: 167px;
  height: 52px;
  background: url(../../media/v5/quad_try_hover_167x52.png);
  float: right;
  margin: 7px 20px 0px 0px;
}

.button-buy:hover span,
.button-try:hover span {
  background: none !important;
}

.button-try span.hover {
  background: url(../../media/v5/quad_try_off_167x52.png);
  display: block;
  width: 167px;
  height: 52px;
}
 
.button-buy {
  display: block;
  width: 167px;
  height: 52px;
  background: url(../../media/v5/quad_buy_hover_167x52.png);
  float: right;
  margin: 7px 0px 0px 0px;
}

.button-buy span.hover {
  background: url(../../media/v5/quad_buy_off_167x52.png);
  display: block;
  width: 167px;
  height: 52px;
}

.button-download {
  display: inline-block;
  width: 167px;
  height: 52px;
  background: url(../../media/v5/frohmage_hover.png);
  position: absolute;
  left: 140px;
  bottom: 10px;
}

.button-download:hover span {
  background: none !important;
}

.button-download span.hover {
  display: block;
  width: 167px;
  height: 52px;
  background: url(../../media/v5/frohmage_off.png);
}

.main-prod {
  -moz-box-shadow: 0px 2px 4px 0px #808080;
  -webkit-box-shadow: 0px 2px 7px 0px #808080;
  -o-box-shadow: 0px 2px 7px 0px #808080;
  box-shadow: 0px 2px 7px 0px #808080;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#808080, Direction=180, Strength=4);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #FFFFFF;  
}

.ohm-box.pro-quote p.lien {
  margin: 0px 0px 0px 0px;
  width: auto;  
  position: absolute;
  bottom: 25px;
  right: 26px;
}
 
.ohmb-box.pro-quote p.lien>a {
  margin: 0px 0px 0px 50px;
  float: right;
}

.two-skins {
  padding: 15px 60px 15px;
}

/* status messages */
#status-msg {
  font-weight: bold;
  margin: 20px 0px 0px 0px;
  color: #008000;
  
}

#status-msg.error {
  color: #DC0000;
}

/* forms */
.text-area-field,
.text-field {
  position: relative;
  margin: 14px 0px 0px 0px;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #D7D7D7; 
  background: #EDEDED;
  padding: 8px 44px 8px 14px;
  height: 28px;
}

.text-area-field {
  height: 56px;
}

.text-area-field textarea {
  width: 376px;
}

.text-area-field label,
.text-field label {
  width: 90px;
  float: left;
}

.label-field,
.check-field {
  position: relative;
  margin: 14px 0px 0px 0px;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #D7D7D7; 
  padding: 0px 0px 0px 0px;
  height: 44px;
}

.label-field label,
.check-field label {
  background: #EDEDED;
  width: 90px;
  float: left;
  height: 35px;
  padding: 8px 0px 0px 14px;
}

.label-field p {
  margin: 12px 14px 0px 14px;
  float: left;
}

.check-field input {
  margin: 12px 14px 0px 14px;
}

.right-nav {
  float: right;
  margin: 4px 0px 0px 0px;
}

.bottom-rnav {
  float: right;
  margin: 33px 0px 0px 0px;
}

.right-nav > *,
.bottom-rnav > * {
  float: right;
}

.bottom-rnav .ohm-button,
.right-nav .ohm-button {
  margin: 4px 0px 0 9px;
}

/* buttons */
.button-try-little {
  background: url("../../media/v5/ohm_button_try_hover.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  float: left;
  height: 47px;
  margin: 7px 0px 0px 0px;
  width: 151px;
}

.button-check-bundles:hover span,
.button-free:hover span,
.button-buy-little:hover span,
.button-try-little:hover span {
  background: none !important;
}

.button-try-little span.hover {
  background: url("../../media/v5/ohm_button_try_off.png") no-repeat scroll 0 0 transparent;
  height: 47px;
  width: 151px;
  display: block;
}

.button-buy-little {
  background: url("../../media/v5/ohm_button_buy_hover.png") no-repeat scroll 0 0 transparent;
  float: right;
  display: block;
  height: 47px;
  width: 151px;
  margin: 7px 0px 0px 0px;
}

#pro-effects .buttons.left .button-buy-little,
#pro-synths .buttons.left .button-buy-little {
  float: left;
  margin: 7px 0px 0px 20px;
}

#pro-effects .buttons.right .button-try-little,
#pro-synths .buttons.right .button-try-little {
  float: right;
  margin: 7px 20px 0px 0px;
}

.button-buy-little span.hover {
  background: url("../../media/v5/ohm_button_buy_off.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 47px;
  width: 151px;
}

.button-free {
  background: url("../../media/v5/ohm_button_free_hover.png") no-repeat scroll 0 0 transparent;
  float: right;
  display: block;
  height: 47px;
  width: 151px;
  margin: 7px 0px 0px 0px;
}

.button-free span.hover {
  background: url("../../media/v5/ohm_button_free_off.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 47px;
  width: 151px;
}

.button-check-bundles {
  background: url("../../media/v5/ohm_button_check_bundles_hover.png") no-repeat scroll 0 0 transparent;
  float: left;
  display: block;
  height: 52px;
  width: 210px;
  margin: 7px 0px 0px 0px;
}

.button-check-bundles span.hover {
  background: url("../../media/v5/ohm_button_check_bundles_off.png") no-repeat scroll 0 0 transparent;
  height: 52px;
  width: 210px;
  display: block;
}

.questionmark {
  position: absolute;
  top: 12px;
  right: 15px;
  background: url("../../media/v5/questionmark.png") no-repeat scroll 0 0 transparent;
  width: 15px;
  height: 15px;
}

/* support */
#support-faq {
  float: left;
  width: 274px; /* 326 - 26 * 2 */
  height: 172px; /* 200 - 14 * 2 */
  display: block;
  padding: 14px 26px 14px 26px;
}

#support-contact {
  float: left;
  width: 585px; /* 653 - 26 * 3 */
  height: 172px; /* 200 - 14 * 2 */
  display: block;
  padding: 14px 26px 14px 52px;
  margin: 0px 0px 17px 11px;
}

#support-doc, #support-tutorials {
  float: left;
  width: 429px; 
  height: 344px;
  display: block;
  padding: 35px 26px 14px 39px;
}

#support-tutorials {
  margin: 0px 0px 17px 11px;
}

#support-faq p {
  margin: 12px 0px 0px 0px;
}

/* FAQ */
#faq h2 {
  margin: 0px 0px 24px 0px;
}

.faq_som {
  margin: 0px 0px 0px 20px;
}

#faq .feature {
  margin: 24px 0px 0px 0px;
}

.qtitle {
  background-color: #E9EAE8;
  color: #313131;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3em;
  margin: 12px 0 18px;
  padding: 0 0 0 15px;
}

#faq .feature p {
  padding: 0 0 0 15px;
}

#faq-testi {
  height: 4698px; /* 24 quotes */
}

/* Homepage */
.container.homepage {
  height: 1050px;
  min-height: 1050px;
}

#slide-summer,
#slide-santa,
#slide-allall,
#slide-ohmstudio,
#slide-ohmicide {
  width:1000px;
  height:621px;
}

#slide-summer {
  background: url(../../media/v5/home_summer.png);
}

#slide-summer.mmxiv {
  background: url(../../media/v5/home_summer_2014.png);
}

#slide-summer.summer-is-winter {
  background: url(../../media/v5/home_winter.png);
}


#slide-summer .left-content {
  float: left;
  width: 420px;
  padding: 150px 0px 0px 40px;
  text-align: right;
}

#allall-summer,
#allfx-summer {
  margin: 0px 0px 40px 0px;
}

#slide-summer.summer-is-winter .right-content {
  float: right;
  width: 380px;
  padding: 30px 0px 0px 60px;
  text-align: right;
}

.summer-offer {
  clear: both;
  height: 115px;
  min-height: 115px;
}

.summer-is-winter .summer-offer {
  height: 173px;
  min-height: 173px;
}

.summer-sticker {
  float: left;
  height: 96px;
  width: 96px;
  display: block;
}

.summer-sticker.trentetrois {
  background: url(../../media/v5/reduc-33.png);
}

.summer-sticker.cinquante {
  background: url(../../media/v5/reduc-50.png);
}

.summer-sticker.soixantesix {
  background: url(../../media/v5/reduc-66.png);
}

.summer-what {
  float: right;
  padding: 14px 0px 0px 0px;
}

.summer-is-winter .summer-what {
  padding: 155px 45px 0px 0px;
}

.summer-offer#allall-summer,
.summer-what#sm-summer,
.summer-what#quad-summer,
.summer-what#pdh-summer {
  display: none;
}

.summer-title {
  font-size: 18px;
  font-weight: bold;
}

#winter-cd {
  font-size: 58px;
  position: absolute;
  top: 460px;
  left: 30px;
  font-weight: bold;
  color: #333333;
}

.trentetrois.summer-countdown {
  font-size: 30px;
  font-weight: bold;
  color: #278C44;
}

.cinquante.summer-countdown {
  font-size: 30px;
  font-weight: bold;
  color: #B38C44;
}

.soixantesix.summer-countdown {
  font-size: 30px;
  font-weight: bold;
  color: #D12525;
}

.summer-coupon {
  float: right;
  border: 1px solid;
  font-size: 14px;
  font-family: "Courier New", Courier, monospace;
  padding: 0px 5px 0px 5px;
}

.summer-note {
  font-size: 10px;
  clear: both;
}

#slide-ohmicide .left-content {
  float: left;
  width: 300px;
  padding: 30px 0px 0px 110px;
  text-align: right;
}

#slide-ohmicide .product-title {
  margin: 60px 0px 38px 0px;
  background: url(../../media/v5/home_main2_title.png);
  height: 47px;
  width: 286px;
  float: right;
}

#slide-ohmicide .button-try-little {
  margin: 48px 0px 12px 0px;
  float: right;
}

#slide-ohmicide .illustr {
  position: absolute;
  background: url("../../media/v5/home_main2_image.png") no-repeat scroll 0 0 transparent;
  width: 719px;
  height: 513px;
  display: block;
  top: 106px;
  left: 434px;
  z-index: 2000;
}

#slide-ohmstudio .left-content {
  float: left;
  width: 350px;
  padding: 30px 0px 0px 50px;
  text-align: right;
}

#slide-ohmstudio .product-title {
  margin: 60px 0px 38px 0px;
  background: url(../../media/v5/home_main1_title.png);
  height: 53px;
  width: 328px;
  float: right;
}

#slide-ohmstudio .button-try-little {
  margin: 48px 0px 12px 0px;
  float: right;
}

#slide-ohmstudio .illustr {
  position: absolute;
  background: url("../../media/v5/home_main1_image.png") no-repeat scroll 0 0 transparent;
  width: 566px;
  height: 621px;
  display: block;
  top: 0px;
  left: 434px;
  z-index: 2000;
}

#slide-ohmstudio .buttons {
  margin: 60px 0px 0px 0px;
}

.os-download {
  display: inline-block;
  width: 306px;
  height: 64px;
  background: url(../../media/v5/dl_button_hover.png);
  float: right;
}

.os-download:hover span {
  background: none !important;
}

.os-download span.hover {
  display: block;
  width: 306px;
  height: 64px;
  background: url(../../media/v5/dl_button.png);
}

#slide-allall .left-content {
  float: left;
  width: 300px;
  padding: 45px 0px 0px 100px;
  text-align: right;
}

#slide-allall .product-title {
  margin: 45px 0px 38px 0px;
  background: url(../../media/v5/home_main3_title.png);
  height: 46px;
  width: 167px;
  float: right;
}

#slide-allall h2 {
  clear: right;
  margin: 0px 0px 16px 0px;
}

#slide-allall .button-buy-little {
  margin: 90px 0px 12px 0px;
  float: right;
}

#slide-allall .illustr {
  position: absolute;
  background: url("../../media/v5/home_main3_image.png") no-repeat scroll 0 0 transparent;
  width: 500px;
  height: 409px;
  display: block;
  top: 100px;
  left: 440px;
  z-index: 2000;
}

#slide-santa .left-content {
  float: left;
  width: 300px;
  padding: 45px 0px 0px 100px;
  text-align: right;
}

#slide-santa .product-title {
  margin: 50px 0px 38px 0px;
  background: url(../../media/v5/home_mainXmas_title.png);
  height: 54px;
  width: 331px;
  float: right;
}

#slide-santa h2 {
  clear: right;
  margin: 0px 0px 16px 0px;
}

#slide-santa .button-knowmore {
  margin: 95px 0px 12px 0px;
  float: right;
}

#slide-santa .illustr {
  position: absolute;
  background: url("../../media/v5/home_mainXmas_image.png") no-repeat scroll 0 0 transparent;
  width: 462px;
  height: 438px;
  display: block;
  top: 90px;
  left: 440px;
  z-index: 2000;
}

#lblocs {
  position: absolute;
  top: 782px;
}

.home-lbloc {
  float: left;
  width: 323px; 
  height: 204px; 
  display: block;
  margin: 15px 15px 33px 0px;
  text-align: center;
  padding: 10px 0px 0px 0px;
}

#student-offer.home-lbloc {
  margin: 15px 0px 33px 0px;
}

#creative-fx a {
  background: url(../../media/v5/home_bloc_effect_hover.png) 0% 0% no-repeat;
  display: block;
  width: 282px;
  height: 160px;
  margin: 5px 0px 0px 21px;
}

#student-offer a:hover span,
#incredible-synths a:hover span,
#creative-fx a:hover span {
  background: none !important;
}

#creative-fx a span.hover {
  background: url(../../media/v5/home_bloc_effect.png) 0% 0% no-repeat;
  display: block;
  width: 282px;
  height: 160px;
}

#incredible-synths a {
  background: url(../../media/v5/home_bloc_synth_hover.png) 0% 0% no-repeat;
  display: block;
  width: 282px;
  height: 160px;
  margin: 5px 0px 0px 21px;
}

#incredible-synths a span.hover {
  background: url(../../media/v5/home_bloc_synth.png) 0% 0% no-repeat;
  display: block;
  width: 282px;
  height: 160px;
}

#student-offer a {
  display: block;
  width: 282px;
  height: 160px;
  margin: 5px 0px 0px 20px;
  background: url(../../media/v5/home_bloc_students_hover.png) 0% 0% no-repeat;
}

#student-offer a span.hover {
  background: url(../../media/v5/home_bloc_students.png) 0% 0% no-repeat;
  display: block;
  width: 282px;
  height: 160px;
}

/* Pricing infos */
#cohmpletion,
#student-discount,
#pricing-infos {
  float: left;
  width: 550px; /* 665 - 114 */
  display: block;
  padding: 16px 60px 0px 54px;
  margin: 0px 0px 15px 0px;
}

#pack-license,
#single-license {
  float: right;
  width: 274px; /* 324 - 50 */
  display: block;
  padding: 10px 25px 10px 25px;
  margin: 0px 0px 15px 0px;
}

#pricing-infos .illustr {
  width: 120px;
  height: 130px;
  background: url(../../media/v5/pricing_intro.png) 0% 0% no-repeat;
  float: left;
  margin: 15px 20px 20px 0px;
}

#cohmpletion .illustr {
  width: 115px;
  height: 180px;
  background: url(../../media/v5/pricing_cohmplete.png) 0% 0% no-repeat;
  float: left;
  margin: 15px 20px 20px 0px;
}

#student-discount .illustr {
  width: 202px;
  height: 116px;
  background: url(../../media/v5/pricing_student.png) 0% 0% no-repeat;
  float: left;
  margin: 15px 20px 20px 0px;
}

/* error pages */
body.cloud {
  background: url("../../media/v5/fond_maintenance.jpg") no-repeat scroll 0 0 transparent;
}

body.cloud #main-area {
  margin: 56px auto 48px auto;
  width: 600px;
  height: 450px;
  min-height: 450px;
}
 
body.cloud h3 {
  margin: 0px 0px 24px 0px;
}

/* footer */
#footer-wrapper {
  clear: both;
  background: url(../../media/v5/footer_background_repeat.png) 0% 0% repeat-x;
  height: 445px;
}

#footer-wrapper .footer-col {
  float: left;
  margin: 24px 0px 0px 0px;
  width: 250px;
}

#footer-wrapper h3 {
  font-size: 14px;
  color: #9F9F9F;
}

#footer-wrapper ul {
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  list-style-position: outside;
}

#footer-wrapper li {
  line-height: 26px;
}

#footer-wrapper a {
  color: #646464;
}

#footer-wrapper a:focus,
#footer-wrapper a:active,
#footer-wrapper a:hover {
  color: #774B14;
}

#footer {
  position: relative;
  height: 445px;
}

#footer-logo {
  display: block;
  position: absolute;
  bottom: 60px;
  right: 0px;
  background: url(../../media/v5/footer_logo.png) 0% 0% no-repeat;
  width: 140px;
  height: 23px;
}

/* cohmpletion */
#cohmpletionpage {
  height: 1130px; /* 6 quotes */
}

#cohmpletionpage-testi {
  height: 1155px;
}

#cohmpletionpage .illustr {
  float: left;
  background: url(../../media/v5/cohmplete_allu.png);
  width: 172px;
  height: 271px;
  margin: 50px 15px 40px 0px;
}

/* success/error pages */
#successpage {
  height: 350px; /* 2 quotes */
}

#successpage-testi {
  height: 375px;
}

#successpage .illustr {
  float: left;
  background: url(../../media/v5/icon_face.png);
  width: 177px;
  height: 186px;
  margin: 10px 15px 20px 0px;
}

#successpage p {
  margin: 15px 0px 0px 0px;
}

/* ohmstudio */
#pro-ohmstudio .main-prod {
  padding: 45px 430px 0px 75px;
  position: relative;
  height: 620px;
}

#pro-ohmstudio .main-prod .illustr-wrap {
  text-align: center;
  position: absolute;
  right: 100px;
  top: 115px;
  color: #888888;
}

#pro-ohmstudio .main-prod .illustr {
  display: block;
  background: url(../../media/v5/ohmstudio_video1.png);
  width: 276px;
  height: 161px;
}

#pro-ohmstudio #pro-header {
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.ohmstudio-title {
  background: url(../../media/v5/ohmstudio_title.png);
  height: 53px;
  width: 329px;
  margin: 0px auto 20px auto;
}

#pro-ohmstudio h3 {
  margin: 0px 0px 10px 0px;
}

.button-download-os {
  margin: 30px auto 7px auto;
  background: url(../../media/v5/os-dl-hover.png);
  display: block;
  width: 306px;
  height: 64px;
}

.button-download-os:hover span {
  background: none !important;
}

.button-download-os span.hover {
  background: url(../../media/v5/os-dl-off.png);
  display: block;
  width: 306px;
  height: 64px;
}

.little-legend {
  margin: 0px 0px 0px 0px;
  font-size: 10px;
}

#pro-ohmstudio .main-prod .illustr-btm {
  display: block;
  background: url(../../media/v5/ohmstudio_main.png);
  width: 1000px;
  height: 247px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

#pro-ohmstudio .ohm-box.bloc {
  height: 320px;
}

.ohmstudio-b1 .illustr {
  display: block;
  background: url(../../media/v5/ohmstudio_block1.png);
  width: 428px;
  height: 119px;
  position: absolute;
  bottom: 25px;
  left: 20px;
}

.ohmstudio-b2 p,
.ohmstudio-b3 p,
.ohmstudio-b4 p {
  width: 203px;
}

.ohmstudio-b2 .illustr {
  display: block;
  background: url(../../media/v5/ohmstudio_block2.png);
  width: 236px;
  height: 226px;
  position: absolute;
  bottom: 45px;
  right: 20px;
}

.ohmstudio-b3 .illustr {
  display: block;
  background: url(../../media/v5/ohmstudio_block3.png);
  width: 236px;
  height: 226px;
  position: absolute;
  bottom: 45px;
  right: 20px;
}

.ohmstudio-b4 .illustr {
  display: block;
  background: url(../../media/v5/ohmstudio_block4.png);
  width: 236px;
  height: 226px;
  position: absolute;
  bottom: 45px;
  right: 20px;
}

#pro-ohmstudio .pro-col1.last {
  margin: 0px 22px 23px 0px;
}

/* techonology */
#techno {
  height: 1130px; /* 6 quotes */
}

#techno-testi {
  height: 1155px;
}

#techno h2 {
  margin: 0px 0px 20px 0px;
}

#techno ul {
    list-style-position: inside;
    list-style-type: disc;
}

#techno .illustr {
    background: url("../../media/v5/flip_video.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 253px;
    margin: 0px 0 30px 0px;
    width: 450px;
}

#techno .watch {
    padding: 88px 0 0 187px;
}

#techno .watch a {
    background: url("../../media/v5/playvideo-hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 95px;
    width: 98px;
}

#techno .watch a span {
    background: url("../../media/v5/playvideo-off.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 95px;
    width: 98px;
}

#techno .watch a:hover span {
  background: none !important;
}

#techno .watch + p {
    padding: 75px 0 0;
}

#techno .point.overview {
    padding: 40px 0px 0px 0px;
}

/* login failure */
#logfail {
  height: 350px; /* 2 quotes */
}

#logfail-testi {
  height: 375px;
}

#logfail h2 {
  margin: 0px 0px 20px 0px;
}

#logfail .submit-button a {
  color: #FFFFFF;
}

#logfail .left-action {
  float: left;
  margin: 30px 0px 0px 0px;
}

#logfail .right-action {
  float: right;
  margin: 30px 0px 0px 0px;
}