html body { background: #fff;}
/*#page { width: 980px; margin: 0 auto; }*/
.block { padding: 15px; }
.block.flush-left { padding-left: 0px; }
.block.flush-right { padding-right: 0px; }
.page-row { margin: 0 auto; width: 980px; }
.page-landing-block{float: left; margin-left: 20px;}

#content { background-color: #fff; } /* bg color */
#footer { background-image: url(/assets/img/footer-mockup2.png);
          height: 68px; background-repeat: no-repeat; background-color: #fff; }

/* Text */
.small-null-text{ color:rgb(140,140,140); font-size: 12px;  font-family: Helvetica, Arial, sans-serif;}
.sub-title{ color:#333; font-size: 14px; font-family: Helvetica, Arial, sans-serif;}



/* core elements */
.content { font: Helvetica, Arial, sans-serif; color: #333;
           font-size: 8pt; }
.content a, .content a:link, .content a:hover, .content a:visited { font-weight: normal; color: #336600; }
.content a:hover { color: #000; }
.content h1, .content h2, .content h3 { color:#006600; }
.content h3 a, .content h3 a:link, .content h3 a:hover, .content h3 a:visited { color:#006600; text-decoration: none;}
.intro-text { margin-bottom: 15px; }
.product-container{margin: 0px auto; width: 90%;}
.indent{margin-left: 10px;margin-top:5px;}


/* columns */
.col { float: left; width: 49%; }
.col.leftcol { width: 244px; }
.col.rightcol { width: 715px; border-left: dotted 1px #ccc;}
.col.maincol { position: relative; width:800px; margin-left: 80px;}

/* homepage */
.clear { clear: both; font-size: 0; height: 0; overflow: hidden; }
.image-list .image-list-element { float: left; margin-right: 35px; width: 195px;
                             height: 186px; margin-bottom: 25px;}
.image-list-cat {margin-left: 0px; width: 680px;}
/* old .image-list-element-cat { float: left; margin-left: 40px; width: 175px;
          height: 300px; margin-bottom: 0px;}
*/          
.image-list-cat a:link{ font-weight: 600; text-decoration: none; font-size: 12px;}
.image-list-cat a:visited{ font-weight: 600; text-decoration: none; font-size: 12px;}
.image-list-cat a:active{ }
.image-list-cat a:hover{ font-weight: 600; text-decoration: none; font-size: 12px;}


.image-list-element-cat { float: left; margin-left: 0px; width: 170px;
         height: 225px; margin-bottom: 0px;}

.image-list .image-list-element img { width: 195px; height: 136px; }

/* image frames PUT THIS AT TOP>>> MAYBE SHOULD BE CENTER*/
.image-frame { background-repeat: no-repeat; background-color: #FFF;
               background-position: top center;  padding: 0px; margin-left: 15px;}
.image-frame-naos { background-repeat: no-repeat; background-color: #FFF;
              background-position: top center;  padding: 0px; margin-left: 5px; height: 160px; cursor: pointer;}
.image-frame .image-frame-graphic {  }
.image-frame-caption { margin-left: 20px;}

.image-frame-small { background-repeat: no-repeat; background-color: #FFF6E5;
               background-position: top; height: 140px; padding: 0px;}
.image-frame-small .image-frame-graphic {  }


.image-frame-small-equip { background-repeat: no-repeat; background-color: #FFF;
               background-position: top; height: 85px; padding: 0px;}
.image-frame-small-equip .image-frame-graphic {  }


/* image frames big */
.image-frame-big { background-repeat: no-repeat; background-color: #FFF6E5;
               background-position: top; height: 215px; padding: 0px; width: 315px;}
.image-frame-big .image-frame-graphic {  }



/* cart */
.cart-contents td, .cart-contents th { border:0; }
.cart-contents th { border-bottom: solid 1px #ccc; background-color: #bdd194;}
.cart-contents tr.row2 { background-color: #ffc174; }

/* flyers */
#flyers { background: url(/assets/img/blank-head.png) no-repeat;
          background-repeat: no-repeat; background-color: #fff;
          margin-bottom: -5px;}
#onsale-flyer { position: relative; top: 20px; }

/* header */
#header { height: 135px; background-color: #fff; }
#f4y-logo { margin-left: 0px; margin-top: 5px;}
#header .col.leftcol { width: 455px; }
#header .col.rightcol { width: 524px; border: none;}
#phone-tagline { font-size: 125%; color: #000; float: right;
                 margin-right: 0px; margin-bottom: 10px; font-weight: 600;}
#tertiary-nav { float: left; margin-right: 0px; color: #888;}
#tertiary-nav a { color: #336600; font-size: 115%; }
#search { float: right; }
#left-nav{position: relative; top:44px; }
#icon-set { width: 250px; float: right;}

/* primary nav */
#primary-nav { background-image: url(/assets/img/primary-nav-full-bg.gif);
               background-repeat: no-repeat; height: 40px; margin-bottom: -5px;
               margin-top: -15px;}
#primary-nav .nav-links { margin-left: 60px; margin-top: -5px;}
#primary-nav a { display: block; float: left; height: 26px;
                /* background-image: url(/assets/img/primary-nav-bg.gif); */
                 background-repeat: repeat-x; font-size: 125%; color: #000;
                 text-decoration: none; padding-left: 10px; padding-right: 10px; padding-top:8px;
                  border-right: solid 1px #814a12; margin-top: 0px;}
#primary-nav a:hover { /* background-image: url(/assets/img/primary-nav-hover-bg.gif); */
                       color: #fff; }

#primary-nav a.last { border: none; }

/* pages */
.breadcrumbs a { margin-right: 7px; }


/* new */
.bg-color-product{background-color:#c1e092}
.bg-color-main{ background-color:#fff; }
.product-description{ position: relative; margin-top: 0px; font-size: 12px; width: 340px;}

ul{
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 0px;
}

#product-list{
    margin-left: -8px;
}
#product-list a:link{text-decoration:none; font-weight: 0; color:rgb(0,88,0); font-size:12.5px; font-family: verdana;}
#product-list a:visited{text-decoration:none; font-weight: 0; color:rgb(0,88,0); font-size:12.5px; font-family: verdana;}
#product-list a:active{text-decoration:none; font-weight: 0; color:rgb(0,88,0); font-size:12.5px; font-family: verdana;}
#product-list a:hover{text-decoration:none; font-weight: 0; color:rgb(0,88,0); font-size:12.5px; font-family: verdana;}


#dept{ position: relative; font-family: verdana; font-size: 14px; color: #333; font-weight: 600; margin-left: 28px; top: 5px;}


.train-block-head{
 /*#FFF6E5;*/
    width: 100%;
/*    height: 260px;*/
}

.train-block-head-wrk{
    padding-top: 5px;    
    width: 100%;
    margin-bottom: 20px;
/*    width: 650px;*/
/*    height: 260px;*/
}


.train-sub-block{
    position: rel;
}


.bottom-cert{
     background-color: #FFF6E5;
     padding: 20px;
     padding-bottom: 0px;
     padding-top: 2px;
     margin-top: 40%;
     margin-bottom: -20px;
}

.quantity-field{
    width:17px;
}

.sub-calc{
    font-size: 12px;
}

/* header styles */
.header{
    font-size: 15px;
    font-weight: 600;
    font-family: Verdana;
    font-color: #000;
}
.sub-header{
    font-size: 10px;
    font-family: Verdana;
    font-color: #000;    
    font-style: italic;
}

.seminar-bar{
    height: 50px;
    width: 100%;
    padding-left: 20px;
    margin-top: 10px;
}
.newsletter-signup{
    position: absolute;
    margin-top: 13px;
    margin-left: 30px;
    font-weight: 600;
}
.newsletter-submit{
    background: url(/assets/img/submit.png) no-repeat top left;
    border: 0px;
    width: 25px;
    height: 25px;
    margin: 0px 0px 0px 5px;
}



.train-block-head{
    padding-top: 15px;    
}
/* old
.seminar-list-block{
    margin-right: 80px;
    margin-top: 10px;
    float: right;

}*/

.seminar-list-block{
    margin-right: 15px;
    margin-top: 10px;
    float: right;

}

.pg-text{ text-align: justify; margin-left: 0px; margin-top: 20px; width: 100%;}

.workshop-text{ font-family: Verdana; font-size: 10px; width: 400px; text-align: left;}
#wp-text li{list-style-type: disc;}

.workshop-links{
    float:right;
}

.top-half{
    width: 100%;
    padding-bottom: -40px;
}

/* type here
.top-half-workshop{
    padding-bottom: -40px;
}
*/

.right-bar{
    width: 200px;
    margin-right: 10px;
    margin-left: 10px;
}


/* page style */
.page-image{
    float: left;
}
.page-text{
    float: left;
    width: 700px;
    margin-left: 20px;
}
.page-block-head{
    background-color: #FFF6E5;
    width: 100%;
    height: 300px;
}
.page-body{ font-size: 12px;}
.page-body img{padding: 20px;}


.page-text-block{ text-align: justify; margin-left: 20px; margin-top: 20px; width: 90%;}

.page-text-block a:link{text-decoration: none; font-size:13px; font-weight: 600;}
.page-text-block a:visited{text-decoration: none; font-weight: 600;}
.page-text-block a:hover{text-decoration: none; font-weight: 600;}


.page-block a:link{text-decoration: none; font-size:15px;}
.page-block a:visited{text-decoration: none; font-size:15px;}
.page-block a:hover{text-decoration: none;}



/* old
.seminar-block{background-color:#c1e092; padding: 15px; padding-bottom: 20px; width: 90%; height:85px; border: solid 1px #ccc;}
.seminar-block-text-left{position: relative;float:left;}
.seminar-block-text-right{position: relative;float:right; padding-right: 30px;}
*/

.seminar-block{background-color:#c1e092; padding: 15px; padding-bottom: 20px; width: 365px; height: 165px; border: solid 1px #ccc;}
.seminar-block-text-left{position: relative;float:left;}
.seminar-block-text-right{position: relative;float:left; margin-top: 20px;}


.copy{
    position: absolute;
    margin-top: 35px;
    margin-left: 810px;
}

.left-copy{
    padding: 10px;
    position: absolute;
    margin-top: 35px;
    margin-left: 10px;
}
.left-copy img{ margin-right: 50px;}

.naos-list-container{
    float: left;
    margin-left: 15px;
    width: 110px;
}

.cat-title{
    margin-left: 15px;
}

.add-to-cart-button{
    margin-left: -10px;
}

/* ajax cart */
#ajax-cart{
    width: 280px;
    min-height: 100px;
    position: absolute;
    background-color:#ccff99;
    margin-left: 270px;
    /*margin-top: 34px; *//* 19 */
    z-index: 5;
    border: 2px solid;
    border-top-width: 0px;
    border-color: rgb(0,102,0);
    top: 155px;
    overflow: none;
}

#ajax-cart-custom{
    width: 280px;
    min-height: 100px;
    position: absolute;
    background-color:#ccff99;
    margin-left: 270px;
    /*margin-top: 34px; *//* 19 */
    z-index: 5;
    border: 2px solid;
    border-top-width: 0px;
    border-color: rgb(0,102,0);
    top: 155px;
    overflow: none;
}


.zeebra{
    backgroud-color: #ffb233;
}

.checkout-box{
/*    background-color: #c1e092;*/
    float: right;
    width: 240px;
    margin-top: 13px;
    margin-bottom: 0px;
}
#shipping-module{
    float: left;
    /*width: 630px;*/
    width: 980px;
    margin-bottom: 30px;
}

.checkout-column {float: left; width: 245px;}
 div.checkout-column + div.checkout-column { margin-left: 20px;}
.checkout-column-one .row { width: 180px;}

.label{ float: right; margin-right: 10px; margin-top: 10px; font-size: 13px;}

.cart-header{ font-size: 15px;}
#calculated-shipping-block{ float: right; width: 425px;}
.checkout-column input[type=text]{ width: 100px; float: right; margin-top: 10px;}
.checkout-column input[type=button] { float: right; margin-top: 10px;margin-left:10px; }
.checkout-column input[type=radio] { }
.checkout-column select{ width: 110px; float:right; margin-top: 10px;}
.checkout-column .results {  border: solid 1px #ccc; padding: 10px;}
.results { margin-top: 10px;}
.result-label { float: left ; }
.result-button { float: left; margin-right: 10px;}
/* conflict with boxy */
.checkout-right { float: right !important; font-size: 14px; width: 150px; text-align: right;}*/
.checkout-right span { font-weight: bold; margin-left: 15px;}
.checkout-right .row {margin-bottom: 10px; }
.checkout-right .small { font-size: 10px; font-style: italic;}

#GCIMAGE{ opacity: .5;}
#f4y-checkout{ }

.calculator-style{position: absolute; border: solid 1px; width: 270px; margin-left: -240px; /*height: 450px;*/}

#checkout-block{ float: right; width: 300px; margin-left: 0px;}

.cart-ajax-header{
 position: relative; width: 225px; margin: 16px 0px -10px 20px;   
}

.category-list-naos{border-color:#000;border: solid 1px; width: 90%; border-width: 1px 0px 0px 0px; margin-bottom: 20px;}

#bread-crumb{
    padding: 10px 0px 10px 0px;
}
#update-cart-link{
    float: left;
    color:rgb(80,80,80);
    margin-left: 10px;
}

#margin li{
 list-style-type: disc;
 color: #326700;
 padding-left: 2px;
}

/* package layout */
#packaged_products{
    
}
.product{
    width: 100%;
    margin: 0px 0px 20px 0px;
}
.product img{
    float: left;
    padding: 0px 10px 0px 0px;
}
.subproduct-text{
    padding: 0px;
    margin-top: -5px;
    float: left;
    width: 70%;
}

.subproduct-link a{text-decoration:none; color:rgb(0,88,0);  font-family: verdana; font-size: 14px; font-weight: bold;}
.subproduct-link a:link{text-decoration:none; color:rgb(0,88,0);  font-family: verdana; font-size: 14px; font-weight: bold;}
.subproduct-link a:visited{text-decoration:none; color:rgb(0,88,0);  font-family: verdana; font-size: 14px; font-weight: bold;}
.subproduct-link a:active{text-decoration:none; color:rgb(0,88,0);  font-family: verdana; font-size: 14px; font-weight: bold;}
.subproduct-link a:hover{text-decoration:none; color:rgb(0,88,0); font-family: verdana; font-size: 14px; font-weight: bold;}


.ul-visible{margin-top: 2px !important; margin-right: 2px !important; margin-left: 10px !important; height: auto !important; margin-bottom: 2px !important; display: block !important; font-weight: 600; }
.ul-visible-tier{margin-top: 0px !important; margin-right: 0px !important; margin-left: 0px !important; height: auto !important; margin-bottom: 2px !important; display: block !important; font-weight: 600; }
.ul-hidden{margin: 0px !important; display:none;}
.ul-main{margin: 2px !important; margin-left: 10px !important;}

#coupon-field{ color: green;}

.no-flyer{ 
    height: 38px;
}

.checkout-top{
    margin: 10px 0px 25px 0px;
}
.checkout-form{
    font-color: #333;
}

.ship-to{
    float: left;
    width: 400px;
    margin: 0px 0px 0px 60px;
}
.ship-to input{
    float:left;
    margin: 5px 5px 0px 0px;
    color: #6B726D;
}
.ship-to input[type=checkbox]{
    margin-top: 11px;
    margin-left: 3px;
}

.title-row input[type=checkbox]{
    margin-top: 2px !important;
}


.bill-to{
    float: left;
    margin: 0px 0px 0px 0px;
    width: 330px;
}
.bill-to input{
    float: left;
    margin: 5px 5px 0px 0px;
    color: #6B726D;
}
.bill-to input[type=checkbox]{
    margin-top: 11px;
    margin-left: 3px;
}

.small-header{
    font-size: 13px;
    font-weight: 600;
    font-family: Verdana;
    font-color: #000;   
    float: left;
}

.line-item{
    color: #ff9933;
    font-weight: bold;
    font-size: 13px;
    margin-left: 20px;
}
.line-value{
    font-weight: bold;
    font-size: 13px;
    margin-left: 5px;
}

.guest-checkout{
    font-style: italic;
    margin-left: 10px;
    font-size: 13px;
}

.guest-checkout form{ margin: 0px;}

.orange {
    color: #ff9933;
}

.errors p{margin:0px;}
.errors{
    color:red;
    font-size: 15px !important;
}

#CC-help-text{
    width: 300px;
    margin-top: 5px;
}

/*
.line-item{
    float:left;
    color: green;
    font-size: 12px;
}
*/
#dedcutions {
    float:left;
    width: 176px;
}

/* custom frame css */
.custom-header{
    color:#F93 !important;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    font-family: verdana;
}

.custom-body{
    width: 680px;
}
.custom-body h1 {
    color:#000;
    margin-bottom: 10px;
}
.custom-body hr { margin: 25px 0px 0px 0px; }
.custom-calculator{border: solid 1px; width: 270px; float:right; margin-top: 30px;}
.custom-left-col{ width: 340px; float: left;}
.custom-right-col{ width: 340px; float: right;}
.custom-head{
    font-family: Verdana;
    font-size:15px;
    color: #000;
}
.custom-subhead{
    font-family: Verdana;
    font-size:10px;    
/*    line-height: 0px;*/
    color: #000;
    font-style: italic;
}

.custom-total-box{
    border: solid 1px;
    width: 225px;
    margin: 15px 0px 0px 0px;
    padding: 10px 0px 10px 15px;
}
.custom-total-box h1{
    margin:0px;
}

#custom-total{
    margin: 10px 0px 10px 0px;
    color:red;
    font-size: 18px;
    font-weight:bold;
}

.custom-category-list{
    
}
.custom-list-title{ font-weight: bold; font-size: 18px; margin: 0px 0px 15px 24px;}
.custom-list-container { position: relative; width: 695px; max-height: 550px; overflow-y: auto; }
.custom-list-element-cat { float: left; width: 170px; margin-bottom: 10px;}

.custom-close{ position: absolute; top: 15px; right: 30px; background-color: #fff; padding: 5px;}
.custom-select{ width: 200px;}

#custom-acrlyic-select, #custom-foamboard-select{
    margin: 15px 0px 15px 0px;
}

#item-dimensions{
    width: 200px;
    margin: 15px 0px 0px 0px;
}