@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Alfa+Slab+One|Amatic+SC|Anton|Bangers|Berkshire+Swash|Black+And+White+Picture|Bungee+Shade|Cantata+One|Cormorant+Unicase|Crushed|Freckle+Face|Fredericka+the+Great|Frijole|Great+Vibes|Heebo|IM+Fell+DW+Pica|Indie+Flower|Limelight|Lobster|Lora|Love+Ya+Like+A+Sister|Montserrat|Mountains+of+Christmas|Open+Sans|Oranienbaum|Orbitron|Oswald|Passion+One|Permanent+Marker|Play|Poiret+One|Quicksand|Roboto+Condensed|Shrikhand|Slabo+27px|Slackey|Spicy+Rice|UnifrakturMaguntia');


@font-face {
    font-family: 'interstateboldcomp';
    src:url('interstate_bold_compressed-webfont.ttf') format('opentype'), url('interstate_bold_compressed-webfont.woff2') format('woff2'),
         url('interstate_bold_compressed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'interstateregularbold';
    src: url('interstate_bold-webfont.ttf') format('opentype'), url('interstate_bold-webfont.woff2') format('woff2'),
         url('interstate_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'interstatelightregular';
    src: url('interstate_light-webfont.ttf') format('opentype'),url('interstate_light-webfont.woff2') format('woff2'),
         url('interstate_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'interstatelightcomp';
    src: url('interstate_lightcompressed-webfont.ttf') format('opentype'),url('interstate_lightcompressed-webfont.woff2') format('woff2'),
         url('interstate_lightcompressed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'interstateregularcomp';
    src: url('interstate_regular_compressed-webfont.ttf') format('opentype'),url('interstate_regular_compressed-webfont.woff2') format('woff2'),
         url('interstate_regular_compressed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'interstateregularcond';
    src: url('interstate_regular_condensed-webfont.ttf') format('opentype'),url('interstate_regular_condensed-webfont.woff2') format('woff2'),
         url('interstate_regular_condensed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'interstateregular';
    src: url('interstate_regular-webfont.ttf') format('opentype'),url('interstate_regular-webfont.woff2') format('woff2'),
         url('interstate_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'canelalight';
    src: url('canelaLight.ttf') format('opentype'),url('canelaLight.woff2') format('woff2'),
         url('canelaLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





body { background-color: #fff; color: #000; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; margin: 0px; }
a { color: #000; text-decoration: none; outline:none; }

.pagewrapper { width: 100%; background-color: #fff; overflow: auto; height: 100%; }
.text-white { color: #fff; }
.text-black { color: #000; }
.bkgblack { background-color: #808080; }
.bkggray { background-color: #F4F4F4; }
.bkglgray {background-color:#eee }
.bkgdgray { background-color: #ddd; }
.bkgwhite { background-color: #fff; }
.bkggreen {background-color:#0a9f51;}
.bkgorange { background-color:orangered}
.bkgblue {
    background-color: #0066FF;
}
.topheaderbkg {color:#fff; height:50px; margin-top:20px;}



.opensans {font-family:'Open Sans';
}

a.custom_btn, a.custom_btn:hover, button.custom_btn { display:inline-block; padding-top:4px; padding-bottom:4px; padding-left:40px; padding-right:40px; font-size:1em; font-family: 'Open Sans', sans-serif; color:#fff; text-decoration:none; font-weight:800; border:none;
}

a.blue_btn, a.blue_btn:hover, button.blue_btn { display:inline-block; padding-top:4px; padding-bottom:4px; padding-left:40px; padding-right:40px; background-color:#1e4794; font-size:1em; font-family: 'Open Sans', sans-serif; color:#fff; text-decoration:none; font-weight:800; border:none;
}


a.red_btn, a.red_btn:hover,button.red_btn { display:inline-block; padding-top:4px; padding-bottom:4px; padding-left:40px; padding-right:40px; background-color:#b32426; font-size:1em; font-family: 'Open Sans', sans-serif;color:#fff; text-decoration:none; font-weight:800;border:none;
}

a.green_btn, a.green_btn:hover,button.green_btn,input.green_btn { display:inline-block; padding-top:4px; padding-bottom:4px; padding-left:40px; padding-right:40px; background-color:#146636; font-size:1em; font-family: 'Open Sans', sans-serif; color:#fff; text-decoration:none; font-weight:800;border:none;
}


a.blue_lnk, a.blue_lnk:hover {color:#1e4794; text-decoration:none;
}

a.black_lnk, a.black_lnk:hover {
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #585858;
    font-size: 1.2em;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    text-decoration: none;
    font-weight: 800;
    border: none;
}

input.blue_btn{ border:none; display:inline-block; padding-top:4px; padding-bottom:4px; padding-left:40px; padding-right:40px; background-color:#1e4794; font-size:1.1em; font-family: 'Open Sans', sans-serif; color:#fff; text-decoration:none; font-weight:800;
}

.slogan { color:#fff; font-size:1em; vertical-align:middle;
}
.header { overflow: hidden; margin-bottom: 5px;}
     ul.headermenu { text-align: right; margin-top: 20px; }

         ul.headermenu li > a { text-decoration: none; font-weight: 400; color: #9E0101; outline:none ;}

        ul.headermenu li.open > a, ul.headermenu li.open > a:hover  {color:#9E0101; background-color:#fff;outline:none
        } 

             ul.headermenu li > a:hover {  background-color:#9E0101; color:#fff;/*text-shadow: rgb(256, 256, 256) 1px 1px 0px;*/ }

        ul.headermenu li ul.dropdown-menu li a {color:#9E0101;
        }

            ul.headermenu li ul.dropdown-menu li a:hover { background-color:#9E0101; color:#fff;
            }
      .badge { background-color: #fff; text-shadow: none; color:#000 }
    

.borderbox { border: solid 1px #ccc; }

a.logocpanel { width: 250px; height: 80px; background-image: url("../images/logo_brown.png"); background-position: center; background-repeat: no-repeat; text-decoration: none; display: inline-block; outline:none }

a.logo { width: 239px; height: 90px; background-image: url("../images/logo.png"); background-position: center; background-repeat: no-repeat; text-decoration: none; display: inline-block; outline:none }
 a.slogo { width: 200px; height: 50px;margin:2px; background-image: url("../images/slogo.png"); background-position: left; background-repeat: no-repeat; text-decoration: none; display: inline-block; outline:none }

  a.wrightsmedialogocpanel { width: 200px; height:50px;margin:2px; background-image: url('../images/slogo_wrightsmedia.png'); background-position: left; background-repeat: no-repeat; text-decoration: none; display: inline-block; outline:none }

.menuheader { z-index: 99991; background-color: #fff; }

    .menuheader .navbar .navbar-brand { background-color: #fff; text-shadow: none; font-weight:normal; font-size:1em}


    .menuheader .navbar { border: none; background-color:#fff }
     
        .menuheader .navbar a { font-size:1em ; background-color: #fff;    }
        .menuheader .navbar .navbar-nav > li > a:hover,
        .menuheader .navbar .navbar-nav > li > a:focus,
        .menuheader .navbar .navbar-nav > .active > a:hover,
        .menuheader .navbar .navbar-nav > .active > a:focus,
        .menuheader .navbar.navbar-nav > .open > a { text-decoration: none; background-color: #fff;  text-shadow: none; outline:none }

        .menuheader .navbar .navbar-nav .dropdown-menu { background-color: #fff;  }
        .menuheader .navbar.navbar-nav .dropdown-menu > li > a { background-color: #fff;  }
        .menuheader .navbar .navbar-nav .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .dropdown-menu > li > a:focus { text-decoration: none; background-color: #fff; }

.menuheader .open > ul.frontmenu > li > a:hover,.menuheader .open > ul.frontmenu > li > a:focus
 {background-color: #fff;  
}

#cpanelnavbar { margin:0px; } 

.affix { top: 0; width: 100%; }

    .affix + .container-fluid { padding-top: 70px; }

 #myCarousel .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        display: block;
        height: 400px;
        min-width: 100%;
        width: 100%;
        max-width: 100%;
        line-height: 1;
        
    }

#myCarousel { height: 398px; margin-top: 0px; }

.footer {color: #fff; padding-top:20px; padding-bottom:20px; margin:0px;}
    .footer ul {padding:0px; margin:0px; list-style:none; text-align:center; border:none; margin-top:15px}
        .footer ul li { display:inline-block; padding:5px; padding-top:0; padding-bottom:0; text-align:center; border-right:dotted 1px #fff; }

          
 .footer ul li:last-child {border-right:none;}
    .footer ul li a { color:#fff; font-size:1em}
    .footer p { font-size:0.9em; margin-top:20px; text-align:center }

.footer_up {
    background-color: #E3E1DA;
    font-family: 'Open Sans', sans-serif;; font-size:1.2em; padding-top:20px; padding-bottom:20px;
}

.panel_blue { font-family: 'Open Sans', sans-serif; padding:0px;
}

    .panel_blue .panel-heading { font-family: 'Open Sans', sans-serif; color:#fff;  padding:5px;      }
    .panel_blue .panel-body{border:solid 1px #ddd; }

    .bkgbrowngray {
    background-color: #eee;
}




h1 { color: #6C0101; }
h3.heading { color: #6C0101; }
h4.heading { color: #6C0101; }


h1.featuredheading {
     font-family:"Georgia"; font-style:italic;
  position: relative;
  text-align: center;
}

h1.featuredheading span {
  background: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

h1.featuredheading:before {
  background: #ddd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}
h1.featuredheading:before {
  left: 0;
}





.subscribe {margin-top:20px; }
.subscribe h4 { padding:0px; margin:0px; }
.mt20 {margin-top:20px; }
.mt5 {margin-top:5px; }
.mr10 {
    margin-right: 10px;
}
.ml10 {
    margin-left: 10px;
}
.mt10 {margin-top:10px; }
.mb10 {margin-bottom:10px; }
.mb20 {margin-bottom:20px; }
.mt30 {margin-top:30px; }
.mt40 { margin-top: 40px; }
.p20 { padding: 20px; }
.pb10 {
    padding-bottom: 10px;
}
.bold {
    font-weight:bold;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.pm0 { padding: 0px; margin: 0px; }
.pt20 { padding-top: 20px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f10 { font-size: 10px; }
.f18 { font-size: 18px; }
.f20 { font-size: 2em; }
.f14 { font-size: 14px; }
.f1p5em { font-size: 1.5em; }
.f2em {
    font-size: 2em;
}
.hide { display: none; }
.show { display:block }
.text-red { color: #fe0000; }
.bg-cherry { background-color: #fff; color: #9E0101; 
}

.bg-walnut {
    background-color: #9E0101; color:#fff;
}

.text-cherry {color: #6C0101;
}

.meshbkg { background-image:url(../images/footer-pattern.png); background-position:bottom right; background-repeat:no-repeat;
}
.help-block { color: #219FD1; font-style: italic; }

select.form-control {
        
     outline:none;
    -webkit-appearance: none;  
	-moz-appearance: none; 
     background: #fff url(../images/dropdown.png) no-repeat 98%;
    
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}


.checkbox, input,label {
    outline: none;
}

ul#sliderimage, ul#companylogo,ul#bkgimg {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.directorybackgroundimage {

    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:transparent;
  background-repeat:no-repeat;
  background-attachment: fixed;
  background-position: center top; 
}

ul#photogallery li a, ul#companylogo li a { color: #fe0000; font-size: 11px; }

ul.photogallery li a {color: #fe0000; font-size: 11px; }

ul#photogallery li { margin-right: 10px; }
ul.photogallery li { margin-right: 10px; }

.separator { border-top:solid 1px #ccc; 
}


.boxshadow {box-shadow: 0px 4px 8px -6px rgba(0, 0, 0, 0.4);
}

.confirmationbox { position:fixed; width:100%; overflow:auto;z-index:99999; height:150px; padding:20px; top:50%; 
}

    .confirmationbox .confirmation-title { font-size:2.5em; color:#fff
    }

    .confirmationbox .confirmation-body { font-size:2em;color:#fff
    }

input#fileupload {
 

}

table#cart tr td {
    vertical-align: middle;
}

/*Carousel Slider*/
.col-item
{
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info {
    background-color: #F5F5DC;
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color: #219FD1;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 20px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}

#customplaquecontainer {
    overflow: auto;
    height: 100%;
    position:relative;
   
    
   
}

#customplaquecontainer #customplaque {
    border: dotted 2px #fff; height:100%; overflow: hidden;  position:relative;
}

    #customplaquecontainer #imgblank {
        width: 100%;
    }



#frmaddproduct #canvas {
    border: dotted 1px #000; position:absolute; top:0px; left:0px; background-color:#ccc; opacity:0.5; filter: alpha(opacity=50);
}


#designstudio  #canvas {
   border: none; position:absolute; background-color:transparent; 
}

#designstudio  #canvas:hover{

    border: dotted 1px #fff;
}

#platecontainer #canvas {
      position:absolute; background-color:transparent;
       border: none;
}

#platecontainer #canvas:hover{

    border: dotted 1px #fff;
}

#customplaquecontainer #customdesignplaque #canvas {
      position:absolute; background-color:#ccc; opacity:0.5; filter: alpha(opacity=50);
       border: none;
}

#designstudio #customplaquecontainer #customdesignplaque #canvas {
      background-color:transparent; opacity:1; filter: alpha(opacity=100); border:none;
}
.canvasimg { position:absolute; top:0px; left:0px; border: none;
}


.imgcontainer { border:none;
}

    .imgcontainer:hover {  
        /*border: dotted 1px #fe0000;*/
    }

#canvas .txt {cursor:pointer; border: none; background-color:transparent; display:block;overflow-wrap: break-word; overflow:hidden;
}

    #canvas .txt:hover {
        /*border: solid 1px #fe0000;*/
    }

ul#imageslayer, ul#txtlayer { margin:0px; padding:0px; list-style:none; margin-top:5px; background-color:aliceblue;border:solid 1px #219FD1
}

ul#imageslayer li, ul#txtlayer li {padding:2px; padding-bottom:1px;  margin-bottom:1px; }

    ul#imageslayer li a, ul#txtlayer li a{float:right}

ul#imageslayer li.highlight, ul#txtlayer li.highlight {margin-bottom:4px; }


#designstudio #customplaquecontainer {
    overflow: auto; height:100%;  
}


.stepwizard-step p {
    margin-top: 10px;    
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 24px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
    
}

.stepwizard-step {    
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 6px 0;
  font-size: 24px;
  line-height: 1.428571429;
  border-radius: 25px;
}

ul#searchlist {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-top:15px; 
}

    ul#searchlist li { display:inline-block; width:180px; height:auto; margin-right:20px; margin-bottom:20px; vertical-align:top; text-align:left;  background-color:#fff;
    }

        ul#searchlist li .itemtitle { display:inline-block; min-height:50px; max-height:80px;   
        }


         ul#searchlist li .searchresult {padding:4px;
    position:relative;  display:block;  text-decoration:none; transition: all .2s ease-in-out;
}
      
           ul#searchlist li .searchresult:hover { transform: scale(1.1);-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75); background-color:#fff; 
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    }


ul#featuredlist {
      list-style: none;
    padding: 0px;
    margin: 0px;
    text-align:center;
    margin-bottom:20px;
    
}

 ul#featuredlist li {position:relative;  display:inline-block; width:210px; height:auto; margin-right:14px; margin-bottom:20px; vertical-align:top; text-align:left;  
                     /*background-color:lightgoldenrodyellow;*/
    }

    ul#featuredlist li .itemtitle { display:inline-block; min-height:50px; max-height:80px; text-align:center;   
        }


     /*ul#featuredlist  li.img-thumbnail:hover { transform: scale(1.05);-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75); background-color:#fff; 
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    }*/

 

.paypalbtn { width:150px; height:52px; display:inline-block; background-image:url(../images/paypalbtn.gif); background-repeat:no-repeat; border:none;
}

span.paypalonly {
    width: 250px;
    height: 66px;
    display: inline-block;
    background-image: url(../images/paypalimg.jpg);
    background-repeat: no-repeat;

}

span.paypalimg {
    width: 204px;
    height: 35px;
    display: inline-block;
    background-image: url(../images/paypal204x35.png);
    background-repeat: no-repeat;

}

span.cardimg {
    width: 187px;
    height: 30px;
    display: inline-block;
    background-image: url(../images/cards.png);
    background-repeat: no-repeat;

}

span.companypo {
    width: 927px;
    height: 60px;
    display: inline-block;
    background-image: url(../images/companypo.png);
    background-repeat: no-repeat;

}
span.companycheck {
    width: 110px;
    height: 50px;
    display: inline-block;
    background-image: url(../images/companycheck.png);
    background-repeat: no-repeat;

}


 ul.searchleftpanel { list-style:none; margin:0px; padding:0px;max-height:300px; overflow-y:auto; overflow-x:hidden;
}

.eclipse {
    white-space:pre-line;
    text-overflow: ellipsis;
    display: inline-block;

}

ul.plaqueboard {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.plaqueboard li {
    display: inline-block;
    margin-right: 10px;
    list-style: none;
    width:130px;
    text-align:center;
    font-size:12px;
    vertical-align:top;
}


.bordergold{
    border-right:solid #CFB53B;
    border-top:solid #BD9C28; 
    border-bottom:solid #BD9C28; 
     border-left:solid #CFB53B;

}

#customdesignplaque .plaqueplate.platecolorgold{
   
    background-color:#CFB53B;

}

#customdesignplaque .plaqueplate.platecolorsilver{
   
    background-color:#C0C0C0;

}

#customdesignplaque .plaqueplate.platecolorcolblack{
   
    background-color:#C0C0C0;

}


#customdesignplaque .plaqueplate.platecolorcolwhitewhite{
   
    background-color:#fff;

}

#customdesignplaque .plaqueplate.platecolorcolwhiteblack{
   
    background-color:#fff;

}

#customdesignplaque .plaqueplate.platecolorcolwhitewalnut{
   
    background-color:#fff;

}



#customdesignplaque .txtcolorgold{
   
    color:#CFB53B;

}

#customdesignplaque .txtcolorsilver{
   
    color:#C0C0C0;

}

#customdesignplaque .txtcolorcolblack{
   
    color:#C0C0C0;

}

#customdesignplaque .txtcolorcolwhite{
   
    color:#ffffff;

}

#customplaque .txtcolorcolwhite{
   
    color:#ffffff;

}

.bordershadow {
     -moz-box-shadow: 0 0 6px #888;
-webkit-box-shadow: 0 0 6px#888;
box-shadow: 0 0 6px #888;
}

.bordersilver{
    border-right:solid #C0C0C0;
    border-top:solid #B0B0B0; 
    border-bottom:solid #B0B0B0; 
     border-left:solid #C0C0C0;
 }

.bordercolblack{
    border-right:solid #585858;
    border-top:solid #454545; 
    border-bottom:solid #454545; 
     border-left:solid #585858;
 
}

.bordercolwhitewhite{
    border-right:solid #fff;
    border-top:solid #F2F2F2; 
    border-bottom:solid #F2F2F2; 
     border-left:solid #fff;
 
}

.bordercolwhiteblack{
        border-right:solid #fff;
    border-top:solid #F2F2F2; 
    border-bottom:solid #F2F2F2; 
     border-left:solid #fff;

}

#customdesignplaque.bordercolwhiteblack{
  
        border-right:solid #585858;
    border-top:solid #454545; 
    border-bottom:solid #454545; 
     border-left:solid #585858;

}

.bordercolwhitewalnut{
        border-right:solid #fff;
    border-top:solid #F2F2F2; 
    border-bottom:solid #F2F2F2; 
     border-left:solid #fff;

 
 
}

#customdesignplaque.bordercolwhitewalnut{
      border-right:solid #5d432c;
    border-top:solid #4B3623; 
    border-bottom:solid #4B3623; 
     border-left:solid #5d432c;
 
 
}



ul.layerfinishes {
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    ul.layerfinishes li {
        display: inline-block;
        text-align:center; font-size:11px; margin-top:10px; margin-right:10px; padding:5px; background-color:aliceblue;
    }


ul.finishes {
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    ul.finishes li {
        display: inline-block;
        width: 50px; text-align:center; font-size:11px; margin-top:10px;
    }

        ul.finishes li a { border:solid 1px #ccc;
        }
        ul.finishes li a.cherry_finishes { display:inline-block; width:20px; height:20px; background-image:url(../images/cherry.png);  background-position:center;
        }

          ul.finishes li a.walnut_finishes { display:inline-block; width:25px; height:25px; background-image:url(../images/walnut.png);  background-position:center;
        }

             ul.finishes li a.natural_finishes { display:inline-block; width:20px; height:20px; background-image:url(../images/natural.png);  background-position:center;
        }

                  ul.finishes li a.maghony_finishes { display:inline-block; width:25px; height:25px; background-image:url(../images/maghony.png);  background-position:center;
        }

                     ul.finishes li a.maple_finishes { display:inline-block; width:20px; height:20px; background-image:url(../images/maple.png);  background-position:center;
        }

                     ul.finishes li a.maghonynew_finishes { display:inline-block; width:25px; height:25px; background-image:url(../images/maghonynew.png);  background-position:center;
        }




                                    ul.finishes li a.red_finishes { display:inline-block; width:20px; height:20px; background-color:red;
        }
                                         ul.finishes li a.green_finishes { display:inline-block; width:20px; height:20px; background-color:green;
        }

                                             ul.finishes li a.blue_finishes { display:inline-block; width:20px; height:20px; background-color:blue;
        }
                                              ul.finishes li a.black_finishes { display:inline-block; width:25px; height:25px; background-color:black;
        }
                                                 ul.finishes li a.white_finishes { display:inline-block; width:20px; height:20px; background-color:white;
        }
                                                  ul.finishes li a.gold_finishes { display:inline-block; width:25px; height:25px; background-color:#CFB53B;
        }

                                                   ul.finishes li a.silver_finishes { display:inline-block; width:25px; height:25px; background-color:#C0C0C0;
        }

                                                    ul.finishes li a.white_white_finishes { display:inline-block; width:25px; height:25px; background-color:#fff;
        }
                                                    ul.finishes li a.white_black_finishes { display:inline-block; width:25px; height:25px; background: linear-gradient(90deg, #fff 50%, #000 50%);
        }

                                                     ul.finishes li a.white_walnut_finishes { display:inline-block; width:25px; height:25px; background: linear-gradient(90deg, #fff 50%, #5d432c 50%);
        }









       
        ul.designstudiofinishes > li > a.cherry_finishes { display:block; background-image:url(../images/cherry.png);  background-position:center; width:100%; background-repeat:repeat;
        }

          ul.designstudiofinishes > li > a.walnut_finishes { display:block; background-image:url(../images/walnut.png);  background-position:center; width:100%; background-repeat:repeat;
        }

             ul.designstudiofinishes li a.natural_finishes { display:block;  background-image:url(../images/natural.png);  background-position:center;width:100%;background-repeat:repeat;
        }

                  ul.designstudiofinishes li a.maghony_finishes { display:block;  background-image:url(../images/maghony.png);  background-position:center;width:100%;background-repeat:repeat;
        }

                     ul.designstudiofinishes li a.maple_finishes { display:block;background-image:url(../images/maple.png);  background-position:center;width:100%;background-repeat:repeat;
        }

                       ul.designstudiofinishes li a.maghonynew_finishes { display:block;background-image:url(../images/mahoganynewbkg.png);  background-position:center;width:100%;background-repeat:repeat;
        }

                                    ul.designstudiofinishes li a.red_finishes { display:block; width:20px; height:20px; background-color:red;width:100%;background-repeat:repeat;
        }
                                         ul.designstudiofinishes li a.green_finishes { display:block; width:20px; height:20px; background-color:green;width:100%;background-repeat:repeat;
        }

                                             ul.designstudiofinishes li a.blue_finishes { display:block; width:20px; height:20px; background-color:blue;width:100%;background-repeat:repeat;
        }
                                              ul.designstudiofinishes li a.black_finishes { display:block; width:20px; height:20px; background-color:black;width:100%;background-repeat:repeat;
        }
                                                 ul.designstudiofinishes li a.white_finishes { display:block; width:20px; height:20px; background-color:white;width:100%;background-repeat:repeat;
        }
                                                  ul.designstudiofinishes li a.gold_finishes { display:block; width:20px; height:20px; background-color:#CFB53B;width:100%;background-repeat:repeat;
        }

                                                   ul.designstudiofinishes li a.silver_finishes { display:block; width:20px; height:20px; background-color:#C0C0C0;width:100%;background-repeat:repeat;
        }












#customdesignplaque .plaqueplate {
    border-width: 5px;
    width: 350px;
    height: 250px; 
    top:55px;
    left:45px;
    background-color:white;
    position:absolute;
}


#customplaquecontainer #customdesignplaque #canvas {
    border: dotted 1px #000;
    position: absolute;
    top: 0px;
    left: 0px;

}

#customplaquecontainer #customdesignplaque #canvas { width: 40px; height:40px; position:absolute; z-index:99;}

#customplaquecontainer #customdesignplaque #imgcanvas { width: 100px; height:100px; position:absolute; z-index:999;}


#customdesignplaque.bkgcherry { background-image:url(../images/cherrybkg.png); background-repeat:repeat; background-position:center;
}
#customdesignplaque.bkgwalnut { background-image:url(../images/walnutbkg.jpg); background-repeat:repeat; background-position:center;
}

#customdesignplaque.bkgwalnuth { background-image:url(../images/walnutbkgh.jpg); background-repeat:repeat; background-position:center;
}
#customdesignplaque.bkgnatural { background-image:url(../images/naturalbkg.png); background-repeat:repeat; background-position:center;
}
#customdesignplaque.bkgmahogany { background-image:url(../images/mahoganybkg.png); background-repeat:repeat; background-position:center;
}

#customdesignplaque.bkgmahoganyh { background-image:url(../images/mahoganybkgh.png); background-repeat:repeat; background-position:center;
}

#customdesignplaque.bkgmaple { background-image:url(../images/maplebkg.png); background-repeat:repeat; background-position:center;
}

#customdesignplaque.bkgmaghonynew { background-image:url(../images/mahoganynewbkg.png); background-repeat:repeat; background-position:center;
}

#customdesignplaque.bkgred { background-color:red; background-position:center;}
#customdesignplaque.bkgblue { background-color:blue; background-position:center;}
#customdesignplaque.bkgblack { background-color:black; background-position:center;}
#customdesignplaque.bkgwhite { background-color:white; background-position:center;}
#customdesignplaque.bkggreen { background-color:green; background-position:center;}


.designerbkg { background-image:url(../images/il-grid-trans.png); background-repeat:repeat; background-position:left top;
}


#dpi {
  height: 1in;
  left: -100%;
  position: absolute;
  top: -100%;
  width: 1in;
}


.scale20 {
    -ms-transform: scale(0.2, 0.2); /* IE 9 */
    -webkit-transform: scale(0.2, 0.2); /* Safari */
    transform: scale(0.2, 0.2);
    transform-origin: left top;
    
}

#designstudiocontainer:-webkit-full-screen,#designstudiocontainer:-moz-full-screen {
          width:100%;
    height:100%; overflow:auto;
    }


.vcenter {
    vertical-align: middle;
}

.paypalsecure { background-image:url('../images/paypalsecure.png'); width:390px; height:67px; margin-top:5px; margin-bottom:5px; outline:none; display:inline-block
}

.authorizesecure { background-image:url('../images/authorizesecure.png'); width:390px; height:67px; margin-top:5px; margin-bottom:5px; outline:none; display:inline-block
}

ul#txtlayer li input[type=text] {
    margin-top:5px;
    width:100%;
    border:solid 1px #ccc;
    padding:2px;
}

    ul#txtlayer li input[type=text]:focus {

        
        border-color:#219FD1;
    }




.box {
  width: 200px; height: 300px;
  position: relative;
  border: 1px solid #BBB;
  background: #EEE;
}
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#C90202 0%, #A70000 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #A70000;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #A70000;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #A70000;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #A70000;
}


.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.plaquebkg { width:544px; height:160px; background-image:url(../images/plaque.jpg); background-repeat:no-repeat;
}



.container-ribbon {
  width: 50%;
  max-width: 1000px;
  height: 80px;
  margin: 40px auto; 
  position: relative;
}

.one > div {
  height: 50px;
}

.main {
  background: #0fadc0; 
  position: relative;
  display: block;
  width: 90%;
  left: 50%;
  top: 0;
  padding: 5px;
  margin-left: -45%;
  z-index: 10;
}

.main > div {
  border: 1px dashed #fff;
  border-color: rgba(255, 255, 255, 0.5);
  height: 40px;
}

.bk {
 background: #1199a9;
 position: absolute;
 width: 8%;
 top: 12px;
}

.bk.l {
 left: 0;
}

.bk.r {
 right: 0;
}

.skew {
  position: absolute;
  background: #0c7582;
  width: 3%;
  top: 6px;
  z-index: 5;
}

.skew.l {
  left: 5%;
  transform: skew(00deg,20deg);
}

.skew.r {
  right: 5%;
  transform: skew(00deg,-20deg);
}

.bk.l > div {
  left: -30px;
}

.bk.r > div {
  right: -30px;
}

.arrow {
  height: 25px !important;
  position: absolute;
  z-index: 2;
	width: 0; 
	height: 0; 
}

.arrow.top {
  top: 0px;
  border-top: 0px solid transparent;
	border-bottom: 25px solid transparent; 	
	border-right: 30px solid #1199a9; 
}

.arrow.bottom {
  top: 25px;
  border-top: 25px solid transparent;
	border-bottom:0px solid transparent; 	
	border-right: 30px solid #1199a9; 
}

.r .bottom {
  border-top: 25px solid transparent;
	border-bottom: 0px solid transparent; 	
	border-left: 30px solid #1199a9; 
  border-right: none;
}

.r .top {
  border-bottom: 25px solid transparent;
	border-top: 0px solid transparent; 	
	border-left: 30px solid #1199a9; 
  border-right: none;
}

@media all and (max-width: 1020px) {
  .skew.l {
    left: 5%;
    transform: skew(00deg,25deg);
  }

  .skew.r {
    right: 5%;
    transform: skew(00deg,-25deg);
  }
}

@media all and (max-width: 680px) {
  .skew.l {
    left: 5%;
    transform: skew(00deg,30deg);
  }

  .skew.r {
    right: 5%;
    transform: skew(00deg,-30deg);
  }
}

@media all and (max-width: 460px) {
  .skew.l {
    left: 5%;
    transform: skew(00deg,40deg);
  }
  .skew.r {
    right: 5%;
    transform: skew(00deg,-40deg);
  }
}


.featuredproductheading {font-family:Georgia; font-style:italic; text-align:center; color:#fff; font-size:2em;

                        text-shadow: 0px -1px 0px rgba(0,0,0,0.5); 
}


table.table-hover > tbody > tr:hover  {
                background-color:lightgoldenrodyellow; 
            }

a.lineheightdecrease{ display:inline-block; background-image:url('../images/lhd.png'); width:24px; height:22px;}
a.lineheightincrease{ display:inline-block; background-image:url('../images/lhi.png'); width:24px; height:22px;}