@charset "utf-8";
/* CSS Document */
@-ms-viewport{
  width: device-width;
}

@font-face {
    font-family: 'EscribaUT-Italic';
    src:url('EscribaUT-Italic.ttf.woff') format('woff'),
        url('EscribaUT-Italic.ttf.svg#EscribaUT-Italic') format('svg'),
        url('EscribaUT-Italic.ttf.eot'),
        url('EscribaUT-Italic.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Myriad Pro Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed'), url('fonts/MYRIADPRO-COND.woff') format('woff');
}


body {
    margin: 0px;
    font: 12px Arial, Helvetica, sans-serif;
}
ul,
li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
img {
    border: none;
}
input,
select {
    font-family: Arial, Helvetica, sans-serif;
}
.clear {
    clear: both;
}
.fs14 {
    font-size: 14px;
}
.fs17 {
    font-size: 17px;
}
.fs18 {
    font-size: 18px;
}
.fs20 {
    font-size: 20px;
}
.fc_red {
    color: #F00;
}
.fc_b {
    color: #000;
}
.fc_grape {
    color: #66525B;
}
.tc {
    text-align: center;
}
.pinkish {
    color: #b5727b
}
.red {
    color: #B44000;
}
.grape {
    color: #693949
}
a {
    color: #624318;
}
a:hover {
    color: #AF959E;
    text-decoration: none;
}
.listpic {
    margin-bottom: 20px;
}
/* index */

.header {
    width: 1003px;
    margin: 0px auto;
}
.header .logo {
    float: left;
    
}
.header .text {
    float: right;
    margin: 90px 30px 0px 0px;
    display: inline;
    color: #A99096;
    font-size: 14px;
    font-weight: bold;
}
.header .text a {
    color: #A39794;
}
.header .text a:hover {
    color: #5F525B;
}
.content {
    width: 1003px;
    margin: 0px auto;
    background: url(/images/left_bg.jpg) repeat-y;
}
.content .left {
    width: 207px;
    background: url(/images/left_bg.jpg);
    float: left;
}
.left .menu {
    width: 157px;
    float: left;
    padding: 30px 0px 0px 50px;
}
.left .menu li {
    padding: 10px 0px;
}
.left .menu a {
    font-size: 14px;
    color: #C3A785;
    text-decoration: none;
}
.left .menu a:hover {
    text-decoration: underline;
    color: #FFD35B;
}
.leftbn {
    width: 177px;
    line-height: 16px;
    font-size: 11px;
    color: #D8C093;
    text-align: center;
    float: left;
    padding: 30px 0px 0px 0px;
}
.content .right {
    width: 796px;
    background: #BAA28C url(/images/right_bg.jpg) repeat-x;
    float: left;
}
.content .right .homeFlash {
    width: 267px;
    height: 313px;
    position: absolute;
    margin: -100px 0px 0px 72px;
}
.content .right .text {
    width: 796px;
    padding-top: 260px;
    display: block;
    overflow: hidden;
}
.content .right .text .l {
    width: 290px;
    line-height: 28px;
    padding: 0px 20px 0px 32px;
    float: left;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
}
.content .right .text .r {
    width: 444px;
    padding: 0px 0px 0px 10px;
    float: left;
}
.content .right .text .l p {
    margin: 0px;
    padding: 5px 0px;
}
.content .right .Boxs {
    width: 796px;
    padding: 50px 0px 0px 0px;
    overflow: hidden;
}
.content .right .Boxs .boxList {
    width: 248px;
    height: 118px;
    background: url(/images/right_box.gif);
    margin: 0px 6px;
    display: inline;
    float: left;
}
.copy {
    width: 770px;
    padding: 5px 26px 3px 0px;
    text-align: right;
    color: #e1d8c5;
}
.content .mrright {
    width: 796px;
    background: #BAA28C url(/images/mr-home-background.jpg) repeat-x;
    float: left;
}
/* sub pages */

.topMenu {
    background: #671431;
    width: 100%;
    min-height: 45px;
}

.fp .topMenu {
    background: #586c8f;
}

.topMenu ul {
    width: 1010px;
    margin: 0px auto;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}
.topMenu ul li {
    float: left;
    font-size: 19px;
    line-height: 35px;
    padding: 5px 25px 0px 25px;
}
.topMenu ul li:first-child {
    padding: 5px 25px 0px 0;
}

.topMenu ul li:last-child {
    padding: 5px 0 0px 25px;
}

.topMenu li a {
    text-decoration: none;
    letter-spacing: 1px;
    color: #ffe4ae;
    text-transform: uppercase;
}

.fp .topMenu li a {
    color: white;
}

.topMenu li a:hover {
    text-decoration: underline;
    color: #FFD35B;
}

.fp .topMenu li a:hover {
    color: #f7f3e8;
}

@media screen and (max-width: 1024px) {
    .topMenu ul li {
        font-size: 14px;
        padding: 5px 10px 0px 10px;
    }    
    
    .topMenu ul {
        width: 700px;
        margin: 0px auto;
    }
    
    .header2 log {
        padding: 10px;
    }
}

.topMenu>input {
    display: none;
}

.topMenu>span {
    display: none;
}

@media screen and (max-width: 700px) {

    .topMenu
    {
      display: block;
      position: relative;
      width: auto;
      height: auto;
      z-index: 1;
      padding: 10px 10px 5px;

      -webkit-user-select: none;
      user-select: none;
      min-height: inherit;
    }

    .topMenu input
    {
      display: block;
      width: 40px;
      height: 32px;
      position: absolute;
      top: -7px;
      left: -5px;

      cursor: pointer;

      opacity: 0; /* hide this */
      z-index: 2; /* and place it over the hamburger */

      -webkit-touch-callout: none;
    }

    /*
     * Just a quick hamburger
     */
    .topMenu>span
    {
      display: block;
      width: 33px;
      height: 4px;
      margin-bottom: 5px;
      position: relative;

      background: #ededed;
      border-radius: 3px;

      z-index: 1;

      transform-origin: 4px 0px;

      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                  opacity 0.55s ease;
    }

    .topMenu span:first-child
    {
      transform-origin: 0% 0%;
    }

    .topMenu span:nth-last-child(2)
    {
      transform-origin: 0% 100%;
    }

    /* 
     * Transform all the slices of hamburger
     * into a crossmark.
     */
    .topMenu input:checked ~ span
    {
      opacity: 1;
      transform: rotate(45deg) translate(-2px, -1px);
      background: #232323;
    }

    /*
     * But let's hide the middle one.
     */
    .topMenu input:checked ~ span:nth-last-child(3)
    {
      opacity: 0;
      transform: rotate(0deg) scale(0.2, 0.2);
    }

    /*
     * Ohyeah and the last one should go the other direction
     */
    .topMenu input:checked ~ span:nth-last-child(2)
    {
      transform: rotate(-45deg) translate(0, -1px);
    }

    /*
     * Make this absolute positioned
     * at the top left of the screen
     */
    .topMenu ul
    {
      width: 100%;
      max-height: 0;
      transition: max-height 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }

    .topMenu ul li, .topMenu ul li:last-child, .topMenu ul li:first-child
    {
        float:none;
        padding: 10px;
        font-size: 22px;
    }
    
    .topMenu ul li a {
        display: block;
    }

    /*
     * And let's slide it in from the left
     */
   .topMenu input:checked ~ ul
    {
      max-height: 1000px;
    }
}

.dodgeMenu {
    background-color: #842a4b;
    width: 100%;
    height: 35px;
    position: absolute;
    left: 0px;
}
.dodgeMenu ul {
    width: 975px;
    padding-left: 15px;
    margin: 0px auto;
}
.dodgeMenu ul li {
    float: left;
    font-size: 14px;
    padding: 10px 10px 0px 10px;
}
.dodgeMenu ul .line {
    padding-top: 10px;
}
.dodgeMenu li a {
    text-decoration: none;
    letter-spacing: 1px;
    color: #ffdaa3;
}
.dodgeMenu li a:hover {
    text-decoration: underline;
    color: white;
}

.content2 { 
    width: 990px; 
    margin: 0px auto; 
    overflow: hidden; 
    background: #FBF9F6; 
    padding: 35px 0px 0px 0px; 
}

.content2.responsive {
    width: auto;
    max-width: 990px;
    padding: 14px 0px 0px 0px;
}

.widecontent {
    max-width: 1130px;
    padding: 14px 0px 0px 0px;
    background: none;
    width: auto;
}

.content2 .des {
    /*width: 928px;*/
    color: #64515B;
    padding: 20px 0px 5px 62px;
    /*float: left;*/
}
.content2 .des p {
    margin: 0px;
    padding: 3px 0px;
}
.content2 .img_gallery {
    width: 932px;
    padding: 0px 0px 0px 58px;
    float: left;
}
.content2 .img_gallery .image {
    width: 240px;
    height: 289px;
    float: left;
    padding: 35px 0px 0px 40px;
}
.content2 .img_gallery .image2 {
    width: 240px;
    height: 289px;
    float: left;
    padding: 35px 0px 0px 40px;
}
.content2 .img_gallery .frame {
    position: relative;
    left: -34px;
    top: -275px;
}
.content2 .img_gallery .thumb {
    float: right;
    margin-right: 200px;
    width: 400px;
    min-height: 330px
}
.content2 .img_gallery .thumb img {
    border: 1px solid #63515b;
}
.content2 .img_gallery .thumb li {
    width: 105px;
    text-align: center;
    float: left;
    margin: 4px 12px;
    display: inline;
}
.content2 .img_gallery .thumb li p {
    margin: 0px;
    padding: 5px 0px;
    font-weight: bold;
    color: #6E5D65;
}
.template-list .thumb {
    /*float: right;*/
    margin-right: 200px;
    /*width: 800px;*/
    min-height: 330px;
}
.template-list .thumb img {
    border: 1px solid #63515b;
    width: 100%;
    max-width: 104px;
}
.template-list .thumb li {
    /*width: 105px;*/
    text-align: center;
    float: left;
    margin: 4px 12px;
    display: inline;
    min-height: 165px;
}
.template-list .thumb li p {
    margin: 0px;
    padding: 5px 0px;
    color: #6E5D65;
}

#videolist.template-list {
    background: #f8f4e3;
    max-width: 725px;
    padding: 0 0 0 11px;
    color: #775d65;
}
#videolist.template-list ul {

}
#videolist.template-list ul li {
    text-align: left;
    margin: 4px 24px;
}
#videolist.template-list ul li em {
    font-weight:bold;
    font-style:normal;
    font-size:1.1em;
    display: block;
    padding: 7px 3px;
}
#videolist .newvideo {
    float: left;
    padding: 5px 26px 0 14px;
    font-style: normal;
    font-weight: bold;
    color: #c90033;
    font-size: 26px;
}
#videolist .cap {
    font-size: 17px;
    max-width: 650px;
    margin: 0 0 13px 0;
}
.thumb input {
    margin: 0;
    padding: 0;
    width: 13px
}
.quantity {
    margin-left: 130px;
    font-size: 10px;
    display: block;
}
.content2 .text {
    width: 630px;
    padding: 70px 300px 0px 60px;
    float: left;
    color: #6E5D65;
    font-size: 13px;
}
.content2 .img_gallery .order {
    margin: 5px 0 0 95px;
    float: left;
}
.content2 .img_gallery .order a {
    color: #aa677a;
    font-size: 16px;
    font-weight: bold
}
.content2 .img_gallery .order a:hover {
    color: #5F525B;
}
.content2 .cont_text {
    width: 580px;
    color: #64515B;
    padding: 30px 0px 30px 35px;
    float: left;
    line-height: 25px;
    font-size: 14px;
}
.content2 .cont_text p {
    margin: 0px;
    padding-bottom: 20px;
}
.content2 .contact_left {
    width: 162px;
    padding: 30px 35px 0px 68px;
    float: left;
    font-size: 14px;
    color: #64515B;
    line-height: 18px;
}
.content2 .contact_left li {
    padding-bottom: 20px;
}
.content2 .contact_right {
    width: 515px;
    padding: 30px 0px 0px 0px;
    float: left;
    font-size: 13px;
    color: #64515B;
}
.content2 .contact_right .num {
    width: 490px;
    float: left;
    font-size: 17px;
}
.content2 .contact_right .forms {
    width: 430px;
    float: left;
    padding: 10px 30px;
    background: #FAF3E4;
    margin-top: 20px;
}
.content2 .contact_right .forms li {
    padding: 5px 0px;
    line-height: 18px;
}
.content2 .contact_right .forms .inp1 {
    width: 180px;
}
.content2 .contact_right .forms textarea {
    width: 430px;
    height: 120px;
}
.content2 .contact_right .forms span {
    font-size: 11px;
    line-height: 10px;
}

@media screen and (max-width: 700px) {
    .content2 .contact_left {
        width: 100%;
        padding: 0 30px;
        box-sizing: border-box;
    }

    .content2 .contact_left img {
        padding-bottom: 20px;
    }

    .content2 .contact_right {
        width: 100%;
        padding: 0;
    }
    .content2 .contact_right .num {
        width: 100%;
        padding: 0 30px;
        box-sizing: border-box;
    }
    .content2 .contact_right .forms {
        width: 100%;
        box-sizing: border-box;

    }
    .content2 .contact_right .forms textarea {
        width: 100%;
        height: 120px;
    }
}

.content2 .oBox {
    width: 614px;
    margin: 0px auto;
    background-color: #f7f3e8
}
.content2 .oBox p {
    margin: 0px;
}
.content2 .oBox .p1 img {
    float: left;
}
.content2 .login {
    width: 210px;
    float: left;
    margin: 30px 0px 0px 30px;
    display: inline;
}
.content2 .login .title {
    width: 180px;
    float: left;
    padding: 8px 15px;
    background: #BCAFAC;
    font-size: 14px;
}
.content2 .login .forms {
    width: 180px;
    padding: 5px 15px 30px 15px;
    float: left;
    background: #FAF3E4;
    color: #64515B;
}
.content2 .login .forms p {
    margin: 0px;
    padding: 8px 0px;
}
.content2 .login .forms .inp1 {
    width: 170px;
}
.content2 .login .a_for {
    font-size: 13px;
    color: #64515B;
    float: left;
    margin: 15px 0px 0px 15px;
}
.content2 .login .a_for:hover {
    text-decoration: none;
}
.content2 .register {
    width: 490px;
    float: left;
    margin: 30px 0px 0px 20px;
    color: #64515B;
}
.content2 .register .title {
    width: 460px;
    float: left;
    padding: 8px 15px;
    background: #BCAFAC;
    font-size: 14px;
}
.content2 .register .title2 {
    width: 460px;
    float: left;
    padding: 8px 15px;
    background: #EEE3CB;
    font-size: 14px;
}
.content2 .register .forms {
    width: 460px;
    float: left;
    padding: 12px 15px;
    background: #FAF3E4;
    line-height: 18px;
}
.content2 .register .forms2 {
    width: 490px;
    float: left;
    padding: 12px 0px;
    background: #FAF3E4;
    line-height: 20px;
    font-size: 14px;
}
.content2 .register .forms2 li {
    width: 230px;
    padding: 0px 0px 0px 15px;
    min-height: 55px;
    height: auto !important;
    height: 55px;
    float: left;
}
.content2 .register .forms2 .inp1 {
    width: 200px;
}
.content2 .register .forms2 select {
    width: 205px;
}
.content2 .register .forms2 .sub {
    height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.footer {
    width: 100%;
    height: 50px;
    background: #64515B;
}
.content2 .pro {
    /*width: 584px;*/
    padding: 25px 0px 5px 5px;
}
.content2 .img_menu {
/*    width: 990px;*/
    padding: 0px 0px 0px 58px;
    /*float: left;*/
    text-align: center;
    overflow:hidden;
}
.content2 .img_menu li {
    float: left;
    padding: 15px;
    color: #66525B;
}
.content2 .img_menu li p {
    margin: 0px;
    padding: 5px 0px;
    color: #6E5D65;
}
.content2 .cont_text1 .img_menu a {
    text-decoration: none;
    color: #AF959E;
    font-weight: normal
}
.content2 .cont_text1 .img_menu a:hover {
    color: #64515b;
}
.content2 .cont_text1 .display {
    float: left;
    margin-left: 50px;
}
.money, .newcontent .productsbox p.money {
    color: #8e2d52;
    font-size: 20px;
    font-weight: normal
}

.newcontent.display-page {
    padding-top: 38px;
}

.newcontent.display-page h1 {
    float: left;
    font-size: 40px;
    color: #8e2d52;
    text-transform: none;
    margin: 4px 35px 23px 10px;
}

.newcontent.display-page h1 ~p {
    font-size: 20px;
    line-height: 22px;
}

.display-page .productsbox h2 em {
    display: block;
    text-align: center;
    font-size: .8em;
    font-style: normal;
}

.display-page .productsbox p {
    margin-left: 0;
    line-height: 22px;
}

.display-page .productsbox p strong {
    text-decoration: underline;
    display: block;
    margin: 10px 0;
    font-size: 1.1em;
}

.display .money {
    font-size: 20px;
}
.content2 .cont_text1 .display h3 {
    font-size: 17px;
    color: #945f1d;
    font-weight: normal;
    margin-bottom: 5px;
}
.content2 .cont_text1 .display p {
    margin: 0 0 5px 0;
}
.content2 .cont_text1 .display a {
    font-size: 16px;
    color: #945f1d;
    padding-right: 10px;
    background: #FBF9F6 url(/images/arrowr.jpg) no-repeat center right;
}
.content2 .ph {
    padding-left: 58px;
}
.content2 .link {
    width: 940px;
    margin-left: 58px;
    padding: 0px 0px 0px 50px;
}
.content3 .cap {
    font-size: 22px;
    color: #5F525B;
    font-weight: normal;
    margin-left: 60px;
    margin-top: 20px;
}
/* new sub pages */
/*----------------------------------------Dodge_Order_ConfirmationNEW--*/

.header2 {
    margin: 0px auto;
    background: #FFF;
    overflow: hidden;
    max-width: 1098px;    
}

.header2 .slogan {
    float: right;
    display: block;
    margin-top: 49px;
    max-width: 50%;
}

.header2 .log {
    float: left;
    padding: 14px 125px 9px;
    max-width: 25%;   
}

.header2 .log.large {
    max-width: 50%;
}

.header2 .log img {
    max-height: 95px;
}
.header2 .log.large img {
    max-height: 172px;
}

.fp .header2 .log.large img {
    max-height: 170px;
}

.fp .header2 .log {
    padding: 14px 0 9px;
}

.header2 div.login {
    float: right;
    display: inline;
    margin: 28px 11px 0px 0px;
    color: #AF959E;
    font-size: 20px;
    font-weight: normal;
    text-align: right;
}
.header2 div.login a {
    color: #AF959E;
    display: inline-block;
    padding: 0 29px 0 29px;
}

.header2 div.login a:last-child {
    color: #AF959E;
    border-left: 2px solid #AF959E;
    padding:0 0 0 29px;
}

.header2 div .welcome {
    border-right: 2px solid #AF959E;
    padding: 0 29px 0 0;
}

.header2 div.login a:hover {
    color: #5F525B;
}

@media screen and (max-width: 1024px) {    
    .header2 .log {
        padding: 14px 0 9px 7%;
    }
    
    .header2 .log {
        max-width: 25%;
    }
    .header2 .log.large {
        max-width: 25%;
    }
    .header2 .log img {
        max-width: 200%;
    }

    .header2 .welcome {
        display: none;
    }
}

@media screen and (max-width: 700px) {


    .header2 div.login a {
        padding: 0 5px 0 0;
    }

    .header2 div.login a:last-child {
        padding:0 0 0 5px;
    }

    .header2 .slogan {
        margin-top: 15px;
    }
}


.topMenu2 {
    width: 100%;
    background: #EAE2CB;
}
.topMenu2 div {
    max-width: 990px;
    overflow: hidden;
    margin: 0px auto;
}
.topMenu2 div a {
    float: left;
    display: inline;
    margin-left: 55px;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #A68E89;
    font-size: 16px;
    font-weight: bold;
}
.topMenu2 div .ahover {
    background: url(/images/icon01.gif) no-repeat 0px 5px;
    color: #5F525B;
}
.topMenu2 div a:hover {
    background: url(/images/icon01.gif) no-repeat 0px 5px;
    color: #5F525B;
}
.content3 {
    max-width: 990px;
    margin: 0px auto;
    overflow: hidden;
    background: #fff;
    padding: 30px 0px 100px 0px;
}
.content3 .tab1 {
    float: left;
    display: inline;
    width: 100%;
    overflow: hidden;
}
.content3 .tab1 .toptxt {
    font-size: 17px;
    font-style: italic;
    color: #996778;
    font-weight: bold;
    line-height: 45px;
    min-height: 45px;
}
.content3 .tab1 .capbar {
    width: 100%;
    height: 60px;
    background: #EAE2CB;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    color: #5F525B
}
.content3 .tab1 .box {
    width: 100%;
    background: #F8F3E4;
    color: #5F525B;
    line-height: 20px;
    padding: 10px 0px;
    overflow: hidden;
}
.content3 .tab1 .box .tab td {
    padding-right: 5px;
}
.content3 .tab1 .box .total {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-right: 25%;
    line-height: 30px;
    padding-top: 10px;
    font-size: 14px;
    text-align: right;
}
.content3 .tab1 .box1 {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    background: #F8F3E4;
    color: #5F525B;
    padding: 10px 30px;
    overflow: hidden;
}
.popup {
    font-size: 14px;
    background: #F8F3E4;
    color: #5F525B;
    height: 230px;
    padding: 0 10px;
}
/*----------------------------------------Dodge_Order_PaymentNEW--*/

.content3 .tab1 .toptxt1 {
    font-size: 17px;
    color: #996778;
    font-weight: bold;
    line-height: 45px;
    height: 45px;
}
.content3 .tab1 .capbar1 {
    width: 100%;
    padding: 0px 30px;
    height: 35px;
    background: #B7ADAB;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    color: #5F525B
}
.content3 .tab1 .capbar1 span {
    float: left;
}
.content3 .tab1 .capbar1 a {
    float: right;
    color: #5F525B;
}
.content3 .tab1 .capbar1 a:hover {
    color: #AF959E;
}
.content3 .tab1 .box .tab {
    float: left;
    display: inline;
}
.content3 .tab1 .box .tab2 td {
    padding: 4px 12px;
}
.content3 .tab1 .box .tab2 th {
    padding: 4px 11px;
    text-align: left;
}
.content3 .tab1 .box .tab2 td a:not(.btn) {
    color: #5F525B;
}
.content3 .tab1 .box .tab2 td a:hover:not(.btn) {
    color: #AF959E;
}
.content3 .tab1 .box .bn1 {
    float: left;
    width: 735px;
    overflow: hidden;
}
.content3 .tab1 .box .bn1 .add {
    float: left;
    display: inline;
    margin: 10px 0px 0px 30px;
    width: 170px;
    height: 19px;
    border: none;
    background: url(/images/add_bn.jpg);
    cursor: pointer;
}
.content3 .tab1 .box .bn1 img {
    float: left;
    display: inline;
    margin-left: 10px;
}
.content3 .tab1 .box .tab3 {
    float: left;
    display: inline;
    margin: 5px 0px 0px 30px;
}
.content3 .tab1 .box .tab3 td {
    padding: 0px 2px
}
.content3 .tab1 .box .tab4 {
    float: left;
    display: inline;
    margin: 5px 0px 0px 30px;
}
.content3 .tab1 .box .tab4 td {
    padding: 5px 2px
}
.content3 .tab1 .capbar .subbn {
    float: right;
    display: inline;
    margin: 8px 30px 0px 0px;
    font-size: 2em;
}
.content3 .tab1 .capbar .backbn {
    display: inline;
    margin: 8px 0px 0px 30px;
    font-size: 2em;
}
/*----------------------------------------Dodge_ReprintOrder_Payment--*/

.content3 .tab1 .box .order {
    float: left;
    display: inline;
    margin: 0px 0px 0px 30px;
    width: 108px;
    height: 19px;
    border: none;
    background: url(/images/order.jpg);
    cursor: pointer;
}
/*----------------------------------------Dodge_Order_UploadNEW--*/

.content3 .tab1 .box .uppic {
    float: left;
    display: inline;
    margin: 15px 0px 0px 65px;
}
.content3 .tab1 .box .uppic td {
    padding: 5px;
}
.content3 .tab1 .box .uppic .browse {
    border: none;
    width: 89px;
    height: 19px;
    background: url(/images/browse.gif);
}
/*----------------------------------------Dodge_ScanningHelp--*/

.content2 .cont_text1 {
    width: 875px;
    color: #64515B;
    padding: 30px 50px 30px 50px;
    float: left;
    line-height: 25px;
    font-size: 14px;
}
.content2 .cont_text1 a {
    color: #64515B;
    font-weight: bold;
}
.content2 .cont_text1 a:hover {
    color: #AF959E;
}
.content2 .cont_text1 .cap {
    font-weight: bold;
    font-size: 18px;
}
.content2 .cont_text1 .fb {
    font-weight: bold;
    padding-right: 5px;
}
/*----------------------------------------Dodge_RegistrationAccountManager--*/

.content3 .cont_text2 {
    /* width: 935px; */
    color: #64515B;
    padding: 10px 20px 30px 20px;
    /* float: left; */
    font-size: 14px;
}
.content3 .cont_text2 .txt1 {
    line-height: 25px;
    font-size: 14px;
    font-weight: bold;
    color: #5F525B;
}
.content3 .cont_text2 .txt1 .cap1 {
    font-size: 18px;
}
.content3 .cont_text2 .bar {
    color: #624318;
    /* width: 925px; */
    padding: 0 5px;
    margin-top: 10px;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
    background: #EDE3CC;
}
.content3 .cont_text2 .bar .t1 {
    float: left;
    display: inline;
}
.content3 .cont_text2 .bar .topright {
    float: right;
}
.content3 .cont_text2 .rep {
    color: #003f62;
    background: #c8d6ec
}
.content3 .cont_text2 .bar .topright a {
    color: #624318;
}
.content3 .cont_text2 .bar .topright a:hover {
    color: #AF959E;
}
.content3 .cont_text2 .box {
    /* width: 935px; */
    overflow: hidden;
    padding: 15px 0px;
}
.content3 .cont_text2 .box ul {
    display: block;
    overflow: auto;
}

.content3 .cont_text2 .box .full_history {
    text-align: center;
    padding: 10px;
    font-size: 16px;
}

.content3 .cont_text2 .box ul li {
    float: left;
    padding: 2px 5px 2px 0px;
}
.content3 .cont_text2 .box .list1 {
    width: 365px;
}
.content3 .cont_text2 .box .list1 li {
    width: 180px;
    line-height: 24px;
    height: 28px;
}
.content3 .cont_text2 .box .list2 {
    margin: 0 0 0 64px;
    width: 410px;
    line-height: 24px;
}
.content3 .cont_text2 .box .list2 li {
    line-height: 24px;
}
.content3 .cont_text2 .box .change {
    float: left;
    display: inline;
    margin: 5px 0px 0px 690px;
    border: 1px solid #89663D;
    background: #BEBEBE;
    width: 120px;
}
.content3 .cont_text2 .box .list3 img {
    object-fit: cover;
    width: 100px;
    height: 125px;
}

.content3 .cont_text2 .box .list3 h3 {
    color: #5F525B;
}

.content3 .cont_text2 .box .list3 a.thumb {
    display:block;
    float:left;
}
.content3 .cont_text2 .box .list3 li {
    width: 390px;
}

.content3 .cont_text2 .box .list3.orders_products li {
    border-bottom: 1px solid #586c8f;
    padding: 10px;
}

.content3 .cont_text2 .box .list4 li {
    width: 345px;
}
.content3 .cont_text2 .bar .click {
    color: #5F525B;
    font-weight: bold;
    text-decoration: none;
}
.content3 .cont_text2 .box .tab5 {
    float: left;
    display: inline;
    margin-left: 20px;
}
.content3 .cont_text2 .box .tab5 td {
    padding: 5px 0px;
}
.content3 .cont_text2 .box .tab5 td a {
    color: #5F525B;
}
.content3 .cont_text2 .box .tab5 td a:hover {
    color: #AF959E;
}
/*----------------------------------------Dodge_OrderForm_Reprint--*/

.content4 {
    max-width: 920px;
    margin: 0px auto;
    overflow: hidden;
    background: #faf9f5;
    padding: 35px 0px 100px 70px;
}


@media screen and (max-width: 700px) {
    .content4 {
        padding: 5px 0;
    }
}

.content4.responsive {
    width: auto;
    max-width: 920px;
}

.content4 .scanned {
    float: right;
    width: 160px;
    margin-right: 15px;
    border: 1px solid #a68e89;
    text-align: center;
}
.content4 .scanned h4 {
    text-align: center;
}
.content4 .left1 {
    float: left;
    width: 230px;
    overflow: hidden;
    display: inline;
    margin-right: 30px;
}
.content4 .cap {
    font-size: 18px;
    font-weight: bold;
    color: #996778;
}
.content4 .left1 img {
    margin-top: 85px;
    border: 2px solid #463942;
}
.content4 .right1 {
    float: right;
    width: 390px;
    font-size: 13px;
}
.content4 .right1 .tab6 {
    float: left;
    margin-bottom: 35px;
    font-weight: bold;
    color: #A05300;
    background: #EAE2CB;
    padding: 8px;
}
.content4 .right1 .cap2 {
    float: left;
    width: 465px;
    font-weight: bold;
    background: #EAE2CB;
    color: #5F525B;
    padding-left: 35px;
    height: 35px;
    line-height: 35px;
}
.content4 .right1 .box2 {
    float: left;
    width: 465px;
    background: #F8F3E4;
    padding: 20px 0px 20px 35px;
    line-height: 30px;
    color: #5F525B;
}
.content4 .tab7 td {
    padding: 2px 0px;
}
.content4 .right1 .box2 .tbox {
    width: 290px;
}
.content4 .right1 .cap2 .submit {
    float: right;
    display: inline;
    margin: 10px 35px 0px 0px;
    cursor: pointer;
    border: none;
    width: 55px;
    height: 18px;
    background: url(/images/submit.jpg);
}
/*----------------------------------------Dodge_OrderForm_Portrait-classicNEW--*/

.content4 .con4top .left01 {
    float: left;
    width: 320px;
    overflow: hidden;
    display: inline;
    line-height: 24px;
    color: #5F525B;
}
.content4 .con4top .listpic {
    float: left;
    margin-top: 10px;
}
.content4 .con4top .listpic .pic {
    float: left;
    display: inline;
    font-size: 14px;
    color: #5F525B;
    margin-left: 19px;
    width: 103px;
    overflow: hidden;
    text-align: center;
    font-style: italic;
    height: 175px;
}

.content4 .con4top .listpic .pic img {
    display: block;
    margin-bottom: 8px;
}

.content4 .left2 {
    float: left;
    width: 330px;
}
.content4 .left2 .bpic {
    border: 2px solid #463942;
    margin: 0 auto 15px;
    max-width: 100%;
    display: block;
}
.content4 .left2 .t {
    margin-bottom: 45px;
}
.content4 .left2 .cap {
    float: left;
    width: 305px;
    font-weight: bold;
    background: #EAE2CB;
    color: #5F525B;
    padding-left: 15px;
    height: 35px;
    line-height: 35px;
}
.content4 .left2 .box {
    float: left;
    width: 305px;
    background: #F8F3E4;
    font-size: 13px;
    padding: 20px 0px 20px 15px;
    line-height: 30px;
    color: #5F525B;
}
.content4 .left2 select,
.content4 .left2 .box .tbox {
    width: 270px;
}
.content4 .right2 {
    float: left;
    max-width: 510px;
    display: inline;
    margin-left: 10px;
    overflow: visible
}
.content4 .right2 div {
    box-sizing: border-box;
}
.content4 .right2 .bpic {
    float: left;
    margin-left: 50px;
    border: 2px solid #463942;
    margin-bottom: 15px;
}
.content4 .right2 .t {
    margin-bottom: 45px;
}
.content4 .right2 .cap {
    float: left;
    width: 100%;
    font-weight: bold;
    background: #EAE2CB;
    color: #5F525B;
    padding-left: 15px;
    height: 35px;
    line-height: 35px;
}
.content4 .right2 .box {
    float: left;
    width: 100%;
    background: #F8F3E4;
    padding: 20px 0px 20px;
    line-height: 20px;
    font-size: 14px;
    color: #472d31;
}
.content4 .right2 .box table span {
    font-size: 11px;
    color: #957a83;
    font-weight: bold;
}
.content4 .right2 .box table span strong {
    color: #9f4c54;
}
.content4 .right2 .box table span.price {
    font-size: 16px;
    font-weight: bold;
    color: #492e31
}
.content4 .right2 .submit {
    float: right;
    display: inline;
    margin: 10px 35px 0px 0px;
    font-size: 2em;
}
.content4 .right2 .reset {
    float: left;
    display: inline;
    margin: 10px 35px 0px 0px;
    font-size: 2em;
}
.content4 .choices {
    color: #ad5c27;
}
#timeneeded {
    width: 130px;
}
.fedex_logo {
    color: #282b97;
    font-weight: bold;
}
.fedex_logo b {
    color: #007dad;
}
#shippingbox table {
    width: 290px;
}
/*----------------------------------------Dodge_FramesMaster--*/

.box3 {
    float: left;
    display: inline;
    margin: 0 10px 10px;
    padding: 10px;
    box-sizing: border-box;
    width: 210px;
    overflow: hidden;
    color: #5F525B;
    text-align: left;
    height: 455px;
    font-size: 16px;
    line-height: 24px;
}
.box3 .t2 {
    width: 40px;
    height: 25px;
    font-size: 16px;
}
.box3 div, .box3>label>span {
    float: left;
    padding-top: 10px;
    overflow: hidden;
}

.box3 p {
    margin: 2px 0px 0px;
}
.box4 {
    float: left;
    display: inline;
    margin: 0px 50px 20px 0px;
    color: #5F525B;
    text-align: center;
}
.productbox {
    float: left;
    display: inline;
    margin: 0px 80px 10px 40px;
    overflow: hidden;
    color: #5F525B;
    text-align: left;
}
.productbox li {
    list-style: disc inside;
}

.short_name {
    width: 170px;
    float: left;
}
.productbox li.product b {
    width: 40px;
    float: left;
    margin: 0 10px
}
.productbox li.product .space {
    padding-right: 70px;
}
.productbox li.product {
    list-style: none;
    float: left;
    padding: 5px 0;
}
.homepagebox {
    float: left;
    display: block;
    width: 25%;
    padding: 18px;
    color: #5F525B;
    text-align: left;
    box-sizing: border-box;
}
.homepagebox img {
    border: 1px solid #b5acaf;
    width: 100%;
}

@media screen and (max-width: 800px) {
    .homepagebox {
        width: 50%;
        padding: 9px;
    }
}

@media screen and (max-width: 480px) {
    .homepagebox {
        float: none;
        width: 88%;
        padding: 9px 0;
        margin: 0 auto;
    }
    
    .homepageslider {
        padding: 0; 
        width: 100vw;
        margin-left: -15px;
    }
}

.homebotbox {
    float: left;
    display: inline;
    width: 33.3333%;
    padding: 18px;
    overflow: hidden;
    color: #5F525B;
    text-align: left;
    box-sizing: border-box;
}
.homebotbox img {
    border: 1px solid #b5acaf;
    width: 100%;
}

@media screen and (max-width: 800px) {
    .homebotbox {
        width: 50%;
        padding: 9px;
    }
}

@media screen and (max-width: 480px) {
    .homebotbox {
        float: none;
        width: 100%;
        padding: 0;
    }
}

.box-banner {
    float: left;
    display: inline;
    margin: 1px 1px 30px 10px;
    width: 150px;
    padding: 1px;
    overflow: hidden;
    color: #5F525B;
    text-align: center;
    border: 1px white solid
}
.box-banner:hover {
    border: 1px #5F525B solid
}
.box-banner div {
    margin-top: 5px;
}
.box-banner b {
    color: #b88e5f;
}
.box-banner a:link img {
    text-decoration: none;
}
.box-banner a {
    color: #6d5e65;
    font-size: 12px;
    line-height: 27px;
}
.box-banner a:hover {
    color: #624318;
}
/*----------------------------------------Dodge_Order_UploadMaster--*/

.content3 .tab1 .box .uppic1 {
    float: left;
    display: inline;
    margin: 15px 0px 0px 65px;
    width: 100%;
}
.content3 .tab1 .box .uppic1 td {
    padding: 5px;
}
.content3 .tab1 .box .uppic1 .browse {
    border: none;
}
/*----------------------------------------Dodge_OrderForm_Portrait-classicMaster--*/

.content4 .right2 .box .bn2 {
    float: left;
    width: 230px;
    color: #C14900;
    font-size: 14px;
    text-align: center;
}
.content4 .right2 .box .bn2 .addframes {
    width: 170px;
    height: 19px;
    background: url(/images/addframe.gif);
    border: none;
    cursor: pointer;
}
.content4 .right2 .box .pic1 {
    float: right;
    width: 100px;
    padding-right: 20px;
}
/*----------------------------------------MRDodgeAdminOrderEntryMaster--*/

.container {
    width: 980px;
    overflow: hidden;
    margin: 0px auto;
}
.container .header3 {
    float: left;
    width: 980px;
    text-align: center;
}
.container .header3 .log1 {
    float: left;
    width: 980px;
}
.container .header3 .log1 a {
    margin-right: 20px;
}
.container .header3 .link1 {
    float: left;
    width: 980px;
    font-size: 14px;
    line-height: 20px;
}
.container .header3 .link1 a {
    color: #000;
}
.container .content6 {
    float: left;
    width: 980px;
    margin-top: 15px;
}
.container .content6 .caption {
    float: left;
    width: 973px;
    padding-left: 7px;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    background: #CBC8CE;
}
.container .content6 .box4 {
    float: left;
    width: 960px;
    padding: 15px 0px 15px 20px;
    background: #EDF3FA;
}
.container .content6 .box4 td {
    padding: 5px;
}
.container .content6 .top38 {
    margin-top: 38px;
}
.container .content6 .box4 .t3 {
    width: 250px;
}
.container .content6 .box4 .tab8 {
    float: left;
}
.container .content6 .box4 .tab8 td {
    text-align: left;
    line-height: 30px;
}
.container .content6 .box4 .tab8 td .rid {
    margin-top: 8px;
}
.container .content6 .box4 .tab8 td .se1 {
    width: 120px;
    height: 20px;
    margin-left: 20px;
    display: inline;
}
.container .content6 .box4 .tab8 td .se2 {
    width: 40px;
    height: 20px;
    margin-right: 20px;
    display: inline;
}
.container .content6 .box4 .tab8 td .se3 {
    width: 160px;
    height: 20px;
    margin-left: 20px;
    display: inline;
}
.container .content6 .box4 .tab8 td .se4 {
    width: 120px;
    height: 20px;
    margin-right: 30px;
    display: inline;
}
.container .content6 .box4 .tab8 td .se5 {
    width: 80px;
    height: 20px;
    margin-right: 30px;
    display: inline;
}
.container .content6 .box4 .tab9 {
    float: right;
    line-height: 24px;
}
.container .content6 .box4 .tab9 td .rid2 {
    margin-top: 6px;
}
.container .content6 .box4 .tab9 .se1 {
    width: 120px;
    margin-left: 20px;
}
.container .content6 .box4 .date_n {
    float: left;
    width: 960px;
    padding-left: 20px;
    height: 32px;
    line-height: 32px;
    background: #EDF3FA;
}
.container .content6 .box4 .tab10 {
    float: left;
    display: inline;
    margin: 15px 0px 0px 40px;
}
.container .content6 .box4 .tab10 td {
    padding: 1px 5px;
    line-height: 14px;
}
.container .content6 .box4 .payment_ul {
    float: left;
    width: 980px;
    margin: 0px;
    padding: 0px;
}
.container .content6 .box4 .payment_ul li {
    float: left;
    width: 960px;
    padding-left: 20px;
    height: 32px;
    line-height: 32px;
}
.container .content6 .box4 .subord {
    float: right;
    width: 88px;
    height: 18px;
    background: url(/images/submitorder.gif);
    border: none;
}
#members {
    width: 875px;
    color: #64515B;
    padding: 30px 50px 30px 50px;
    float: left;
    line-height: 25px;
    font-size: 14px;
}
#members a {
    color: #64515B;
    font-weight: bold;
}
#members .h2 {
    font-weight: bold;
    font-size: 18px;
}
.description {
    vertical-align: bottom;
    margin-bottom: 10px;
}
/*input.required, textarea.required {
    border: 1px solid #EEE3CB;
}*/

input.validation-failed,
textarea.validation-failed {
    border: 1px solid #FF3300;
    color: #FF3300;
}
input.validation-passed,
textarea.validation-passed {
    border: 1px solid #00CC00;
    color: #000;
    background-color: #FAFFFA;
}
.validation-advice {
    margin-bottom: 5px;
    padding: 3px;
    color: #FF3300;
}
.custom-advice {
    margin: 5px 0;
    padding: 5px;
    background-color: #C8AA00;
    color: #FFF;
    font-weight: bold;
}

ul.styles li {
    float: left;
    padding: 19px;
    font-size: 16px;
}
ul.styles li a {
    color: #c0c0c0;
}
ul.styles li a:hover,
ul.styles li a.current {
    color: #b98190;
}
input.error {
    border: 1px dotted red;
}
div.error {
    display: none;
}
label.error {
    margin-left: 10px;
    width: 200px;
    /* remove the next line when you have trouble in IE6 with labels in list */
    
    color: red;
    font-style: italic
}
/* MR homepage */

.fleft {
    float: left;
}
.fc_yellow {
    color: #F6D28E;
}
/*--top--*/

.top {
    float: left;
    width: 1001px;
    height: 153px;
}
.top .log {
    float: left;
}
.top .login {
    float: right;
    display: inline;
    margin: 94px 155px 0px 0px;
    font-size: 14px;
    color: #A99096;
    font-weight: bold;
}
/*	.top .login a { color: #472B36; font-size: 20px; text-decoration: underline; font-family: Goudy; }*/

.container {
    width: 1001px;
    padding-left: 2px;
    margin: 0px auto;
    overflow: hidden;
    position: relative
}
/*.fla {  width: 262px; height: 675px; overflow: hidden; margin: -100px 0px 0px 30px;     }*/

.fla {
    position: absolute;
    z-index: 80;
    left: 100px;
    right: 100px;
    clear: both;
    width: 262px;
    height: 675px;
    overflow: hidden;
    margin: -100px 0px 0px 150px;
    background-image: url(/images/fotoframe.png);
    background-repeat: no-repeat;
    padding-top: 115px;
    padding-left: 40px;
}
.mrcontent {
    float: left;
    width: 1001px;
    padding-bottom: 20px;
    overflow: hidden;
    background: #AD9C88;
    background: url(/images/con_bg.jpg);
}
.mrcontent .left {
    float: left;
    width: 200px;
}
.mrcontent .left .left_top {
    float: left;
    width: 200px;
    height: 10px;
    overflow: hidden;
    font-size: 0px;
    background: url(/images/left_top.jpg) no-repeat;
}
.mrcontent .left .p_ms {
    float: left;
    width: 200px;
    overflow: hidden;
    margin-top: 20px
}
.mrcontent .left .p_ms .txt {
    float: left;
    width: 200px;
    text-align: center;
    font-size: 13px;
    font-style: italic;
}
.mrcontent .left .p_ms .pic {
    float: left;
    margin-top: 7px;
    width: 200px;
    text-align: center;
}
.mrcontent .left .p_ms .pic img {
    border: 1px solid #4A2E3A;
}
.mrcontent {
    float: left;
    width: 1001px;
    padding-bottom: 20px;
    overflow: hidden;
    background: #AD9C88;
    background: url(/images/con_bg.jpg);
}
.mrcontent .mrright {
    float: right;
    width: 787px;
    overflow: hidden;
}
.mrcontent .mrright .box {
    float: left;
    margin-top: 13px;
    width: 787px;
    height: 601px;
    background: url(/images/right_box_bg.jpg) repeat-x;
    overflow: hidden;
}
.mrcontent .mrright .box .t1 {
    margin: 280px 0px 0px 200px;
    position: absolute;
    z-index: 81;
    font-style: italic;
    font-size: 17px;
    color: #fff;
}
.mrcontent .mrright .pic_w {
    position: absolute;
    float: right;
    margin: 13px 0px 0px 320px;
    width: 165px;
    height: 601px;
    overflow: hidden;
    z-index: 80;
}
.mrcontent .mrright .pic_t {
    position: absolute;
    float: right;
    margin: 13px 0px 0px 520px;
    width: 186px;
    height: 320px;
}
.mrcontent .mrright .box1 {
    position: absolute;
    float: right;
    margin: 330px 0px 0px 450px;
    width: 320px;
    padding-bottom: 10px;
    overflow: hidden;
    z-index: 82;
}
.mrcontent .mrright .box1 table {
    margin: 0 15px 0 15px;
    width: 300px;
}
.mrcontent .mrright .box1 .t2 {
    font-size: 17px;
    color: #5F525B;
    padding: 5px;
    background: #AD9C88;
}
.mrcontent .mrright .box1 td {
    font-size: 16px;
    color: #fff;
    padding: 9px
}
.mrcontent .mrright .box1 td .bn {
    border: none;
    margin: 5px 0;
    width: 135px;
    height: 18px;
    background: url(/images/bn_bg.jpg);
    color: #5F525B;
}
.mrcontent .mrright .box1 table a {
    color: #ffe9d2
}
.mrcontent .mrright .box1 table a:hover {
    color: #D3B795;
}
.mrcontent .mrright .p_box {
    float: left;
}
.mrcontent .mrright .p_box .p_box1 {
    float: left;
    margin: 30px 0px 0px;
    width: 247px;
    height: 118px;
    background: url(/images/p_box.jpg);
}
.mrcontent .mrright .p_box .p_box2 {
    float: left;
    display: inline;
    margin: 30px 11px 0px;
    width: 247px;
    height: 118px;
    background: url(/images/p_box.jpg);
}
.popout {
    padding: 10px;
    color: #543243;
    font-size: 14px;
    height: 480px;
}
.offwhite {
    background-color: #fcf9f6;
}
.popout img {
    float: left;
    margin-right: 20px;
    margin-top: 25px;
}
.popout div {
    width: 270px;
    float: right;
}
.popout ul,
.popout li {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 10px;
    text-indent: -13px;
}
#portrait,
#economy,
#banner,
#dp {
    background: #FBF9F6 url(/images/learnmore.jpg) no-repeat 100% 50%;
    color: #795766;
    font-size: 10px;
    padding-right: 15px;
}
.products li {
    float: left;
    width: 200px;
    margin-left: 50px;
}
.qq-uploader {
    position: relative;
    width: 100%;
}
.qq-upload-button {
    display: block;
    /* or inline-block */

    font-size: 1.4em;

}
.qq-upload-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 70px;
    z-index: 2;
    background: #FF9797;
    text-align: center;
}
.qq-upload-drop-area span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 16px;
}
.qq-upload-drop-area-active {
    background: #FF7171;
}
.qq-upload-list {
    margin: 15px 35px;
    padding: 0;
    list-style: disc;
}
.qq-upload-list li {
    margin: 0;
    padding: 5px;
    float: left;
    line-height: 15px;
    font-size: 12px;
}
.qq-upload-file,
.qq-upload-spinner,
.qq-upload-size,
.qq-upload-cancel,
.qq-upload-failed-text {
    margin-right: 7px;
}
.qq-upload-file {} .qq-upload-spinner {
    display: inline-block;
    background: url("/images/loading.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}
.qq-upload-size,
.qq-upload-cancel {
    font-size: 11px;
}
.qq-upload-failed-text {
    display: none;
}
.qq-upload-fail .qq-upload-failed-text {
    display: inline;
}
a.qq-upload-preview:link,
a.qq-upload-preview:hover,
a.qq-upload-preview:visited {
    font-size: 0.75em;
}
ul.normal,
.normal li {
    list-style: disc;
    margin-left: 20px;
}
.box a img {
    padding-right: 20px;
}
input.qq-upload-delete {
    width: 40px;
    font-size: 10px;
    padding: 0;
}
a img {
    text-decoration: none;
}
#flyers img {
    display: block;
}
.pricebox {
    margin: 30px 0 30px 237px;
    clear: both;
    position: relative;
}
.pricebox img {
    position: absolute;
    left: -130px;
}
.pricebox h3 {
    color: #a96a48;
    margin: 0 1px;
    font-size: 22px
}
.pricebox p {
    color: #9b7755;
    font-size: 1.2em;
    line-height: 1.1em;
}
.pricebox li {
    color: #a78c95;
    list-style: none;
    border-bottom: 2px dotted #a78c95;
    position: relative;
    font-size: 1.25em;
    clear: both;
    height: 1em;
    margin: 1em 0;
}
.pricebox li .item {
    float: left;
    background: #FBF9F6;
    padding-right: 5px;
}
.pricebox li .item span {
    margin-left: 75px;
    font-size: .7em;
}
.pricebox li .price {
    float: right;
    background: #FBF9F6;
    width: 154px;
    padding-left: 5px;
}
.pricebox li .price span,
.pricebox li .price em {
    font-size: 0.8em;
}
.newcontent  {
    padding: 15px;
}

.newcontent a:not(.btn) {
    color: #874836;
}
.newcontent h1 {
    color: #61515c;
    font-size: 16px;
    margin-left: 20px;
    text-transform: uppercase;
}
.newcontent h3 {
    color: #a76b47;
    font-size: 17px;
    margin: 1px 0;
}
.productsbox h2 img {
    margin: 0;
}
.newcontent h2 {
    font-size: 25px;
    color: #40608f;
    margin: 0;
}
.newcontent p {
    color: #62525c;
    font-size: 13px;
    margin: 5px 0;
    line-height: 15px;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}

.productsbox a {
    text-decoration: none;
    display: block;
    height: 100%;
    padding: 27px;
}

.productsbox p {
    font-size: 14px;
    line-height: 16px;
    margin-left: 19px;
}
.productsbox {
    flex: 1;
    border: 1px solid #d8dee4;
    margin: 0 1%;
    box-sizing: border-box;
}

.productsbox:hover {
    border: 1px solid rgba(91,192,222,1);
    background: #d8dee4;
}
.productsbox>a>img {
    margin-top: 24px;
    width: 100%;
}
.productsbox .price {
    font-size: 17px;
    color: #8e2d52;
}
.note {
    font-size: 12px;
    display: inline-block;
    line-height: 12px;
    margin-top: 4px;
    vertical-align: top;
}
.likeabutton {
    text-decoration: none;
    font: menu;
    display: inline-block;
    padding: 2px 8px;
    background: ButtonFace;
    color: ButtonText;
    border-style: solid;
    border-width: 2px;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
    appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
    text-decoration: none;
    font: menu;
    color: ButtonText;
    display: inline-block;
    padding: 2px 8px;
}
.likeabutton:active {
    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
a.likeabutton:hover {
    color: ButtonText;
}
.highlight {
    padding: 1px;
    display: block;
}
.highlight:hover {
    padding: 0px;
    border: 1px solid #CCC;
}
input.selector {
    position: absolute;
    left: 100px;
    top: 10px;
}
input:checked + label.highlight {
    background: #CAD8EE;
}
.flyerbox {
    width: 158px;
    margin: 5px;
    padding-top: 10px;
    position: relative;
}
.box.preview {
    font-size: 18px;
}
.box.preview p {
    margin: 20px 95px;
}

.homepageslider {
    padding: 38.9148737% 18px 0;
    position: relative;
}

.homepageslider img {
    opacity: 1;
    transition: opacity 1s ease-out;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
}

.homepageslider .hidden {
    opacity: 0;
    transition: opacity 1s ease-out;
}

@media screen and (max-width: 480px) {
    .homepageslider {
        padding: 45% 0 0 0;
        width: 100vw;
        margin-left: -15px;
    }
}

.newcontent.pyo-page {
    padding: 7px;
    color: #70565a;
    background: white;
}

.pyo-page h1, .pyo-page h2 {
    color: #35161c;
}

.pyo-page h1 {
    text-align: center;
    text-transform: none;
    font-size: 42px;
    margin: 3px 0;
    line-height: 52px;
}

.pyo-page h2 {
    font-size: 43px;
    font-weight: normal;
}

.pyo-page h2 em {
    text-align: left;
    color: #ab5255;
    display: block;
    font-size: 36px;
    font-style: normal;
    font-weight: bold;
}

.pyo-page h1 strong {
    color: #96122d;
}

.pyo-printers {
    width: 40%;
    float: left;
    text-align: center;
}
.pyo-woman {
    width: 20%;
    float: left;
    padding: 60px 16px 0;
    box-sizing: border-box;
}
.pyo-howitworks {
    width: 40%;
    float: right;
}

.pyo-howitworks h3 {
    color: #8f646d;
    font-size: 26px;
    margin: 30px 0 26px;
}

.pyo-page p {
    font-size: 21px;
    line-height: 27px;
    font-weight: bold;
    margin: 10px 0;
}
.pyo-howitworks p strong {
    font-size: 36px;
}
.pyo-printers li {
    font-size: 20px;
    margin: 10px 0 10px 0;
    font-weight: bold;
}

.pyo-printers li strong {
    display:block;
    color: #d62522;
    text-align: center;
    font-size: 28px;
    margin: 15px;
}

.pyo-printers .price {
    font-size: 40px;
}

.pyo-printers li img {
    max-width: 100%;
}

.pyo-printers .price span {
    font-size: 26px;
    vertical-align: top;
    margin: 2px 0 0 8px;
    display: inline-block;
}

.pyo-printers li.wholesale {
    list-style: disc;
    font-size: 24px;
    box-sizing: border-box;
    margin: 1px 0 0 15px;
    text-align: left;
}

.pyo-printers li.wholesale img {
    margin: 15px 0;
}

.pyo-page img.right {
    float: right;
    margin-left: 10px;
}

.pyo-page img.left {
    float: left;
    margin-right: 20px;
}

.pyo-page img.number {
    margin-bottom: 50px;
}

.pyo-page img.blockimg {
    margin: 31px auto;
    display: block;
}

.pyo-page .bottomp {
    font-weight: normal;
    width: 95%;
    margin: 20px auto;
    font-size: 22px;
}

.pyo-page .step-one {
    padding-top: 24px;
}

@media screen and (max-width: 1024px) {
    .pyo-woman {
        height: 0;
        width: 4%;
    }
    .pyo-printers {
        width: 48%;
    }
    .pyo-howitworks {
        width: 48%;
    }
}

@media screen and (max-width: 800px) {
    .pyo-woman {
        display: none;
    }
    .pyo-printers {
        width: 100%;
    }
    .pyo-howitworks {
        width: 100%;
    }

    .pyo-printers li.wholesale {
        margin: 0;
    }
    .pyo-page h1, .pyo-page h2 {
        font-size: 34px;
    }
    .newcontent.pyo-page {
        padding: 0 15px;
    }
}

.overview-page {
    color: #67353b;
    background: white;
    padding: 15px 0;
}


.overview-page h2 {
    font-size: 33px;
    margin: 20px 0;
    line-height: 45px;
    font-weight: normal;
}


.overview-page .top-box {
    width: 63%;
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
    position: relative;
    z-index: 20;
}

.overview-page .top-box p {
    font-size: 25px;
    line-height: 28px;
    color: #927365;
    padding-right: 166px;
}

.overview-page ul.checks {
    width: 37%;
    float: left;
    margin-top: 33px;
}


.overview-page .design {
    max-width: 102%;
    position: relative;
    left: -41px;
    top: -14px;
    z-index: 10;
}

.overview-page p {
    color: #97736b;
}

.overview-page ul.checks li {
    font-size: 22px;
    line-height: 32px;
    padding-top: 1px;
}

.overview-page .delivery-options {
    text-align: center;
    width: 914px;
    max-width: 100%;
    font-weight: bold;
    font-size: 29px;
    font-family: "Arial Narrow", Arial, sans-serif;
    margin: -24px 0 30px 0;
}

.delivery-options-list {
    padding-left:66px;
}

.delivery-options-list li {
    float: left;
    width: 259px;
    max-width: 33%;
    text-align: center;
    margin-right: 30px;
}

.delivery-options-list li img {
    max-width: 100%;
}

.delivery-options-list li:last-child img {
    margin: -38px 0 8px 0;
}

.delivery-options-list li h5 {
    font-size: 23px;
    margin-top: 15px;
}

.delivery-options-list li p {
    font-size: 21px;
    line-height: 24px;
    padding: 0 39px;
    margin: 0;
}


@media screen and (max-width: 1024px) {
    .overview-page {
        margin: 0 15px;
    }
    .overview-page .top-box {
        width: 100%;
        padding-right: 0;
    }
    .overview-page .top-box p {
        padding-right: 0;
    }
    .overview-page ul.checks {
        width: 100%;
        margin-bottom: 30px;
    }
    .delivery-options-list {
        padding-left:0;
    }
    .delivery-options-list li {
        float: none;
        width: auto;
        max-width: 100%;
        margin-right: 0;
    }
}
.footer {
    background: #5d6b8e;
    height: 104px;
}

.footer ul {
    width: 100%;
    text-align:center;
}

.footer ul li {
    display: inline-block;
    font-size: 18px;
    line-height: 104px;
}

.footer ul li a {
    color: #f9f4ee;
    padding: 0 10px;
    border-left: 2px solid #f9f4ee;
    text-decoration: none;
}

.footer ul li:first-child a {
    border: none;
}

.footer ul li a:hover {
    color: #fAf9de;
    text-decoration: underline;

}

.footerimg {
    text-align: center;
    max-width: 100%;
}

.footerimg img {
    max-width: 100%;
}

.economy-samples label
{
    display: block;
}


.about-us img.right {
    float: right;
    margin-left: 20px;
    margin-top: 20px;
}

.about-us img.left {
    float: left;
    margin-right: 52px;
    margin-bottom: 30px;
}

.pp .newcontent.about-us p.sig {
    margin-left: 15%
}

.pp .newcontent.about-us {
    /*padding: 0;*/
}

.pp .newcontent h1 {
    color: #a5434b;
    font-size: 26px;
    margin-left: 20px;
    text-transform: none;
}
.pp .newcontent p {
    color: #5d606e;
    font-size: 20px;
    margin: 29px 0;
    line-height: 30px;
}
.pp .header2 .log img {
    max-height: 148px;
    width: 100%;
}

.pp nav {
    margin-top: 40px;
    float: right;
    max-width: 60%;
}


.pp .topMenu {
    background: #8087a7;
}

.pp .topMenu ul {
    width: auto;
}

.pp .topMenu ul li {
    padding: 0;
}

.pp .topMenu ul li a {
    text-transform: lowercase;
    color: #eff4ff;
    padding: 9px 0;
    display: block;
}
.pp .topMenu ul li a:hover {
    color: #fafeff;
}

.pp .topMenu ul li a:before {
    content: "";
    border-left: 1px solid #e2e6f5;
    padding-right: 15px;
}

.pp .topMenu ul li a:after {
    content: "";
    border-right: 1px solid #c1c5d9;
    padding-right: 15px;
}

.pp .topMenu ul li:first-child a {
    padding-left: 30px;
}

.pp .topMenu ul li:first-child a:before {
    content: initial;
}

.pp .topMenu ul li:last-child a {
    padding-right: 30px;
}

.pp .topMenu ul li:last-child a:after {
    content: initial;
}

@media screen and (max-width: 700px) {
    .pp .topMenu ul li a:after {
        content: initial;
    }
    .pp .topMenu ul li a:before {
        content: initial;
    }
    .pp .topMenu ul li a, .pp .topMenu ul li:first-child a {
        padding: 9px;
    }
}


.pp .homepageslider {
    padding: 65% 0 0;
    margin-top: -30px;
    float: right;
    width: 72%;
}



@media screen and (max-width: 890px) {
    .pp nav {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }
    .pp .homepageslider {
        width: 100%;
        padding: 81% 0 0;
    }
}

.pp .header2 {
    border-bottom: 1px solid #afb4ce;
    margin-bottom: 20px;
}
.pp .header2 .log {
    max-width: 40%;
    padding: 36px 0 18px 0;
}

.pp .header2 .log.large img {
    width: 100%;
}

.pp .home, .pp .newcontent p.home {
    color: #404873;
    font-size: 27px;
    line-height: 32px;
    padding: 0px 79px;
    font-family: 'EscribaUT-Italic', arial, serif;
    width: 188px;
}

.pp .slogan {
    margin-left: 36px;
    width: 94px;
}

.pp a, .pp .header2 div a, .pp .footer ul li a, .pp .header2 div.login a:last-child {
    color: #00347e;
    text-decoration: none;
}
.pp a:hover, .pp .header2 div a:hover, .pp .footer ul li a:hover, .pp .header2 div.login a:last-child:hover {
    color: #2b79b2;
    text-decoration: underline;
}

.pp .header2 .slogan {
    padding-right: 136px;
    margin-top: 18px;
}

.pp .header2 div.login {
    margin: 28px 0 0;
}

.pp .header2 div.login a:last-child {
    border-left: 2px solid #00347e;
}

.pp .footer {
    background: #c8c3b2;
}

.pp .footer ul li a {
    border-left: 2px solid #00347e;
}
.pp .footer ul li:first-child a {
    border: none;
}

.pp .content2:after {
    content: ' ';
    clear: both;
}

.pp .how-to-order-steps {
    overflow: hidden;
}

.pp .how-to-order-steps p {
    width: 25%;
    padding-right: 49px;
    box-sizing: border-box;
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.pp .how-to-order-steps p:first-child
{
    padding-left: 0;
}

.pp .how-to-order-steps p img:first-child, .pp .what-we-do p img:first-child {
    padding: 0 20px 101px 0;
    float: left;
    margin-top: -7px;
}

.pp .what-we-do p:first-of-type img:first-child {
    padding-right: 30px;
}
.pp .what-we-do {
    float:left;
    width: 33%;
    box-sizing: border-box;
    padding-right: 30px;
    margin-top: 56px;
}

.pp .what-we-do ~ div {
    float: left;
    width: 50%;
    padding: 60px 21px 0;
    box-sizing: border-box;

}

.pp .what-we-do p {
    margin: 37px 0;
    font-size: 17px;
    line-height: 20px;
}

.pp .what-we-do ~ div img {
    width: 100%;
    margin-bottom: 60px;
}

.pp .what-we-do ~ p {
    float: left;
    width: 17%;
    padding: 28px 0 0 14px;
    box-sizing: border-box;
    color: #771b3b;
    margin-top: 120px;
    font-size: 22px;
}

.pp .what-we-do ~ p a {
    font-weight: bold;
    color: #771b3b;
    text-decoration: underline;
}

.pp .how-to-order-steps:after {
    content: " ";
    clear: both;
}

.pp .newcontent .overview-intro {
    max-width: 360px;
    margin: 10px 0;
    font-size: 17px;
    line-height: 21px;
}

.pp-overview-page h2 {
    font-size: 36px;
    margin: 1px 0;
    line-height: 39px;
    font-weight: normal;
}

#advantages_more p {
    font-size: 36px;
    color: #735f4a;
}

#advantages_more p strong {
    font-size: 50px;
    color: #691f3e;
}

#advantages_more li {
    font-size: 36px;
    color: #691f3e;

}

#frames_div span.red {
    min-width: 42px;
    display: inline-block;
}

#frames_div .box3>p b {
    min-width: 89px;
    display: inline-block;
}

.pp .pp-prices {
    padding: 0;
    overflow:hidden;
}

.pp .pp-prices h1 {
    margin: 0 0 5px;
    font-size: 38px;
    font-weight: normal;

}

.pp .prices-sidebar {
    float: left;
    width: 25%;
    padding: 26px 60px 0 42px;

    box-sizing: border-box;
}

.pp .prices-sidebar p {
    font-size: 17px;
    line-height: 20px;
    margin: 0 0 30px;
}

.pp .prices-sidebar p:nth-of-type(2) {
    margin: 0 0 60px;
}

.pp .pp-prices .dog-portrait {
    float: left;
    width: 25%;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    text-align: center;
    margin: 0 0 36px;
    max-height: 456px;
}

.pp .pp-prices .dog-portrait:after {
    content: ' ';
    width: 100%;
    height: 115px;
    background: #e5d3c0;
    display: block;
    top: 58px;
    position: absolute;
    z-index: 1;
}

.pp .pp-prices .dog-portrait img {
    box-shadow: 4px 4px 10px #000;
    z-index: 2;
    position: relative;
    max-width: 100vw;
}

.pp .pp-prices .cat-portrait img {
    margin-left: 33px;
}
.pp .pp-prices .cat-portrait:after {
    content: initial;
}

.pp .pp-prices .dog-portrait p {
    text-align: left;
    padding: 0 24% 0 28%;
    font-size: 16px;
    line-height: 20px;
    margin: 16px 0 20px;
}

.pp .pp-prices .dog-portrait p .new {
    position: absolute;
    left: -20px;
    top: 235px;
    font-size: 30px;
    color: #af4650;

}

.pp .pp-prices .dog-portrait ul li {
    text-align: left;
    font-size: 20px;
    line-height: 26px;
    color: #5d606e;
    margin-left: 28%;

}

.pp .pp-prices .dog-portrait ul li .price {
    color: #af4650;
    font-size: 21px;
    font-weight: bold;
}

@media screen and (max-width: 890px) {

    .pp .prices-sidebar {
        float: none;
        width: auto;
        padding: 15px;
    }


    .pp .pp-prices .dog-portrait {
        float: none;
        width: auto;
        margin: 0 0 15px;
    }

    .pp .pp-prices .dog-portrait p .new {
        position: static;

    }

    .pp .prices-sidebar p:nth-of-type(2) {
        margin: 0 0 30px;
    }
    .pp .pp-prices .cat-portrait img {
        margin-left: 0;
    }

    .pp .how-to-order-steps p {
        width: 100%;
    }

    .pp .what-we-do {
        width: 100%;
    }
    .pp .what-we-do ~ p {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .pp .what-we-do ~ div {
        width: 100%;
        padding: 0;
        margin: 0;
    }

}

.pp .content4 .con4top .listpic .pic {
    width: 147px;
}

.pp .content4 .con4top .listpic .pic img {
    width: 100%;
}

.order-page .header2 .log {
    max-width: 50%;
    padding: 0;
}

.order-page .header2 .log img {
    height: auto;
}

.content3 .tab1.video-edit {
    max-width: 760px;
    margin: 0 auto;
    float: none;
    display: block;
    width: auto;
}

.video-edit canvas {
    border: 2px solid #9b6c7e;
    box-sizing:border-box;
}

.content3 .tab1.video-edit .capbar {
    font-weight: normal;
    font-size: 22px;
    text-align:center;
    background: transparent;
    margin: 0 0 12px;
    height: auto;
}

.content3 .tab1.video-edit .box {
    padding: 25px 0;
    border:none;
}

.videoplayer {
    padding: 0 0 100px;
    max-width: 1024px;
    margin: 0 auto;
}

.videoplayer canvas#whiteboard:fullscreen {
    background: black;
}

.newcontent.videoplayer h1 {
    font-size: 20px;
    margin: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    flex-wrap: wrap;
    row-gap: 10px;
}

.newcontent.videoplayer h1 span {
    display: flex;
    gap: 10px;
}

.videoplayer .controls {
    text-align: center;
    padding: 10px 0;
}

.videoplayer .controls .input {
    display: inline-block;
    margin: 5px;
    box-sizing:border-box;
}
.videoplayer .controls {

}
.bi {
    display: inline-block;
    vertical-align: -.125em;
    fill: currentcolor;
}

#yahoo-button.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #5015b0;
    --bs-btn-border-color: #5015b0;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #6001d2;
    --bs-btn-hover-border-color: #6001d2;
    --bs-btn-focus-shadow-rgb: #6001d2;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #5015b0;
    --bs-btn-active-border-color: #5015b0;
}

#outlook-button.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #0f6cbd;
    --bs-btn-border-color: #0f6cbd;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #115ea3;
    --bs-btn-hover-border-color: #115ea3;
    --bs-btn-focus-shadow-rgb: #115ea3;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #0c3b5e;
    --bs-btn-active-border-color: #0c3b5e;
}

#videoModal .modal-body {
    height: calc(90vh - 130px);
    overflow: auto;
}

.btn {
    text-transform: none;
}

#videoModal .col {
    position:relative;
}
#videoModal .btn-check {
    position: absolute;
    clip: unset;
    pointer-events: none;
    bottom: 12px;
    left: 20%;
}

#videoModal .btn-outline-secondary {
    --bs-btn-hover-border-color: #54575c;
}

#videoModal .btn-check+.btn:hover {
    border-color: var(--bs-btn-hover-border-color);
}

.newcontent p.fs-5 {
    line-height: var(--bs-body-line-height);
}

#carousel li {
    list-style: disc;
    color: #5c2740;
    font-size: 2.125rem;
    line-height: 48px;
    padding: 0;
    font-family: "Myriad Pro Condensed", sans-serif
}
#carousel ul {
    padding: 0 0 8px 23px
}
#carousel video {
    border: 5px solid #010103;
}