/* Create account step 1 */
.cacc-step {
  float: left;
  width: 530px; /* 630 - 50 * 2 */
  display: block;
  padding: 37px 50px 37px 50px;
  margin: 0px 0px 15px 0px;
}

/* 5 quotes */
#my-downloads, 
#cacc-step1 {
  height: 935px;
}

#my-downloads-testi, 
#cacc-step1-testi {
  height: 960px;
}

.cacc-testi {
  float: left;
  width: 317px; /* 359 - 21 * 2 */
  display: block;
  padding: 12px 21px 37px 21px;
  height: 980px;
  margin: 0px 0px 17px 11px;
}

.cacc-testi hr {
  width: 320px;
  color: #D7D7D7;
  background-color: #D7D7D7;
  height: 1px;
  border: 0;
  margin-left: auto;
  margin-right: auto;
}

#cacc-step1 #status-msg {
  height: 65px;
}

#cacc-step1 form {
  margin: 30px 0px 0px 0px;
}

.text-field input {
  width: 373px;
}

#cacc-step2 div.submit-button,
#cacc-step1 div.submit-button {
  clear: both;
  margin: 24px 0px 0px 0px;
}

#cacc-step1 input.submit-button {
  margin: 0px 0px 0px 0px;
}

#why-create {
  margin: 55px 0px 0px 0px;
  background-color: #DBDBDB;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #C5C5C5; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0px 34px 44px 34px;
}

#why-create h3 {
  margin: 22px 0px 17px 0px;
}

#why-create ul {
  margin: 0px 0px 0px 0px;
}

#why-create li {
  background-color: #F2F2F2;
  margin: 10px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
}

/* Create account step 2 */
#cacc-step2 {
  height: 555px;
}

#cacc-step2-testi {
  height: 580px;
}

#cacc-step2 .illustr {
  float: left;
  background: url(../../media/v5/create_account_2_mail.png);
  width: 238px;
  height: 102px;
  margin: 30px 0px 0px 0px;
}

#cacc-step2 .bravo {
  float: left;
  width: 255px;
  margin: 27px 0px 0px 35px;
}

#cacc-step2 #logform-inline {
  float: left;
  clear: both;
  margin: 16px 0px 0px 0px;
}

#cacc-step2 .ohm-button {
  margin: 4px 3px 0px 0px;
}

/* Change password N email */
#chgemail,
#chgpwd {
  height: 353px;
}

#chgemail-testi,
#chgpwd-testi {
  height: 378px;
}

#chgemail h2+p,
#chgpwd form {
  margin: 26px 0px 0px 0px;
}

#chgemail .text-field,
#chgpwd .text-field {
  padding: 8px 34px 8px 14px;
}

#chgemail .text-field label,
#chgpwd .text-field label {
  width: 100px;
}

/* my products */
#my-products {
  min-height: 1143px;
}

#my-products-testi {
  height: 1167px;
}

#my-products .label-field label {
  width: 71px;
}

#my-products .label-field p {
  width: 415px;
}

#my-products .label-field.register,
#my-products .label-field.register label {
  height: 76px;
}

#my-products .label-field.invoices {
  margin: 28px 0px 30px 0px;
}

.product-field {
  margin: 14px 0px 0px 0px;
  position: relative;
  height: 90px;
  display: block;
  clear: both;
}

.product-field.add-dubstep {
  margin: 20px 0px 50px 0px;
}

.product-field .icon {
  width: 95px;
  height: 96px;
  position: absolute;
  top: -5px;
  left: -6px;
  z-index: 10;
}

.product-field .icon.OhmBoyz {
  background: url(../../media/v5/my_products_ohmboyz.png);
}
.product-field .icon.Predatohm {
  background: url(../../media/v5/my_products_predatohm.png);
}
.product-field .icon.Hematohm {
  background: url(../../media/v5/my_products_hematohm.png);
}
.product-field .icon.Mobilohm {
  background: url(../../media/v5/my_products_mobilohm.png);
}
.product-field .icon.QuadFrohmage {
  background: url(../../media/v5/my_products_quad.png);
}
.product-field .icon.SymptohmPE,
.product-field .icon.Symptohm {
  background: url(../../media/v5/my_products_symptohm.png);
}
.product-field .icon.Ohmicide {
  background: url(../../media/v5/my_products_ohmicide.png);
}
.product-field .icon.Dubstep,
.product-field .icon.Dub.Step {
  background: url(../../media/v5/my_products_dubstep_pack.png);
}
.product-field .icon.Ohmygod {
  background: url(../../media/v5/my_products_ohmygod.png);
}
.product-field .icon.Oddity {
  background: url(../../media/v5/my_products_oddity.png);
}
.product-field .icon.Minimonsta {
  background: url(../../media/v5/my_products_minimonsta.png);
}
.product-field .icon.Frohmage {
  background: url(../../media/v5/my_products_frohmage.png);
}
.product-field .icon.Experience {
  background: url(../../media/v5/my_products_OFE.png);
}

.product-field .right-cartouche {
  position: relative;
  left: 85px;
  width: 446px;
  height: 90px;
}

.product-field .right-cartouche .title {
  padding: 0px 0px 0px 15px;
}

.product-field .title {
  background: #EDEDED;
  height: 21px;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #D7D7D7; 
}

#downloads .product-field .title,
#my-downloads .product-field .title {
  padding: 0px 14px 0px 14px;
}

.product-field .title-left {
  padding: 0px 10px 0px 14px;
  width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.product-field .title .little {
  margin: 0px 0px 0px 10px;
  font-size: 10px;
}

.product-field .title-upgrade {
  padding: 0px 10px 0px 0px;
  float: right;
  text-align: right;
  width: 100px;
}

.product-field .title-crossgrade {
  padding: 0px 10px 0px 0px;
  float: right;
  text-align: right;
  width: 100px;
}

.product-field .title-crossgrade a,
.product-field .title-upgrade a {
  color: #FF5C5C;
  text-decoration: underline;
}

.product-field .action {
  float: left;
  width: 100px;
  height: 62px;
  display: block;
  text-align: center;
  margin: 4px auto 0px auto;
  position: relative;
}

.product-field .action-add-dubstep {
  padding: 12px 0px 0px 15px;
}

.action-add-dubstep input[type=radio] {
  margin: 0px 8px 0px 0px;
}

.action-add-dubstep input[type=radio].left-marged {
  margin: 0px 8px 0px 20px;
}

.product-field .action.middle {
  width: 230px;
}

.product-field .action.right {
  float: right;
}

.product-field .action .small-icon {
  width: 40px;
  height: 40px;
  margin: 0px 30px 0px 30px;
  display: block;
}

.product-field .action.middle .small-icon {
  margin: 0px 95px 0px 95px;
}

.product-field .small-icon.download  {
  background: url(../../media/v5/my_products_dl.png);
}
.product-field .small-icon.doc  {
  background: url(../../media/v5/my_products_dc.png);
}
.product-field .small-icon.key  {
  background: url(../../media/v5/my_products_key.png);
}

.product-field .action a {

}

/* My invoices */
#invoices {
  min-height: 536px;
}

#invoices-testi {
  height: 561px;
}

#invoices h2 {
  margin: 0px 0px 52px 0px;
}

.label-field.invoice {
  margin: 0px 0px 22px 0px;
}

/* Register key */
#register {
  height: 715px;
}

#register-testi {
  height: 740px;
}

#register h2 {
  margin: 0px 0px 27px 0px;
}

#register form .right-nav {
  margin: 14px 0px 0px 0px;
}

#register h4 {
  margin: 24px 0px 12px 0px;
}

#register .login-action {
  display: block;
  min-height: 50px;
  height: 50px;
  margin: 12px 0px 24px 0px;
}

#register .left-action {
  float: left;
}

#register .right-action {
  float: right;
}

/* Download my products */
#my-downloads h2 {
  margin: 0px 0px 8px 0px;
}

.action.std-logo {
  margin: 2px 0px 0px 40px;
  width: 224px;
  height: 56px;
}

.action.win-rtas {
  background: url(../../media/v5/logo-win-rtas.png);
}

.action.macosx-rtas {
  background: url(../../media/v5/logo-macosx-rtas.png);
}

.action.macosx64-au {
  background: url(../../media/v5/logo-macosx64-au.png);
}

.action.macosx64-vst {
  background: url(../../media/v5/logo-macosx64-vst.png);
}

.action.win64-aax {
  background: url(../../media/v5/logo-win64-aax.png);
}

.action.win-vst {
  background: url(../../media/v5/logo-win-vst.png);
}

.action.win64-vst {
  background: url(../../media/v5/logo-win64-vst.png);
}

.action.all-all {
  background: url(../../media/v5/buy_platforms_dubstep_pack.png);
  width: 300px;
  height: 58px;
}

#my-downloads h4 {
  margin: 20px 0px 0px 0px;
}

#my-downloads p {
  margin: 6px 0px 0px 0px;
}

/* other downloads */
#downloads {
  min-height: 1122px; /* 6 quotes */
}

#downloads-testi {
  height: 1147px;
}

#downloads p {
  margin: 16px 0px 0px 0px;
}

#downloads div.product-field+h2,
#downloads p+h2 {
  margin: 16px 0px 0px 0px;
}

/* forgot password */
#ryp div.submit-button {
  margin: 12px 0px 0px 0px;
  float: right;
}

#ryp {
  height: 350px; /* 2 quotes */
}

#ryp-testi {
  height: 375px;
}

