.js_required {
      display: none !important; 
   }
   
  @import url(http://fonts.googleapis.com/css?family=Tenor+Sans);
  h1, h2 {
   font-size: 1.8em !important;
}
h1, h2, h3, h4, h5, h6 {
   font-family: Dancing Script !important;
}
.content {
   font-family: Tenor Sans !important;
   font-size: 0.9em !important;
}  
  body {    
background: url('/site_media/media/cache/paperfolio-ebcc.JPEG') #DDFBF4; 
}
#wrapper {
   width: 960px;
   margin: 0 auto;
}

#user-header {
   height: 30px;
   min-height: 30px;
} 
.nav#user-header {    
   background: none;   
   color: #000000;
   height: 30px;  
   min-height: 30px;
   font-size: 0.7em; 
}
   .nav#user-header ul {
      display: block;
      float: right; 
      list-style: none;
      margin: 5px 0 0 10px;
      padding: 5px 0 0 0;
      height: 30px;
   }
      .nav#user-header ul li {
         display: inline;               
         padding: 8px 5px 5px 0;  
         border: none;  
         float: none;      
      }
         .nav#user-header ul li a { 
            padding: 3px 0; 
            color: #000000;
         }
         .nav#user-header ul li .cart_icon {
            background: url('/site_media/media/cache/cart_icon-68ee.png') no-repeat;
            padding: 10px;           
         }  
         .nav#user-header ul .selected {
            text-decoration: none;
         }  


#banner1-section {
   margin-top: 100px;
   margin-bottom: 125px;
}
#banner1-container2 {
   width: 606px;
   margin: 0 auto;
   border: 6px solid #000000;
}
#banner1-container {
   width: 600px;
   margin: 0 auto;
   border: 2px solid #FFFFFF;
}
   #banner1 {
      width: 594px;
      margin: 0 auto;
      border: 3px solid #000000;
   }
#main-content-section {
   clear: both;
   overflow: hidden;
}
#main-content {
   padding: 20px 0 10px 0;
   background: #FFFFFF;
}
.widecontent#main-content {
   padding-top: 0;
}
#home-container {
   width: 742px;
   margin: 0 auto;
}
#leftcol-container {
   margin: 0 0 -20000px 0;
   padding: 0 0 20000px 0;
   width: 190px;
   display: block;
   float: left;
   border-right: 10px solid #FFFFFF;
}
#leftcol {
   display: block;
   width: 200px;
   float: left;
   background: url('/site_media/media/cache/d712_navigation_bg_img-71fe.png ') repeat-y transparent;
   margin: 0 0 -20000px 0;
   padding: 0 0 20000px 0;
}
#rightcol {
   width: 760px;
   float: right;
   margin: 0 0 -20000px 0;
   padding: 0 0 20000px 0;   
   background: #FFFFFF;
}
#logo-section-container {
   position: absolute;
   width: 960px;
}
#logo-section-container #logo-section {
   width: 800px;
   margin: 0 auto;
}
#logo-section-container #logo {
   width: 800px;
}
#logo-section-container .company_name {
   width: 800px;
   font-size: 1.8em;
}
#logo-section {
   position: relative;
   z-index: 10;
   /*left: 100px;*/
   top: 210px;
}
#logo {
   width: 180px;
   height: 130px;
   margin: 0 10px;
}
.company_name {
   width: 180px;
   text-align: center;
   height: 130px;
   vertical-align: middle;
   display: table-cell;
}
#logo-container {
   width: 180px;
   height: 130px;
   display: table-cell;
   vertical-align: middle;
}
#logo-container2 {

}
.logo-navigation1-container {
   height: 130px;
}
.logo-navigation1-container #logo {
   width: 180px;
   height: 130px;
   margin: 0 10px;
   float: left;
   position: absolute;
}
.logo-navigation1-container .company_name {
   width: 180px;
   text-align: center;
   height: 130px;
   vertical-align: middle;
   display: table-cell;
}
.logo-navigation1-container #logo-container {
   width: 180px;
   height: 130px;
   display: table-cell;
   vertical-align: middle;
}
.logo-navigation1-container #logo-container2 {

}
.body-home .main-content {
   width: 742px;
   margin: 0 auto;
}
.body-home #home-container {
   margin-top: 50px;
}
#navigation1-base-wrapper {
   height: 98px;
}
#navigation1-base-inside-wrapper {
   text-align: center;
}
#navigation1-left-ribbon {
   background: url('/site_media/media/cache/d712_navlinks_ribbon_left_img-72ae.png ') no-repeat transparent;
   height: 51px;
   float: left;
   position: relative;
   /*top: 20px;*/
   padding-left: 35px;
}
#navigation1-left-ribbon-gradient {
background: url('/site_media/media/cache/d712_nav_ribbon_left_gradient_img-eda9.png ') no-repeat top left transparent;
height: 51px;
width: 35px;
float: left;
position: absolute;
}
#nav-ribbon-middle {

}
#navigation1-right-ribbon {
   background: url('/site_media/media/cache/d712_navlinks_ribbon_right_img-5296.png ') no-repeat right center transparent;
   height: 51px;
   float: left;
   padding-right: 35px;
}
#navigation1-right-ribbon-gradient {
background: url('/site_media/media/cache/d712_nav_ribbon_right_gradient_img-9abc.png ') no-repeat top right transparent;
height: 51px;
width: 35px;
float: right;
position: relative;
top: -51px;
left: -17px;
}
#navigation1-container2 {
   background: url('/site_media/media/cache/d712_nav_ribbon_middle_gradient_img-3bad.png ') repeat-x top center #000;
   height: 51px;
   padding: 0 10px;
   position: relative;
   top: 7px;
}
#navigation1-container {
   display: inline-block;
}
   #navigation1-container ul.navigation_message {
      display: none;
   }
   #navigation1-middle-ribbon {
      background: url('/site_media/media/cache/d712_nav_ribbon_middle_gradient_img-3bad.png ') repeat-x top center #000;
      height: 51px;
      padding: 0 15px;
      float: left;
      /*
      position: relative;
      top: 20px;
      */
   }
.nav#navigation1 {
   position: relative;
   top: -24px;
}
   .nav#navigation1 ul {
      height: 98px;
      display: table-cell;
      vertical-align: middle;
      background: url('/site_media/media/cache/d712_navlinks_riggid_bg_img-0721.png ') repeat-x transparent;
      list-style: none;
      /*
      margin: 0;
      padding: 0;
      */
   }
      .nav#navigation1 ul li {
         /*
         display: inline;
         margin: 0 10px;
         */
         float: left;
      }
         .nav#navigation1 ul li a {
            background: url('/site_media/media/cache/d712_nav_ribbon_middle_gradient_img-3bad.png ') repeat-x top center #000;
            text-decoration: none;
            font-family: Tenor Sans;
            color: #FFFFFF;
            font-size: 1.3em;
            padding: 13px 10px;
         }
         .nav#navigation1 ul li a:hover {
            text-decoration: underline;
            padding: 13px 10px;
         }
            .nav#navigation1 ul ul {
               display: none;
            }
         

.sidebar #navigation1-container {
   text-align: center;
   width: 170px;
   margin: 0 auto;
   display: block;
   padding-bottom: 30px;
}
   .sidebar #navigation1-container ul.navigation_message {
      display: none;
   }
.sidebar .nav#navigation1 {
   position: relative;
   top: 0;
}
   .sidebar .nav#navigation1 ul {
      background-image: none;
      list-style: none;
      margin: 0;
      padding: 0;
   }
   
   
   
         
                               

/*** ESSENTIAL STYLES ***/
.sidebar .nav#navigation1 ul, 
.sidebar .nav#navigation1 ul * {
   /*
   margin:        0;
   padding:    0;
   list-style:    none;
   */
}
.sidebar .nav#navigation1 ul {
   line-height:   1.0;
}
.sidebar .nav#navigation1 ul ul {
   position:      absolute;
   top:        -999em;
   width:         10em; /* left offset of submenus need to match (see below) */
   display: table;
}
.sidebar .nav#navigation1 ul ul li {
   width:         100%;
}
.sidebar .nav#navigation1 ul li:hover {
   visibility:    inherit; /* fixes IE7 'sticky bug' */
}
.sidebar .nav#navigation1 ul li {
   float:         left;
   position:      relative;
}
.sidebar .nav#navigation1 ul a {
   display:    block;
   position:      relative;
}
.sidebar .nav#navigation1 ul li:hover ul {
   left:       10.6em !important;
   top:        2.5em; /* match top ul list item height */
   z-index:    99;
}
.sidebar .nav#navigation1 ul li:hover li ul {
   top:        -999em;
}
.sidebar .nav#navigation1 ul li li:hover ul {
   left:       10em; /* match ul width */
   top:        0;
}
.sidebar .nav#navigation1 ul li li:hover li ul {
   top:        -999em;
}
.sidebar .nav#navigation1 ul li li li:hover ul {
   left:       10em; /* match ul width */
   top:        0;
}

/*** DEMO SKIN ***/
.sidebar .nav#navigation1 ul {
   /*
   float:         left;
   margin-bottom: 1em;
   */
}
.sidebar .nav#navigation1 ul a {
   /*
   border-left:   1px solid #fff;
   border-top:    1px solid #CFDEFF;
   padding:       .75em 1em;
   */
   text-decoration:none;
}
.sidebar .nav#navigation1 ul a,
.sidebar .nav#navigation1 ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
}
.sidebar .nav#navigation1 ul li {
   /*background:    #BDD2FF;*/
}
.sidebar .nav#navigation1 ul li li {
   /*background:    #AABDE6;*/
   background: #576569;
}
.sidebar .nav#navigation1 ul li li li {
   background:    #9AAEDB;
}
.sidebar .nav#navigation1 ul li:hover,
.sidebar .nav#navigation1 ul a:focus,
.sidebar .nav#navigation1 ul a:hover,
.sidebar .nav#navigation1 ul a:active {
   /*background:    #CFDEFF;*/
   background: url('/site_media/media/cache/d712_nav_ribbon_middle_gradient_img-3bad.png ') repeat-x top center #000;
   outline:    0;
   text-decoration: none;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sidebar .nav#navigation1 ul,
.sidebar .nav#navigation1 ul li {
   width:   170px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sidebar .nav#navigation1 ul li:hover ul {
   left: 10em; /* match ul width */
   top:  0;
}
                                                                      

  
.widecontent #navigation1-container {
   display: inline-block;
   float: right;
   position: relative;
   top: 30px;
   margin-bottom: 0;
}
   .widecontent #navigation1-container ul.navigation_message {
      display: none;
   }
   .widecontent #navigation1-middle-ribbon {
      background: #000;
      height: 51px;
      padding: 0 20px;
      /*
      position: relative;
      top: 20px;
      */
   }
.widecontent .nav#navigation1 {
   position: relative;
   top: -15px;
}
   .widecontent .nav#navigation1 ul {
      height: 98px;
      display: table-cell;
      vertical-align: middle;
      
      background-image: none;
      list-style: none;
      /*
      margin: 0;
      padding: 0;
      */
   }





.widecontent .nav#navigation1 ul {
   line-height:   1.0;
}
.widecontent .nav#navigation1 ul ul {
   position:      absolute;
   top:        -999em;
   width:         12em; /* left offset of submenus need to match (see below) */
   text-align: left;
}
.widecontent .nav#navigation1 ul ul li {
   width:         100%;
}

.widecontent .nav#navigation1 ul li:hover {
   visibility:    inherit; /* fixes IE7 'sticky bug' */
}
.widecontent .nav#navigation1 ul li {
   /*float: left !important;*/
   position: relative;
   margin: 0;
   width: auto;
   border-bottom: none;
   display: inline-block;
   padding: 5px 0;
}

.widecontent .nav#navigation1 ul li.first {
   /*
   background: none;
   padding-left: 0;
   */
}
.widecontent .nav#navigation1 ul li.first ul {

}
.widecontent .nav#navigation1 ul li.first ul li {

}
.widecontent .nav#navigation1 ul li a {
   /*display:    block;*/
   position:      relative;
   padding: 0 5px;
}
.widecontent .nav#navigation1 ul li:hover ul {
   left:       -.6em;
   top:        1.5em; /* match top ul list item height */
   z-index:    99;
}
.widecontent .nav#navigation1 ul li:hover li ul {
   top:        -999em;
}
.widecontent .nav#navigation1 ul li li:hover ul {
   left:       12.0em; /* match ul width */
   top:        0;
}
.widecontent .nav#navigation1 ul li li:hover li ul {
   top:        -999em;
}
.widecontent .nav#navigation1 ul li li li:hover ul {
   left:       10em; /* match ul width */
   top:        0;
}
.widecontent .nav#navigation1 ul {
   /*
   float:         left;
   */
   /*margin-bottom:  1em;*/
}

.widecontent .nav#navigation1 ul li a, 
.widecontent .nav#navigation1 ul li a:visited {
   padding: 10px 5px 19px;
   background-image: none;
   background-color: transparent;   
   color: #000;
}
.widecontent .nav#navigation1 ul li a:hover {
   padding: 10px 5px 19px;

}
.widecontent .nav#navigation1 ul ul li a,
.widecontent .nav#navigation1 ul ul li a:visited {
   font-size: 0.8em;
}
.widecontent .nav#navigation1 ul ul li a:hover {
   background: none !important;
   text-decoration: underline;
}
.widecontent .nav#navigation1 ul li ul li a,
.widecontent .nav#navigation1 ul li ul li a:visited {
   color: #FFFFFF;
   padding: 0 5px 0 18px;
   background-image: none;
   background-color: transparent;
}
.widecontent .nav#navigation1 ul li ul li a:hover {
   padding: 0 5px 0 18px;
   color: #FFFFFF;
   text-decoration: underline;
}
.widecontent .nav#navigation1 ul li {
   background: url('') no-repeat 0 0.8em;
}
.widecontent .nav#navigation1 ul li li {
   
   background: #576569;
}
.widecontent .nav#navigation1 ul li li:hover {

}
.widecontent .nav#navigation1 ul li li li {
   background: ;
}           
.widecontent .nav#navigation1 .selected a {
   
   background: ;
   padding: 10px 5px 19px;  
}
.widecontent .nav#navigation1 .selected ul li a {
   background: none;
}
.widecontent .nav#navigation1 .selected a:hover {
   
   background: ;
   padding: 10px 5px 19px;  
}
.active {
   color: #FFFFFF;
   background: ;
   padding: 10px 5px 19px;  
}    
.content img {
   border: 1px solid #000000;
}              
#footer {
   clear: both;
}
.copyright {
   margin-top: 40px;
   margin-bottom: 20px;
   font-size: .6em;
   color: #000000;
   text-align: center;
}
   .copyright a {
      text-decoration: none;
      color: #000000;
   }
      .copyright a:hover {
         text-decoration: underline;
      } 
   
.gallery .thumblist ul .thumb .fn {
   font-size: 1.0em !important;
}   
.big_list .fancyproduct {
   width: 420px !important;
}
.big_list .fancyproduct .desc-col {
   width: 308px !important;
}  
.body-about .content#content2 h2, .body-about1 .content#content2 h2,
.body-about2 .content#content2 h2, .body-about3 .content#content2 h2,
.body-about4 .content#content2 h2, .body-product .content#content2 h2,
.body-product1 .content#content2 h2, .body-product2 .content#content2 h2,
.body-product3 .content#content2 h2, .body-product4 .content#content2 h2 {
   color: #FFFFFF;
}
.body-about .content#content2, .body-about1 .content#content2,
.body-about2 .content#content2, .body-about3 .content#content2,
.body-about4 .content#content2, .body-product .content#content2,
.body-product1 .content#content2, .body-product2 .content#content2,
.body-product3 .content#content2, .body-product4 .content#content2 {
   width: 170px;
   margin: 0 auto;
   color: #FFFFFF;
} 
.body-about .content#content2 a, .body-about1 .content#content2 a,
.body-about2 .content#content2 a, .body-about3 .content#content2 a,
.body-about4 .content#content2 a, .body-product .content#content2 a,
.body-product1 .content#content2 a, .body-product2 .content#content2 a,
.body-product3 .content#content2 a, .body-product4 .content#content2 a {
   color: #DDFBF4;
}
.body-about .content#content2 a:hover, .body-about1 .content#content2 a:hover,
.body-about2 .content#content2 a:hover, .body-about3 .content#content2 a:hover,
.body-about4 .content#content2 a:hover, .body-product .content#content2 a:hover,
.body-product1 .content#content2 a:hover, .body-product2 .content#content2 a:hover,
.body-product3 .content#content2 a:hover, .body-product4 .content#content2 a:hover {
   color: #aecbd3;
}
.body-about .content#content2 a:visited, .body-about1 .content#content2 a:visited,
.body-about2 .content#content2 a:visited, .body-about3 .content#content2 a:visited,
.body-about4 .content#content2 a:visited, .body-product .content#content2 a:visited,
.body-product1 .content#content2 a:visited, .body-product2 .content#content2 a:visited,
.body-product3 .content#content2 a:visited, .body-product4 .content#content2 a:visited {
   color: ;
}
.sidebar .textbox {
   background-color: transparent;
   border: 0 none;
   width: 170px;
   margin: 0 auto;
}
.sidebar .textbox h2,
.sidebar .textbox h3,
.sidebar .textbox h4,
.sidebar .textbox h5,
.sidebar .textbox h6 {
   color: #FFFFFF;
}
.sidebar .textbox a {
   color: #FFFFFF;
}