body {

    width:100%
}
.modal-content.ui-resizable {

}

h1,
h2,
h3 {
    line-height: 40px;
}

/*font-family: 'DezenProMedium'
font-family: 'DezenProBold'
font-family: 'DezenProRegular'
font-family: 'DezenProRegular'
font-family: 'StencilMoonlightLTStd-Rg'
font-family: 'Century Schoolbook Std Bold'
font-family: 'Century Schoolbook'
font-family: 'CenturySchoolbook'
*/
h1 {
    font-family:    'DezenProBold', Helvetica, sans-serif;
    font-size:      3em;
    line-height:    1em;
    letter-spacing: .03em;
    color:          #000;

}

.h1 {

    font-size:   6vw;
    font-family: "DezenProBold", Helvetica, sans-serif;

    line-height: 1vw;

    font-weight: 400;
}

.h1extra {

    font-size:   2.25em;
    font-family: "DezenProBold", Helvetica, sans-serif;
    line-height: 1em;
    color:       #3e4f7c;
    font-weight: 600;
}

h2 {
    font-family:    "DezenProMedium", Helvetica, sans-serif;
    font-size:      1.65em;
    color:          #000;
    line-height:    1.25em;
    font-weight:    300;
    letter-spacing: .04em;

}

.h2 {
    font-family: "DezenProBold", Helvetica, sans-serif;
    font-size:   3.5vw;
    color:       #914196;
    line-height: 3vw;
    font-weight: 300;
}

h3 {
    font-size:   1.25em;
    color:       #000000;
    font-family: "DezenProLight", Helvetica, sans-serif;
    line-height: 1em;
    font-weight: 300;
}

.h3 {
    font-size:   1.25em;
    font-weight: 300;
    line-height: 1em;
    color:       #914196;
    font-family: "DezenProMedium", Helvetica, sans-serif;

}

h4 {
    font-size:      1.15em;
    color:          #000;

    font-family:    "DezenProBold", Helvetica, sans-serif;
    letter-spacing: 1px;
    line-height:    .9em;

}

.h4 {
    font-size:      1.15em;
    font-family:    "DezenProBold", Helvetica, sans-serif;
    line-height:    1em;
    color:          #000;
    letter-spacing: 2px;
}

h5 {
    font-size:      .9em;
    font-weight:    300;
    line-height:    10px;
    letter-spacing: 1px;
    color:          #686bab;
}

h1 small {
    font-size:   18px;
    color:       #686bab;
    font-weight: 300;
    line-height: 16px;
    padding:     0;

}

p {
    font-family:"CenturySchoolbook";
    line-height: 1.75vw;
    font-size:1.25vw;
    color:#333333;

}

a {
    color:           #F05B25;
    text-decoration: none;
}

a:hover {
    color:           #F05B25;
    text-decoration: underline;
}

img {

    border: 0;
}

p img {
    float:  left;
    margin: 0 1em 1em 0;
    clear:  both;
}

hr {
    background: #00BFE1;
    clear:      both;
    width:      100%;
    border:     none;
    margin:     .5em .5em 1.5em 0;
    height:     5px;

}

sup {

    font-family: "DezenProThin", Helvetica, sans-serif;
    font-size:   50%;
}

.verticalrule {

    border-right: thin solid #00BFE1;
    padding:      0 1em 0 0;
    margin:       0 0 0 0;

}

td {
    font-family: "DezenRegular", Helvetica, sans-serif;

}

th {
    font-family: "DezenProRegular", Helvetica, sans-serif;
}

input[type='text'] {
    font-size:   1.25em;
    font-family: "DezenProRegular", Helvetica, sans-serif;

}

#quickOrderTable input[type='text'] {
    font-family: "DezenProRegular", Helvetica, sans-serif;
    font-size:   .9em;

}
#estimatedsubtotal {
    font-family: "DezenProRegular", Helvetica, sans-serif;
    font-size:   .9em;

}

input[type='password'] {
    font-family: "DezenProRegular", Helvetica, sans-serif;
    font-size:   1.25em;
    line-height: 1.5em;
}

textarea {
    font-family: "DezenProRegular", Helvetica, sans-serif;
    font-size:   1.25em;
    line-height: 1.5em;
}

input[type="radio"] {
    font-family: "DezenProRegular", Helvetica, sans-serif;
    font-size:   1.25em;
    line-height: 1.5em;

}

select {
    font-family: "DezenProRegular", Helvetica, sans-serif;
    font-size:   1.5em;
    line-height: 1.5em;

}

.text-error{
    color: #EE385E;
    font-family: "CenturySchoolbook", Times, Serif;
    font-size:   1.25em;
    line-height: 1.25em;

}
.orderlinepk {


    color:orange;
}

.orderlinepk a:hover {


    text-decoration:underline;
}
.pageContainer {
    background-color:white;
    max-width: 1624px;
    margin: 0 auto;

}
/* superbulb page */
#bulbpagefunctions a{

    font-size:      1vw;
}


/* ADDTHIS WIDGET FORMATTING */

#atftbx p {

    text-align:     left;
    letter-spacing: .15em;
    font-family:    "DezenProMedium", Helvetica, sans-serif;
    color:          #F05B25;
    font-size:      .9em;
    line-height:    1.25em;
    text-transform: uppercase;

}
#prof a {
    text-align:     center;
    letter-spacing: .15em;
    font-family:    "DezenProLight", Helvetica, sans-serif;
    /*color:          #F05B25;*/
    color:black;
    font-size:      2vw;
    line-height:    2vw;



}

.loadingdiv {

    width:100%;
    height:100%;
    z-index:100;
    display:none;
    top:0;
    left:0;
    position:relative;
    background-image:url('https://www.colorblends.com/img/ui/loading.gif');
    background-repeat:no-repeat;
    background-color:white;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

#newtopmenu {

    background-color: #FFF;
    border-top:       1px solid #00BEE1;

    height:           2.5rem;
    font-size:        1.5rem;
    line-height:      1rem;
    padding:          0;
    margin:            1rem;
    width:100%;

}

#newtopmenu ul {

    padding: 0;

}

#newtopmenu li {
    display:         inline;
    list-style-type: none;
    height:      1rem;
    padding:         0 1em 2em 0;

}

#newtopmenu li a {

    letter-spacing: .1em;
    font-family:    "DezenProMedium", Helvetica, sans-serif;
    color:          #F05B25;

}

#newtopmenu li a:hover {
    text-decoration: underline;
}

.allcaps {

  text-transform: uppercase;
}
/* end of HTML ENTITIES DECLARATIONS
   START OF SPECIALIZED MEDIA QUERY BOUND CLASSES
 768 */


/* ADDSEARCH ADDSEARCH ADDSEARCH  ADDSEARCH   ADDSEARCH  ADDSEARCH   ADDSEARCH  ADDSEARCH   ADDSEARCH */
#searchentry {


}
#searchresultspanel {

    display:  inline-block;
    position: relative;

}
#searchresultstable  {
    display:none;
    position: absolute;
    background-color: #f9f9f9;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    border:                0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 0 2em 0 0 ;
    z-index: 5;
    left: -10vw;
}

#searchresultstable p{


    font-size:1.5rem;
    line-height:1.75rem;
    color:#666;

}

#searchresultstable a{

   font-weight:700;
    font-size:1.25rem;
    line-height:2rem;

}

#searchresultstable ul{

   margin: 0 0 0 1em;
   padding:0 0 0 .5rem ;

}
#searchresultstable li{

    list-style-type: none;

}
#searchresultstable img{

    width:100px;
    height:100px;
    float:left;
}



/*   MAILCHIMP     MAILCHIMP     MAILCHIMP     MAILCHIMP     MAILCHIMP     MAILCHIMP     MAILCHIMP   */
#mc_embed_signup {

    clear:      left;
    font:       14px Helvetica, Arial, sans-serif;
    padding:    0;
    margin:     0;
}



.control-label {
    font-family: "DezenProMedium", Helvetica, sans-serif;
    font-size:   1.25em;
    line-height: 1em;
    font-weight:400;

}

.nomargin {

    margin: 0;

}

.nopadding {

    padding: 0;

}

.textsans {
    font-family: "DezenProBold", Helvetica, sans-serif;
    font-size:   1em;

}

.textsanslight {
    font-family: "DezenProRegular", Helvetica, sans-serif;
    font-size:   1em;

}

.textsansmedium {
    font-family: "DezenProMedium", Helvetica, sans-serif;
}

.textsansthin {
    font-family: "DezenProThin", Helvetica, sans-serif;
}

.textsansblack {
    font-family: "DezenProBlack", Helvetica, sans-serif;
}

.textsansheavy {
    font-family: "DezenProHeavy", Helvetica, sans-serif;
}

.fourteenpoint {

    font-size: 1.125em;

}

.eighteenpoint {

    font-size:   1.5em;
    line-height: 1.5em;

}

.twentyfourpoint {

    font-size:   2em;
    line-height: 1em;
}

.textplus {

    font-size: 1.15em;

}

.textplusplus {
    font-family: "DezenProBold", Helvetica, sans-serif;
    font-size:   1.5em;

}

.textminus {

    font-size: .9em;

}

.textserif {
    font-family: "CenturySchoolbook", 'Times', serif;
    font-size:   1.15em;

}

.textserifitalic {
    font-family: "CenturySchoolbook-Italic", 'Times', serif;
    font-size:   1.15em;

}

.img-rounded {
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    border:                0;

}

.grayarrow {
    background-image:  url('https://www.colorblends.com/img/site/path_arrow_grey.jpg');
    background-repeat: no-repeat;
    height:            1em;
    margin:            0 .5em 0 .5em;
}

.orangenext {
    background-image:  url('https://www.colorblends.com/img/site/orange_next.png');
    background-repeat: no-repeat;
    height:            1em;
    padding-right:     1.5em;
}

.orangeprev {
    background-image:  url('https://www.colorblends.com/img/site/orange_previous.png');
    background-repeat: no-repeat;
    height:            1em;
    padding-left:      1.5em;

}

.dingbat {

    font-family:   'ZapfDingbats';
    font-size:     3em;
    color:         #FCCC0B;
    text-align:    left;

    padding-right: 8px;

}

.underline {

    text-decoration: underline;

}

.italic {

    font-style: italic;

}

.rainbowheader {
    background-image:  url('https://www.colorblends.com/img/site/smallColorblendsStripes.png');
    background-repeat: repeat-x;
    width:             100%;
    height:            6px;
    overflow:          hidden;

}

.textwhite {

    color: #fff;

}

.textblack {

    color: #000;

}

.textred {
    color: #EE385E;
}

.textorange {
    color: #F05B25;
}

.textgreen {
    color: #9AC33C;

}

.textpurple {
    color: #914296;

}

.textblue {

    color: #00BEE1;

}

.textyellow {

    color: #FCCC14;
}

.textpink {

    color: #E93E96;
}
.smallpinkwell {
    /*background:#e1e4f0;*/
    background-color:#FDE7EB;
    padding: 1em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-color:white;
    border-style: solid;
    border-width:.5em;


}
.textgray {
    color: #5A5A5A;
}

.btn {

    font-family:           "DezenProHeavy", Helvetica, sans-serif;
    background-image:      none;
    border:                none;
    text-shadow:           none;

    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;

}

.btn-large {
    padding:   12px 10px 10px 10px;
    font-size: 18px;

}

.btn-reverse {

    color:            #F05B25;
    background-color: #ffffff;

}

.btn-custom {
    background-color:       hsl(25, 100%, 47%) !important;
    background-repeat:      repeat-x;
    filter:                 progid:DXImageTransform.Microsoft.gradient(startColorstr="#F05A23", endColorstr="#ef6300");
    background-image:       -khtml-gradient(linear, left top, left bottom, from(#F05A23), to(#ef6300));
    background-image:       -moz-linear-gradient(top, #F05A23, #ef6300);
    background-image:       -ms-linear-gradient(top, #F05A23, #ef6300);
    background-image:       -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F05A23), color-stop(100%, #ef6300));
    background-image:       -webkit-linear-gradient(top, #F05A23, #ef6300);
    background-image:       -o-linear-gradient(top, #F05A23, #ef6300);
    background-image:       linear-gradient(#F05A23, #ef6300);
    border-color:           #ef6300 #ef6300 hsl(25, 100%, 45%);
    text-shadow:            0 1px 1px rgba(255, 255, 255, 0.13);

    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
    -webkit-font-smoothing: antialiased;
    font-family:            "DezenProBold", Helvetica, sans-serif;
    font-size:              1.1em;
    line-height:            .8em;
    padding:                0 0 2em 0;
    color:                  #fff;
    height:                 36px;
}

.btn-golden {
    background-color:       hsl(47, 100%, 50%) !important;
    background-repeat:      repeat-x;
    /*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FEEB9C", endColorstr="#FDDD72");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#FEEB9C), to(#FDDD72));
     background-image: -moz-linear-gradient(top, #FEEB9C, #FDDD72);
     background-image: -ms-linear-gradient(top, #FEEB9C, #FDDD72);
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FEEB9C), color-stop(100%, #FDDD72));
     background-image: -webkit-linear-gradient(top, #FEEB9C, #FDDD72);
     background-image: -o-linear-gradient(top, #FEEB9C, #FDDD72);
     background-image: linear-gradient(#FEEB9C, #FDDD72);*/
    border-color:           #FDDD72 #FDDD72 hsl(47, 100%, 50%);
    text-shadow:            0 1px 1px rgba(255, 255, 255, 0.13);

    -webkit-border-radius:  0px 0px 5px 5px;
    -moz-border-radius:     0px 0px 5px 5px;
    border-radius:          0px 0px 5px 5px;
    -webkit-font-smoothing: antialiased;
    font-family:            "DezenProMedium", Helvetica, sans-serif;
    font-size:              1.125em;
    letter-spacing:         .1em;

    padding:                .25rem 1rem 1rem 1rem;
    color:                  #000;
    height:                 48px;
}

.btn {

    letter-spacing:         .1em;
}
#tender_toggler {
    background-color:      #00BEE1;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius:    0px 0px 5px 5px;
    border-radius:         0px 0px 5px 5px;
    width:                 16em;
}

.red {

    background-color: #EE385E;

}

.red90 {

    background-color: #F04C6E;

}

.red80 {

    background-color: #F2607E;

}

.red60 {

    background-color: #F6889E;

}

.red40 {

    background-color: #FAB0BE;

}

.red10 {

    background-color: #FDE7EB;

}

.blue {

    background-color: #00BEE1;

}

.blue90 {

    background-color: #34CCE7;

}

.blue80 {

    background-color: #66D8ED;

}

.blue60 {

    background-color: #99E5F3;

}

.blue40 {

    background-color: #B6E9F6;

}

.blue10 {

    background-color: #E0F7FB;

}

.purple {

    background-color: #914296;

}

.purple90 {

    background-color: #9C55A1;

}

.purple80 {

    background-color: #A768AC;

}

.purple60 {

    background-color: #BD8EC2;

}

.purple40 {

    background-color: #D3B4D8;

}

.purple10 {

    background-color: #F2E8F2;

}

.green {

    background-color: #9AC33C;

}

.green90 {

    background-color: #A4C950;

}

.green80 {

    background-color: #AECF64;

}

.green60 {

    background-color: #C2DB8C;

}

.green40 {

    background-color: #D6E7B4;

}

.green10 {

    background-color: #F3F8E7;

}

.orange {

    background-color: #F05B25;

}

.orange90 {

    background-color: #F26B3B;

}

.orange80 {

    background-color: #F47B51;

}

.orange60 {

    background-color: #FFA280;

}

.orange40 {

    background-color: #F9BDA8;

}

.orange10 {

    background-color: #FDEBE4;

}

.yellow {

    background-color: #FCCC14;

}

.yellow90 {

    background-color: #FCCC2C;

}

.yellow80 {

    background-color: #FCD243;
}

.yellow60 {

    background-color: #FDDD72;

}

.yellow40 {

    background-color: #FEEB9C;

}

.yellow10 {

    background-color: #FFF9E2;

}

.pink {

    background-color: #E93E96;

}

.pink90 {

    background-color: #EB52A1;

}

.pink80 {

    background-color: #ED65AB;

}

.pink60 {

    background-color: #F49ECA;

}

.pink40 {

    background-color: #F8C5DF;

}

.pink10 {

    background-color: #FDE7F2;

}

.gray {
    background-color: #5A5A5A;
}

.mediumgray {
    background-color: #969696;
}

.lightgray {
    background-color: #F0F0F0;
}

.oneleftmargin {

    margin: 0 0 0 1em;
}

.zeroleftmargin {

    margin: 0 0 0 0;
}


.addresspickerblock  address:hover {

    color:cornflowerblue;
    cursor:pointer;

}

#listing {


}

#listing td {

 font-size:1.5vw;
}
/*
#helpbutton {

    background: url("../img/site/HelpButton.png") 0 3px no-repeat;
    z-index:    100;
    position:   fixed;
    display:    block;
    top:        145px;
    top:        calc(100% - 157px);
    right:      -1px;
    width:      89px;
    height:     107px;

}
*/


.left-nav {
    margin:                1rem 0 0 0;
    padding:               1em 1em 1em 1em;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius:    0px 3px 3px 0px;
    border-radius:         0px 3px 3px 0px;
    width:                 100%;

}

.left-nav ul {
    margin: 0 0 0 0;
    padding:0 .5em .5em 0;
}

.left-nav h3 {

    font-family:    'DezenProMedium', helvetica, sans-serif;
    font-size:      1.15em;
    letter-spacing: 1px;
    color:          #000;
    line-height:    1em;
    margin:         0;
    padding:        0;

}

.left-nav h3 a {

    color: #000;

}

.left-nav h3 a:hover {

    color: #000;

}

.left-nav li {
    list-style-type: none;
    font-family:     'DezenProRegular', helvetica, sans-serif;
    font-size:       1.15em;
    margin:0;
    padding:0;

}

.left-nav li a {
    color:           black;
    text-decoration: none;
    line-height:     1.5em;

}

.left-nav a:hover {
    color:           black;
    text-decoration: underline;

}

#blanketmenu {
    position:              absolute;
    top:                   14vh;
    display:               none;
    padding:               1em 1em 2em 2em;
    background-color:      white;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius:    0px 3px 3px 0px;
    border-radius:         0px 3px 3px 0px;
    border-right:          thin solid silver;
    border-bottom:         thin solid silver;
    box-shadow:            10px 10px 5px rgba(0, 0, 0, 0.15);
    z-index:               1000;
}

#blanketmenu ul {

    margin: 0;
    padding: 0;
}

#blanketmenu li {
    list-style-type: none;
    font-family:     "DezenProRegular", 'helvetica', sans-serif;
    /*font-size:       1.125em; */
    font-size:       1.2vw;
    line-height:    1vw;
    margin: 0 0 0 0;
    padding:0 0 0 0;
}

#blanketmenu li a {

    text-decoration: none;
    line-height:     1.5em;
    color:           #000;

}

#blanketmenu a:hover {

    color:           #F05B25;
    text-decoration: underline;

}

#blanketmenu  h4 {

    font-family:     "DezenProBold", 'helvetica', sans-serif;
    font-size:       1.5vw;
    line-height:     1.5vw;
    color:             #F05B25;
    padding:        0 0 0 0 ;

}

.sitemap {
    margin:                1em;
    padding:               1em 1em 1em 2em;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius:    0px 3px 3px 0px;
    border-radius:         0px 3px 3px 0px;

}

.sitemap ul {
    margin: 0 0 0 0;
}

.sitemap h4 {

    font-family:    'DezenProMedium', helvetica, sans-serif;
    font-size:      1.15em;
    letter-spacing: 1px;
    color:          #000;
    line-height:    1em;
    margin:         0;
    padding:        0;

}

.sitemap h4 a {

    color: #000;

}

.sitemap h4 a:hover {

    color: #000;

}

.sitemap li {
    list-style-type: none;
    font-family:     'DezenProRegular', helvetica, sans-serif;
    font-size:       1.15em;

}

.sitemap li a {
    color:           black;
    text-decoration: none;
    line-height:     1.5em;

}

.sitemap a:hover {
    color:           black;
    text-decoration: underline;

}

#pricingtable table {
    padding: 0;
}

#pricingtable th {
    font-family: 'DezenProMedium',  Helvetica, Arial, sans-serif;
    font-size: 1.15vw;
    line-height: 1.15vw;
    border:      none;
}

#pricingtable td {
    font-family: 'DezenProRegular',  Helvetica, Arial, sans-serif;
    font-size: 1.15vw;
    line-height: 1.15vw;
    border:      none;

}

#bulbdetailtable table {
    padding: 0 2rem 0 0 ;
    margin:0;
}

#bulbdetailtable th {
    font-family: 'DezenProMedium',  Helvetica, Arial, sans-serif;
    font-size: 1.15vw;
    line-height: 1.15vw;

    border:      none;
}

#bulbdetailtable td {
    font-family: 'DezenProRegular',  Helvetica, Arial, sans-serif;
    font-size: 1.15vw;
    line-height: 1.15vw;
    border:      none;
}

#bulbdetailtable a {
    font-family: 'DezenProBold',  Helvetica, Arial, sans-serif;

}

#slimcarttable table {
    padding: 0;
}

#slimcarttable th {
    font-family: 'DezenProBold',  Helvetica, Arial, sans-serif;
    line-height: 1em;
}

table td {
    font-family: 'DezenProRegular',  Helvetica, Arial, sans-serif;
    line-height: 1em;
}

#slimcarttable a {
    font-family: 'DezenProBold',  Helvetica, Arial, sans-serif;

}

.bulbselector a:hover {

 background-color:orange;
}
/* -- leftnave colors--*/

.displayclass0 {
    /* all bulbs*/
    background-color: #E0F7FB;
}
.displayclass1 {
    /* all bulbs*/
    background-color: #FFF9E2;
}
.displayclass2 {
    /* all bulbs*/
    background-color: #F3F8E7;
}
.displayclass3 {
    /* all bulbs*/
    background-color: #D3B4D8;
}
.displayclass5 {
    /* all bulbs*/
    background-color: #FDE7EB;
}
.displayclass11 {
    /* all bulbs*/
    background-color: #E0F7FB;
}
.displayclass19 {
    /* all bulbs*/
    background-color: #D6E7B4;
}
.displayclass32 {
    /* all bulbs*/
    background-color: #F9BDA8;
}
.displayclass58 {
    /* all bulbs*/
    background-color: #F0F0F0;
}
.displayclass79 {
    /* daffodils */

    background-color: #F2E8F2;
}
.displayclass80 {
    /* daffodils */

    background-color: #F3F8E7;
}
.displayclass90 {
    /* daffodils */

    background-color: #FDEBE4;
}
.displayclass95 {
/* daffodils */

    background-color: #FFF9E2;
}

.displayclass143 {
    background-color: #FDE7F2;

 }

.displayclass233 {
    /* specialty */
    background-color: #F0F0F0;
}
.displayclass27{

    /* specialCategories */
  background-color: #FDE7EB;
}
.displayclass156{
    /* Bloom by Color */
    background:            #E0F7FB;

}
.bulbdetaildisplay{

    margin :    0;
    padding:    0;
   /* height:     100%; */
   /* width:      100%; */
}
.bulbdetaildisplay h4{

    position:           relative;

    bottom:             60px;
    /*left:               2vw; */
    opacity:            0.9;
    filter:             alpha(opacity=60);
    background:         #222222;
    background:         rgba(255, 255, 255, 0);
    -webkit-transition: opacity 3s;
    -moz-transition:    opacity ease-in-out 3s;
    -ms-transition:     opacity ease-in-out 3s;
    -o-transition:      opacity ease-in-out 3s;
    transition:         opacity ease-in-out 3s;
    font-family:     'StencilMoonlightLTStd-Rg', Helvetica, sans-serif;
    line-height:     1em;
    font-size:       3em;
    color:           #ffffff;
    font-weight:     500;
    text-decoration: none;
    text-shadow:     5px 5px 5px rgba(0, 0, 0, 0.4);
    /* EBA */
    z-index: -99;

}

.col-centered {

    float: none;
    margin: 0 auto

}
/* ---- grid ---- */

.grid {
    background: #fff;
    width:  100%;
    height: auto;
}

/* clearfix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- grid-item ---- */
/* packery gallery */
.grid-item {
    width: 25%;
}
.grid-item--large {
    width: 60%;
}
.grid-item {
    float: left;
    /*height: 100px; */
}

.grid-item:hover {

    cursor: pointer;
}

/* end packery gallery */

/* shrink vertical images by 50% */
.grid-item--vertical {
    /* width: 25%; */
 }
 .gallerytext {
     font-family: "CenturySchoolbook-Italic", 'Times', serif;
     font-size:    1vw;
     line-height:   1vw;
     color:silver;
     padding: .5em 0 0 .25em;

 }

 .sort-hover {

     cursor: s-resize;
 }


 .grid-item--height2 { height:300px;}
 .grid-item--width2 {width:400px;}

 .grid img {
     height:100%;
     width:100%;

 }

 .grid iframe {

     height:100%;
     width:100%;

 }
 .grid-item:hover{

     cursor: grab;
 }



 .Square {   }
 .icons {
     padding-bottom:2rem;
     width:140px; height:180px;
 }


 .mediaviewportimg{

     width:100%;


 }
 .mediaprimeimg {

     max-width:100%;
     height:100%;
     padding: 0;
 }

 .bulbinfo {
     width:            25em;
     margin:           1em;
     padding:          0 1em 1em 1em;
     background-color: #fff;
     font-family:      "CenturySchoolbook", 'Times', serif;
 }


  .lookahead {
     margin-top:         2.5em;
     width:            20em;
     background-color: #C2DB8C;

 }
 .bulbselector .a:hover{

     color:#FFFFFF;
     background-color: #E93E96;
 }
 .editablerow {

 }

 .editablerow td {
     line-height: 2.5em;

 }

 .editablerow input[type='text'] {

     margin-bottom: 0;
 }

 div.info {
     display:    block;

     margin:     0;
     padding:    0;

     height:     72px;
     overflow:   hidden;
     background: #e1e4f0;
     color:      #5f6db3;

 }

 .a:link a:hover a:visited a:active {
     color:           #336699;
     line-height:     .9em;
     text-decoration: none;
 }

 .well {

     border: none;

 }

 .well.panellink.yellow60 a:hover {

     color:            #fff;
     background-color: #F05B25;

 }

 .capitallink {

     text-align:     left;
     letter-spacing: .15em;
     font-family:    "DezenProMedium", Helvetica, sans-serif;
     color:          #F05B25;
     font-size:      1.125em;
     line-height:    1.5em;

 }

 .statusfooter {
     position: fixed;
     bottom: 0;
     left:0;
     width: 100%;
     font-size:1.15em;
     line-height:1.15em;
     color:#FCCC14;
     font-style:italic;
     /* Set the fixed height of the footer here */
    height: 80px;
    z-index:20;
    background-color: #333333;
}

#statusfootermobile {
    padding: .5em 0 0 .5em;
    position: fixed;

    bottom:0;
    left:0;
    right:0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 40px;
    z-index:20; 
    /*background-color: #333333;*/

}

.footerlink {

    text-align:     left;
    letter-spacing: .15em;
    font-family:    "DezenProMedium", Helvetica, sans-serif;
    /*color:          #F05B25; */
    font-size:      .9em;
    line-height:    1.25em;

}

.footertext {

    text-align:     left;
    letter-spacing: .15em;
    font-family:    "DezenProMedium", Helvetica, sans-serif;
    font-size:      .9em;
    line-height:    1.75em;
}
.footer-links hr {

    background: #F05B25;
    clear:      both;
    width:      100%;
    border:     none;
    margin:     1em 0 .5em 0;
    height:     2px;
}

.footer-links li {

    margin-bottom: .3em;
}


.thumbnails {
    margin: 0;


}
.thumbnails li {
    float:                 left;
    margin:                0 0 1.5rem 0;

    background-color:      #eeeeee;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
}


.thumbnail {

    overflow: hidden;
    background-color:      #fff;
    margin:   0 0 0 0;
    padding:  0 .5em 0 0;
    border:   none;
    position: relative;
    max-height: 99%;

}
.thumbnails li {
    float:                 left;
    margin:                0 0 1.5rem 0;

    background-color:      #eeeeee;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
}
.thumbnail img {
    padding:               0;
    margin:                0;
    width:                 99%;
    height:                99%; 
    max-height:            99%;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    overflow:              hidden;

}

.thumbnail p {

    font-family:    "DezenProHeavy";
    font-size:      1.125em;
    letter-spacing: .08em;
    line-height:    1.125em;
    padding:        .5em 0 0 .25em;
    margin:0;
    color: #000000;

}

a.thumbnail {

    color: #000000;

}

a.thumbnail:hover {

    text-decoration: none;
    color:           #F05B25;
}

a.thumbnail:active {

    text-decoration: none;
    color:           #F26B3B ;
}
a.thumbnail:visited {

    text-decoration: none;
    color: #000000;
}


.bigthumbnail label {
    font-family:    "DezenProHeavy";
    font-size:      1.125em;
    letter-spacing: .08em;
    line-height:    1.6em;
    vertical-align: middle;
    padding-left:   .5em;
    padding-top:    .25em;
    margin-bottom:  0;
}



a.bigthumbnail {
    color: #000000;

}

a.bigthumbnail:hover {

    -webkit-box-shadow: 0px 0px 0px rgba(150, 150, 150, 0.45);
    -moz-box-shadow:    0px 0px 0px rgba(150, 150, 150, 0.45);
    box-shadow:         0px 0px 0px rgba(150, 150, 150, 0.45);
    text-decoration:    none;
}

a.bigthumbnail:active {

    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow:    0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow:         0 1px 4px rgba(0, 105, 214, 0.25);
    color:              #F26B3B ;
}

#homeMedIcons .thumbnail {
    padding: 0 .5em .5em 0;
    margin:  0;
}

.prev a {
    float:           right;
    display:         inline;
    text-align:      left;
    text-decoration: none;
    font-size:       .8em;
}

.next a {
    float:           right;
    display:         inline;
    text-align:      right;
    margin:          0 ;
    text-decoration: none;
    font-size:       .8em;
}
.breadkrumb   {

  background-color: #ffffff;
  list-style-type:none;
    /* EBA */
    margin-top: 1em;
}
.breadkrumb li  {

    padding-right:0;
    display:inline;


}
.breadkrumb a {
    font-family:    'DezenProMedium';
    color:          #969696;
    font-size:      1.5rem;
    letter-spacing: .05rem;

}



.bulbimage {
    position: relative;
    display:  block;
    right:    0;
    bottom:   0px;
    left:     0px;
    z-index:  10;

}
.oldsoldout {
    position:    relative;
    display:     block;
    right:       0;
    width:100%;
    bottom:      40px;
    left:        15px;
    z-index:     20;
    font-family: "DezenProBold", Helvetica, sans-serif;
    /*font-family: "StencilMoonlightLTStd-Rg", Helvetica, sans-serif;*/
    line-height: 2.5em;
    font-size:   2em;
    color:       #ffffff;
    font-weight: 500;

    height:      0px;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
    letter-spacing:.2rem;

}

.thumb-caption {
    position:    relative;
    right:       0;
    bottom:      20px;
    left:        2px;
    padding:     0;
    font-size:   .7em;
    color:       #ffffff;
    font-weight: 400;
}
.soldout {

   display:     inline-block;
    position:    absolute;
    right:       0;
    width:       98%;
    top:        10vw;
   /* bottom:      20vw; */
    left:        0;
    z-index:     2;
    opacity:            0.9;
    filter:             alpha(opacity=80);
    background:        #b3b3b3;
    height:      5vw;
    overflow: hidden;
}
.soldout p{
    font-family: "DezenProBold", Helvetica, sans-serif;
    text-transform: uppercase;
    /*font-family: "StencilMoonlightLTStd-Rg", Helvetica, sans-serif;*/
    line-height:  3vw;
    font-size:   2.5vw;
    color:       #ffffff;
    font-weight: 500;
}
.number {

    text-align: right;
}

.navbar {

    margin-bottom: 5px;

}

.nav > li > a:hover {
    text-decoration:  none;
    background-color: #fff;
}

.greywell {
    background:            #F0F0F0;
    padding:               1em 0 0 2em;
    margin:                1em 0 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;

}

.bluewell {
    background:            #E0F7FB;
    padding:               1em 1em 1em 2em;
    margin:                1em 0 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;

}

.creamwell {
    background:            #FFF9E2;
    padding:               1em 1em 1em 2em;
    margin:                1em 0 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;

}

.lightgreenwell {
    background-color:            #F3F8E7;
    padding:               1em 1em 1em 2em;
    margin:                1em 0 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
}

.orangewell {
    background-color:      #F47B51;
    padding:               1em 0 0 2em;
    margin:                1em 0 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;

}

.blueline {
    min-height:    3px;
    border-bottom: 5px solid #00BFE1;
    line-height:   4px;

}

.wholesale {

    color:          #000;
    font-size:      1.22em;
    line-height:    1.8em;
    font-weight:    600;
    margin-top:     .25em;
    letter-spacing: 6px;

}

.wholesale .a:hover {
    text-decoration: none;

}

.illustration {
    float:  left;
    margin: 0 1em 0 0;
    clear:  both;

}

#bulbmenudiv {
    height: 80px;
}

#bulbmenudiv li {
    line-height: 0px;
    margin:      0 0 0 0;
    float:       left;
    display:     inline;

}

#bulbmenudiv .thumbnail {
    width:  80px;
    height: 80px;
}

#bulbmenudiv a:hover {
    text-decoration:    none;
    border-color:       #686bab;

    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow:    0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow:         0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumb-caption {
    position:    relative;
    right:       0;
    bottom:      20px;
    left:        2px;
    padding:     0;
    font-size:   .7em;
    color:       #ffffff;
    font-weight: 400;
}

.rainbow {
    list-style: none;
}

.rainbow > li {
    float:  left;
    margin: 0px;

}

p:first-letter {

}

div.hzMenuIcons {

    overflow:    hidden;
    white-space: nowrap;
    width:       100%;
    height:      95px;

    margin:      0 0 0 0;
    padding:     0;

}

div.hzMenuIcons li {

    display: inline-block;
    float:   none;

}

.sthumbnails {

    list-style: none;
    *zoom:      1;
}

.sthumbnails:before,
.sthumbnails:after {
    display:     table;
    line-height: 0;
    content:     "";
}

.sthumbnails:after {
    clear: both;
}

.row-fluid .sthumbnails {
    margin-left: 0;
}

.sthumbnails > li {
    float:            left;
    margin:           0 0 .5em .5em;
    padding:          0;
    background-color: #fff;

}

.sthumbnail {
    display:               block;
    padding:               4px;
    line-height:           20px;
    border:                1px solid #ddd;
    min-height:            23em;

    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
    -webkit-box-shadow:    0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:       0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow:            0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-transition:    all 0.2s ease-in-out;
    -moz-transition:       all 0.2s ease-in-out;
    -o-transition:         all 0.2s ease-in-out;
    transition:            all 0.2s ease-in-out;
}

a.sthumbnail:hover {
    border-color:       #0088cc;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow:    0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow:         0 1px 4px rgba(0, 105, 214, 0.25);
}

.sthumbnail > img {
    display:      block;
    max-width:    100%;
    margin-right: auto;
    margin-left:  auto;
}

.sthumbnail .caption {
    padding: 0 .5em .5em .5em;
    color:   #555555;
}

.sthumbnail p {
    font-size:   .9em;
    line-height: 1.5em;
}

.errorlisting {
    margin:          0;
    padding:         0;
    list-style-type: none;
}

.errorlisting li {
    background: url("icon-hand-right") 0 3px no-repeat;
    padding:    0 0 5px 15px;
}

/* JH DotComIt 1/26/2016
    Kludgy Fix to prevent modals from showing up in the Single Page Shopping Cart; then redrawing themselves
    this CSS fix waits until the modal is drawn before displaying it
    Source for fix:
    https://github.com/angular-ui/bootstrap/issues/5183
*/
body > [uib-modal-window]:not([modal-render]) {
    display: none;
}

/* JH DotComIt 2/15/2016
  making selects disalbed bu AngularJS grey
  http://stackoverflow.com/questions/25421456/how-to-make-the-background-color-grey-when-a-dropdownlist-is-disabled-in-angular
  */
select[disabled] {
/*    background-color: #CCC;  //use your prefered color here*/
    background-color: #EBEBE4;  /* use your prefered color here */
}
#genericModalWindowBody img {
    max-width:  100%;
    height:     auto;
}

/*-----------------------------KNOWLEDGE BASE STYLE----------------------------*/
#kb {
    position:   relative;
}

#kb h2 {

    font-family:     "DezenProBold", 'helvetica', sans-serif;
    font-size:       2em;
    line-height:     2em;
    color:             #F05B25;
    padding:        0 0 0 0;
    margin:         0 0 0 0;
}


#kb ul {
    margin:     0 0 0 0;
    padding:    0 0 0 0;
}

#kb li {
    list-style-type:    none;
    font-family:        "DezenProLight", 'helvetica', sans-serif;
    font-size:          1.5em;
    line-height:        1em;
    margin:             0 0 0 0;
    padding:            0 0 0 0;
}

#kb li a {
    text-decoration:    none;
    line-height:        1em;
    color:              #000;
}

#kb a:hover {
    text-decoration:    underline;
    color:              #F05B25;
}


/*------------------PROFESSIONAL PAGE STYLE-------------------------*/

#prof {
    position:   relative;
}

#prof .h2 {
    color:      white;
    font-size:  2em;
}

#prof ul {
    margin: 0;
}

#prof li {
    list-style-type:    none;
    font-family:        "DezenProRegular", 'helvetica', sans-serif;
    font-size:          1.5em;
}

#prof li a {
    text-decoration:    none;
    line-height:        1.5em;
    color:              #000;
}

#prof a:hover {
    text-decoration:         underline;
}
/*--------------------ARTICLE LANDING PAGE-------------------------------*/


.articlelanding ul {
    margin:     0 0 0 0;
    padding:    0 0 0 0;
}

.articlelanding li {

    font-family:        "DezenProLight", 'helvetica', sans-serif;
    font-size:          1.5em;
    line-height:        1.5em;
    margin:             0 0 0 1em;
    padding:            0 0 0 0;
}

.articlelanding li a {
    text-decoration:    none;
    line-height:        1.5em;
    color:              #000;
}

.articlelanding a:hover {
    text-decoration:    underline;
    color:              #F05B25;
}
/*---------------------HORIZONTAL BULB ---------------------------------*/

.horizbulbdetails {
    padding:            0;
    background-color:   white;
    top:                auto;
    position:           relative;
    height:             100%;
    min-height:         100%;
    width:              100vw;
}

.horizimg img {
    height: auto;
    border:     0;
}



/************* Styles for bulb gallery modal carousel *****************/

/*
.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: 0.85;
    filter: alpha(opacity=85);
}

#mediaViewportBody {

    width:      100%;
    max-width:  100%;
    position:   absolute;

}

.gallery {

    background-color:   white;
    opacity:            .99;
    width:              100%;
    max-width:          100%;
    margin:             0;

}


.gallery-container img {

    display:    block;
    margin:     0 auto;
    transform:  translateX(-5%);
    /* max-width:  90vw;
    max-width:  90%;

}

.gallery-img a, .gallery-img a:visited, .gallery-img a:hover, .gallery-img a:active {
    border:         none;
    outline:        none;
    text-decoration:none;
    color:          inherit;
}
.carousel-indicators li {

    display:    none;

}

.carousel-caption-gallery {
    position: relative;
    bottom:      0;
    left:     10vw;
    padding:    0;

}
.carousel-caption-gallery h3 {

    color:  white;

}

.carousel-control {
    position:    absolute;
    top:         40%;
    left:        auto;
    right:       40px;
    width:       40px;
    height:      40px;
    margin-top:  250px;
    font-size:   60px;
    font-weight: 100;
    line-height: 30px;
    color:       #ffffff;
    text-align:  center;
    background:  none;
    border:      none;
    background-image:   none;
    opacity:     0.5;
    filter:      alpha(opacity=50);
}

.carousel-control.right {
    right: 5px;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 90%;
    height: auto;
}

*/
/*********************************************************/