@charset "UTF-8";


* { -webkit-text-size-adjust: none; margin:0; padding:0;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(/css/boxsizing.htc); }	

@font-face {
    font-family: 'MuseoSans500Italic';
    src: url('../f/museosans_500_italic-webfont.eot');
    src: url('../f/museosans_500_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../f/museosans_500_italic-webfont.woff') format('woff'),
         url('../f/museosans_500_italic-webfont.ttf') format('truetype'),
         url('../f/museosans_500_italic-webfont.svg#MuseoSans500Italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSans500Regular';
    src: url('../f/museosans_500-webfont.eot');
    src: url('../f/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../f/museosans_500-webfont.woff') format('woff'),
         url('../f/museosans_500-webfont.ttf') format('truetype'),
         url('../f/museosans_500-webfont.svg#MuseoSans500Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo500Regular';
    src: url('../f/museo500-regular-webfont.eot');
    src: url('../f/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../f/museo500-regular-webfont.woff') format('woff'),
         url('../f/museo500-regular-webfont.ttf') format('truetype'),
         url('../f/museo500-regular-webfont.svg#Museo500Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body { font-size:100%; height:100%; background:#46362b; font-family:Arial, Helvetica, sans-serif; }

#contain { width:100%; background:url(../images/bg_repeat.jpg) 0 0 repeat; }

#main { width:1000px; padding:10px 0 50px; overflow:hidden; background:url(../images/footer_bloom.png) 0 100% no-repeat; min-height:850px; }

#located { color:#b2b2b2; font-size:0.625em; margin:10px 0 15px 7px; text-align:center; text-transform:uppercase; text-shadow:-1px 1px 0 #fff; } 

#nav { margin:10px 0 0 7px; overflow:hidden; }

#nav ul { float:left; width:100%; margin:0 0 0 10px; list-style-type:none; }

#nav ul li { background:transparent url(../images/purp_arrow_sprite.png) -22px 10px no-repeat; text-align:left; display:block; text-transform:uppercase; margin:0 0 5px 0; padding:0 0 0 5px; overflow:hidden; } 

#nav ul li a { display:block; padding:8px; color:#000; text-decoration:none; font-size:1em; letter-spacing:.2em; }

#nav ul li ul { margin-bottom:4px; behavior:none; }

#nav ul li ul li { background:none; }

#nav ul li ul li a { font-size:0.8em; color:#737373; padding:2px 0 2px 5px; text-transform:capitalize; letter-spacing:0; }

#nav ul li a:hover { color:#bb51bb; }

#customer-left-col { background-color:#fbfaf9; border:.1em solid #e3dedb; padding:6px 0; text-align:center; color:#818080; font-size:1em; margin:15px 0; line-height:1.4em;  *overflow: hidden; }

#contact-left-col { background:url(../images/envelope.gif) 10px 11px no-repeat; background-color:rgba(0, 0, 0, 0.05); background-color/*\**/:#fafafa\9; float:left; overflow:hidden; width:135px; margin:15px 0 10px 14px; padding:0 5px; }

#contact-left-col a { margin-bottom:6px; }

#contact-left-col h2 { background:url(../images/purp_arrow_sprite.png) 101px 7px no-repeat; background-color:rgba(0, 0, 0, 0.05); background/*\**/:eeeeee\9; font-size:1em; width:100%; text-align:center; color:#595959; padding:5px 0; margin:5px 0; }

#contact-left-col p { color:#656565; font-size:0.75em; padding:5px; behavior:none; }


/*h1 { text-transform:capitalize; font-size:1.5em; color:#333; margin:20px 0 20px 15px; }*/

.cat-contain, .var-contain, .horiz-var-contain { float:left; border:none; text-align:center; color:#333; }

.cat-contain img, .var-contain img, .horiz-var-contain img { display:block; width:100%; }

.cat-contain { width:180px; margin:20px 10px; height:296px; position: relative; }

.var-contain, .horiz-var-contain { width:180px; margin:10px; height:330px; }

.horiz-var-contain { width:380px; }

.var-contain:first-child, .horiz-var-contain:first-child { clear:left; }

.cat-contain a, .var-contain a, .horiz-var-contain a { color:#333; text-decoration:none; text-transform:uppercase; font-size:0.75em; display:block; }

.cat-contain a:hover, .var-contain a:hover, .horiz-var-contain a:hover { color:#a740a7; }

.cat-contain img, .var-contain img, .horiz-var-contain img { margin-bottom:15px; }

#left-col { float:left; width:167px; margin:20px 0 0; border-right:none; overflow:hidden; font-family:'MuseoSans500Regular'; padding-bottom: 100px; }

#left-col img { float:right; }

#right-col { float:left; width:815px; overflow:hidden; padding:0 0 0 8px; margin:0 0 0 15px; }

ul#left-cats { float:left; width:94%; clear:both; overflow:hidden; margin:10px 0 130px 10px; background-color:#FBFAF9; border:1px solid #E3DEDB; padding:10px 0; }

ul#left-cats li { list-style:none; line-height:1.4em; padding:0; margin:0; float:left; width:100%; }

ul#left-cats li a { font-family:'MuseoSans500Regular'; color:#333; text-decoration:none; text-transform:uppercase; font-size:0.75em; line-height:1.2em; display:block; padding:5px 5px 5px 10px; }

ul#left-cats li a:hover { background-color:#E3DEDB; color:#a740a7; }

#breadcrumb { float:left; width:auto; padding:5px; background-color:#e6e5e5; overflow:hidden; margin:5px 0 25px 10px; color:#333; font-size:.9em; font-style:italic; border:1px solid #ddd; }

#breadcrumb a { color:#333; text-decoration:none; padding:0 10px; text-transform:capitalize; }

#breadcrumb a:hover { color:#a740a7; }

.fullcontain { float:left; width:100%; overflow:hidden; clear:both; }

#flower-photos { float:left; width:600px; clear:left; overflow:hidden; margin:0 0 0 10px; }

#flower-logged-in { float:left; padding:0 0 0 20px; width:185px; overflow:hidden; font-family:'MuseoSans500Regular'; color:#333; font-size:0.9em; }

#flower-logged-in a.greens { font-size:1em; }

#shop-flower-box { background-color:#eff5f8; border:1px solid #eee; color:#444; overflow:hidden; padding:15px; font-size:.85em; line-height:1.4em; }

a.pink-box { background-color:#c544c5; color:#fff; padding:5px 0; margin:10px 0; text-align:center; clear:both; font-size:1.2em; text-transform:uppercase;  color:#fff; display:block; width:100%; text-decoration:none; }

a.pink-box:hover { background-color:#b135b1; }

ul#page-nav { float:right; height:26px; margin:15px 40px 0 3px; }

ul#page-nav li { float:right; width:22px; height:25px; margin:0 5px; }

ul#page-nav li a { background:#fff; border:1px solid #ddd; width:100%; font-size:0.9em; display:block; padding:3px 0; color:#777; text-align:center; text-decoration:none; }

ul#page-nav li a:hover, a#on-page { background:#a740a7 !important; color:#fff !important; }

div.pages {
    color: #697089;
    float: right;
    font-size: 0.9em;
	position:relative;
	top:19px;
}


#masonize .cat-contain { padding:8px; margin-top:10px; margin-bottom:0; font-size:1em; height:auto; text-transform:capitalize; }

p { float:left; line-height:1.5em; width:100%; }

p a, #right-col li a { text-decoration:none; color:#BB51BB; }

p a:hover, #right-col li a:hover { text-decoration:underline; }

span.enlarge { position:absolute; z-index:10; width:100%; left:0; text-align:center; padding:5px 0; margin:15px 0 0; background:#fff; color:#333 !important; opacity:0.85; filter:alpha(opacity=85); font-size:1.1em; top:30%; }

span.buynow { position:absolute; z-index:10; width:100%; left:0; text-align:center; padding:5px 0; margin:15px 0 0; background:#fff; color:#333 !important; opacity:0.85; filter:alpha(opacity=85); font-size:1.1em; bottom:20%; text-shadow:-1px 1px 0 #fff; }

.purp { color:#9f3793; }

.purp a { color:#9f3793; text-decoration:none; }

.purp a:hover { text-decoration:underline; }

#right-top { float:left; margin:0 0 10px; font-size:1em; color:#818080; width:100%; text-align:right; }

.ital { font-family: 'MuseoSans500Italic'; }

a.greens, button.greens { text-decoration:none; display:block; width:auto; padding:5px 10px; background-color:#86c955; background-image: url(images/fallback-gradient.png); 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#86c955), to(#67be53));
   background-image: -webkit-linear-gradient(top, #86c955, #67be53); 
   background-image:    -moz-linear-gradient(top, #86c955, #67be53);
   background-image:     -ms-linear-gradient(top, #86c955, #67be53);
   background-image:      -o-linear-gradient(top, #86c955, #67be53); 
   color:#fff; 
   text-shadow:-1px 1px 0 #52a440; border:none;
   font-size:1.3em;
   font-family:"Lucida Grande";
   font-weight:bold;
   cursor:pointer;
} 

button.greens { clear:both; }

#slide { margin:10px 0 20px; clear:both; }

.home-tile { height:auto; width:256px; margin:8px 6px; padding:0 20px 15px 20px; overflow:hidden; background-image:url(../images/home_tiles.png); background-repeat:no-repeat; background-color:#fff; border:.1em solid #eee; float:left; zoom: 1;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=8, Direction=0),
           progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=8, Direction=90),
           progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=8, Direction=180),
           progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=8, Direction=270);*/
	-moz-box-shadow: 0 0 8px #ddd; -webkit-box-shadow: 0 0 8px #ddd; box-shadow: 0 0 8px #ddd; }

.home-tile p { color:#575757; font-family:"Lucida Grande"; font-size:0.75em; }

.home-tile p img { vertical-align:middle; }

.home-tile h2 { font-family:'Museo500Regular'; font-size:1.35em; text-align:center; margin:10px 0; text-transform:uppercase; }

#our-flowers-tile { background-position:0 0; padding-top:174px; }

#our-people-tile { background-position:-256px 0; padding-top:155px; }

#shop-our-site-tile { background-position:-512px 0; padding-top:204px; }

#our-farms-tile { background-position:-768px 0; padding-top:156px; }

#quality-tile { background-position:-1024px 0; padding-top:164px; }

#brands-tile { background-position:-1280px 0; padding-top:154px; }

.green { color:#60bb4d; }

.green-bg { background-color:#00a651; }

.orange { color:#f47128; }

.orange-bg { background-color:#f26c4f; }

.blue { color:#3d94d0; }

.blue-bg { background-color:#6dcff6; }

.brown { color:#4b3333; }

.brown-bg { background-color:#ffd450; }

.pink { color:#cc3c42; }

.pink-bg { background-color:#f5989d !important; }

.purple-bg { background-color:#8A53BE; }

.red-bg { background-color:#ed145b; }

.red { color:#ed145b; }

.darkgreen-bg { background-color:#007683; }

p.more { text-align:right; margin:10px 0 0; }

p.more a { text-decoration:none; }

p.more a:hover { text-decoration:underline; }

#footer-contain { width:100%; background:url(../images/footer_repeat.jpg) 0 0 repeat-x; }

#footer { height:170px; width:1000px; padding:30px 0 0 420px; background:url(../images/we_are_growers.png) 200px 50% no-repeat; font-family: 'MuseoSans500Regular'; }

#footer ul { width:125px; margin:0 10px; float:left;  }

#footer ul li { width:100%; }

#footer ul li a { font-size:0.8em; color:#fff; text-decoration:none; } 

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

#footer #top { position:relative; left:560px; bottom:108px; z-index:100; float:left; margin:-62px 0 0; }

#footer-info { margin:25px 0 0 10px; color:#fafafa; font-size:0.8em; }

#footer-info a { font-size:1.2em; text-decoration:none; color:inherit; margin:0 0 0 25px; }

#footer-info a:hover { text-decoration:underline; }

form#small { margin:8px 0; float:left; *height: 171px; }

form#small label {  font-size:0.68em; text-align:right; clear:left; color:#52614f; text-transform:uppercase; width:75px !important; position:relative; top:5px; right:5px; overflow:hidden; }

form#small input { background-color:#fafafa; border:none; width:135px; clear:right;  color:#333; font-size:.8em; border-top:.2em solid #eee; border-left:.2em solid #eee; border-bottom:.1em solid #eee; border-right:.1em solid #eee; height:30px; padding:5px; }

form#small label, form#small input { margin:5px 0; float:left; display:inline; }

form#small button { float:right; margin:5px 0; font-size:.9em; cursor:pointer; }

h1, h2, h3 { font-family: 'Museo500Regular'; display:block;  }

h1 { font-size:2.5em; margin:30px 0 17px 15px; color:#9f3793; }

h2 { color:#6aba37; font-size:1.5em; margin:10px 0; }

h3 { color:#aaa; font-size:1.15em; margin:5px 0 7px; }

.magin-left-none { margin-left:0 !important; }

ul#people-department { float:left; width:500px; clear:both; overflow:hidden; margin:0 0 30px; }

ul#people-department li { float:left; margin:0 10px 10px 0; text-align:center; background:#ccc; }

ul#people-department li a { padding:8px; display:block; text-align:center; text-decoration:none; font-family: 'MuseoSans500Regular'; color:#fff; font-size:0.75em; text-transform:uppercase; font-weight:bold; }

.pad-right-bg { padding-left:40px !important; }

#people-thumbs { float:left; width:388px; }

#people-thumbs img { margin:0 7px 12px 0; width: 76px; height: 76px; float: left; }

#people-bio { width:355px; margin:0 0 0 25px; float:left; }

#people-bio h2 { margin-bottom:0; }

#people-bio p { color:#333; font-size:0.8em; font-family:"Lucida Grande"; padding:4px 0; }

#bio { height:320px; overflow:auto; padding-right:10px; }

img.small-grey-border { border:.3em solid #e9e9e9; }

.qtip h2 { font-size:.85em; margin:5px; color:#f47128; text-shadow:-1px 1px 0 #111; }

.qtip h3 { font-size:.7em; color:#fff; font-family:"Lucida Grande"; margin:0 5px; }

.infobox { background-color:#FBFAF9; border:1px solid #f1f1f1; padding:10px 14px; position:relative; display:block !important; margin: 10px 0 0; }

.infobox p { font-size:0.85em; padding:6px 0; color:#333; }

.infobox p a { color:#a740a7; text-decoration:none; }

.infobox p a:hover { text-decoration:underline; }

.no-float { float:none !important; }

.img-right { float:right; margin:6px 0 6px 10px; }

.img-left { float:left; margin:6px 10px 6px 0; }

.coda-slider-wrapper {
  /*******************************************************
  *
  * Most common stuff you'll need to change 
  * will be below this line.
  *
  ********************************************************/
  /******************************************************
  * 
  * Main wrapper padding 
  *
  *******************************************************/
  padding: 20px 0;
}

.coda-slider div {  }

.coda-slider h2 { *float: left; *width: 100%; *margin-top:50px;  }

.coda-slider h3 { *float: left; *width: 100%; *padding-top:16px; *padding-bottom:16px;  }

.coda-slider p {  *width: 100%; *padding-top:8px; *padding-bottom:8px;  }

.coda-slider-wrapper p, .reg-content-p { font-size:0.8em; font-family:"Lucida Grande"; line-height:1.8em; padding:7px 0; color:#333; float:none; }

.coda-slider-wrapper h2 { font-family:1.8em; border-bottom:.15em solid #eff0f1; }

.coda-slider-wrapper h3 { margin-top:25px; float:left; width:100%; }
  
  .coda-slider-wrapper .coda-slider {
    /******************************************************
    * 
    * Inner wrapper styles 
    *
    *******************************************************/
    background: #fff;
	border:.1em solid #e6e5e1;
    /******************************************************
    * 
    * Width of the container. Typically you will want to 
    * match this with the width of the panel as well. 
    *
    *******************************************************/
    width: 755px;
	padding-bottom:25px;
	-moz-box-shadow: 3px 3px 5px #ddd; -webkit-box-shadow: 3px 3px 5px #ddd; box-shadow: 3px 3px 5px #ddd;
  }
    
    .coda-slider-wrapper .coda-slider .panel {
      /******************************************************
      * 
      * Width of each individual panel. 
      * Typically you will want to match this with the width 
      * of the container as well. 
      *
      *******************************************************/
      width: 755px;
	  
    }
      
      .coda-slider-wrapper .coda-slider .panel .panel-wrapper {
        /******************************************************
        * 
        * Panel wrapper styles 
        *
        *******************************************************/
        padding: 25px 30px; 
      }
  
  .coda-slider-wrapper .coda-nav {
    /******************************************************
    * 
    * Tab styles 
    *
    *******************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav .current {
      /******************************************************
      * 
      * Current tab styles 
      *
      *******************************************************/
      background: #fff; 
	  border-left:.1em solid #e6e5e1;
	  border-right:.1em solid #e6e5e1;
	  border-top:.1em solid #e6e5e1;
	  border-bottom:none;
	  -moz-box-shadow: 1px 0 5px #ddd; -webkit-box-shadow: 1px 0 5px #ddd; box-shadow: 1px 0 5px #ddd;
    }
    
    .coda-slider-wrapper .coda-nav a {
      /******************************************************
      * 
      * Tab styles 
      *
      *******************************************************/
      color: #000;
      margin-right: 1px;
      padding: 15px;
	  font-family: 'MuseoSans500Regular';
	  font-size:0.75em;
	  text-transform:uppercase;
	  letter-spacing:.2em;
	  
    }
    
    .coda-slider-wrapper .coda-nav a:hover {
      /******************************************************
      * 
      * Tab styles 
      *
      *******************************************************/
	  color:#BB51BB;
 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
    /******************************************************
    * 
    * Arrow Styles 
    *
    *******************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
      /******************************************************
      * 
      * Arrow Styles 
      *
      *******************************************************/
      background: #000;
      color: #fff;
      padding: 5px;
      width: 100px; 
    }
  
  .coda-slider-wrapper .coda-nav-left-arrow {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 25px;
    height: 25px;
    background: url(../img/arrow.png) no-repeat top left; 
    margin-top:50px;
  }

.coda-slider-wrapper .coda-nav-left-arrow a {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 0;
    height: 0;
    border:none;
  }

  .coda-slider-wrapper .coda-nav-left-arrow:hover {
    /************************************************
    * 
    * Graphical arrows hover left
    *
    *************************************************/
    background: url(../img/arrow.png) no-repeat bottom left; 
  }
  
  .coda-slider-wrapper .coda-nav-right-arrow {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 25px;
    height: 25px;
    background: url(../img/arrow.png) no-repeat top right; 
    margin-top:50px;
  }
.coda-slider-wrapper .coda-nav-right-arrow a {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 0;
    height: 0;
    background: none; 
    margin-top:0;
    border:none;
  }

  .coda-slider-wrapper .coda-nav-right-arrow:hover {
    /************************************************
    * 
    * Graphical arrows hover right
    *
    *************************************************/
    background: url(../img/arrow.png) no-repeat bottom right; 
  }

  .coda-slider-wrapper .coda-nav-left-arrow:active, .coda-slider-wrapper .coda-nav-right-arrow:active {
    /************************************************
    * 
    * Graphical arrows active
    *
    *************************************************/
    margin-top: 55px; 
  }
  
  .coda-slider-wrapper .loading {
    /******************************************************
    * 
    * Style for preloader 
    *
    *******************************************************/
    height: 100%;
    padding: 20px;
    text-align: center; 
  }

  


.arrows .coda-slider {
  /******************************************************
  * 
  * Margin between slider and arrows 
  *
  *******************************************************/
  margin: 0 10px; 
}

/**********************************************************************
*
* Don't change anything below here unless you know what you're doing 
*
***********************************************************************/

.coda-slider-wrapper {
  /************************************************
  * 
  * Wrapper styles 
  *
  *************************************************/
  clear: both;
  overflow: auto;
}
  
  .coda-slider-wrapper .coda-slider {
    /************************************************
    * 
    * slider styles 
    *
    *************************************************/
    float: left;
    overflow: hidden;
    position: relative;
  }
    
    .coda-slider-wrapper .coda-slider .panel-container {
      /************************************************
      * 
      * Panel container styles 
      *
      *************************************************/
      position: relative; 
    }
      
      .coda-slider-wrapper .coda-slider .panel-container .panel {
        /************************************************
        * 
        * Panel styles 
        *
        *************************************************/
        display: block;
        float: left;
      }
  
  .coda-slider-wrapper .coda-nav {
    /************************************************
    * 
    * Navigation tabs 
    *
    *************************************************/ 
	position:relative;
	top:2px;
		z-index:999;

  }
    
    .coda-slider-wrapper .coda-nav ul {
      /************************************************
      * 
      * Navigation tabs 
      *
      *************************************************/
      clear: both;
      display: block;
      margin: auto;
      overflow: hidden; 
    }
      
      .coda-slider-wrapper .coda-nav ul li {
        /************************************************
        * 
        * Navigation tabs 
        *
        *************************************************/
        display: inline; 
      }
        
        .coda-slider-wrapper .coda-nav ul li a {
          /************************************************
          * 
          * Navigation tabs 
          *
          *************************************************/
          display: block;
          float: left;
          text-decoration: none;
		  color:#000 !important;
        }
  
.coda-slider-wrapper .coda-nav ul li a:hover { text-decoration:none !important; color:#BB51BB !important; }
  
#banner { height:260px; width:680px; overflow:hidden; margin:20px 0; }

.reg-list, .num-list { float:left; overflow:hidden; width:100%; padding:10px 0; }

.reg-list li, .num-list li { list-style-position:inside; font-size:0.8em; font-family:"Lucida Grande"; line-height:2em; color:#333; }

.reg-list li { list-style-type:square; }

.num-list li { list-style-type:decimal; padding:0 0 10px; }

.half-left { width:45%; margin-right:5%; float:left; overflow:hidden; }

.half-right { width:45%; margin-left:5%; float:left; overflow:hidden; }

h4.title { text-indent:-9999px; padding:0; margin:0; height:0; }  

form#contact { float:left; width:100%; padding:0 0 0 20px; overflow:hidden; }

form#contact input, form#contact textarea  { float:left; width:100%; font-family:'MuseoSans500Regular'; font-size:1em; padding:0 10px; clear:both; border-top:.15em solid #d6d6d2; border-left:.15em solid #d6d6d2; border-bottom:.1em solid #eee; border-right:.1em solid #eee; margin:11px 0; color:#333; outline:none; background-color:#fff; }

form#contact input { height:30px; padding:5px;  }

form#contact textarea { height:200px; resize:none; padding-top:10px; }

form#contact label { display:block; }

form#contact button { float:right; cursor:pointer; margin:6px 0 0; }

.robotic { display:none; }

.pad-left-20 { padding-left:20px; }

.pad-left-10 { padding-left:10px; }

.right-contact { font-family:'MuseoSans500Regular'; }

.right-contact p { font-size:0.875em; }

#search-dd { float:right; margin:6px 0 0; width:auto; padding:5px 10px 5px 30px; font-size:.9em; color:#333; background:#fff url(../flowers/images/search_icon.jpg) 3% 45% no-repeat; border:.1em solid #eee; *position:relative; *bottom:45px; }

#search-dd form, #search-dd form select, #search-dd form button { display:inline !important; }

#search-dd form select { width:115px; margin-right:10px; color:#444; text-transform:capitalize; }

#search-dd form button { font-size:.8em; }

#showing-dd { text-align: left;
    float: right;
    margin: 0 0 8px 0;
    padding:5px 10px 5px 30px;
    font-size: 0.9em;
    color:#818080;
    *height: 75px;
}

#showing-dd input { margin-left: 8px; }

#showing-dd button { display: inline; font-size: 0.8em;}
#search-contain { margin-top:10px;  }

#search-contain h1 { display:inline !important; width:auto; }

.flowers-login-trig { margin:30px 0 5px; }

.flowers-login { background-color:#eee; padding:0 10px 8px 10px; border:.1em solid #ddd; }

.flowers-login p.error { font-size:.8em; }

.flowers-login form label { text-align:left; position:static; margin:7px 0 0; }

.flowers-login form button { float:left; }

.flowers-login form input { border:1px solid #ddd; height:30px; }

.flowers-login a { font-size:.85em; }

p.error { color:#e22929; margin-top:10px; }

#customer-left-col .flowers-login-trig { margin:0; cursor:pointer; }

#customer-left-col .flowers-login-trig a { background:url(../images/purp_arrow_sprite.png) 117% 40% no-repeat; padding:0 14px 0 0; }

#customer-left-col .flowers-login form input { margin-top:0; background-color:#fff; clear:both; *width: 85%; *padding: 6px 2px; }

.flowers-login form label { text-align:left !important; padding-left:10px; }

#customer-left-col .flowers-login { background:none; border:none; float: left; display: inline; }

#customer-left-col .flowers-login p { text-align:left; padding-right: 10px; }

#customer-left-col .flowers-login p.error { color:#e22929; font-size:0.8em; text-align:left; }

#customer-left-col .flowers-login form { margin:0; overflow: hidden; }

.no-bg { background-color:transparent !important; }

.no-border { border:none !important; }

.smaller-text { font-size:0.9em !important; }

#add-to-cart { font-size:1em; }

#top-login-info { font-size:.8em; color:#444; margin-bottom:10px; }

#top-login-info p { background:#eee url(../images/signed_in.png) 4% 40% no-repeat;  padding:6px 10px 6px 32px; }

.stdtable { font-family: 'Museo500Regular'; font-size:.9em; color:#333; margin:15px 0 30px; }

.stdtable a { font-size:1.1em; color:#9f3793; }

.stdtable td, .stdtable th { padding:15px; }

.stdtable tr, .bottom-green-bord { border-bottom:1px solid #62ad32; }

.stdtable th { height:40px; }

.smallstandard { font-size:.75em; color:#666; } 

.go-right { display:inline; width:auto; float:right; }

.bottom-green-bord { padding:10px 0; }

ul.mus-bulleted li { font-family: 'Museo500Regular'; list-style:disc inside; font-size:0.95em; padding-bottom:10px; }

table.edit-account input { margin:0 0 5px !important; }

#signed-in-left p { font-size:0.85em; }

#flower-logged-in h2 { color:#555; font-size:1.2em; line-height:1.3em; text-transform:capitalize; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:4px 2px; background-color:#eee; }

#call-us-top { background:url(../images/phone_icon3.png) 0 0 no-repeat; padding-left:23px; float:right; }

#vars-page-login { padding-top: .8em; padding-bottom: .8em; }

#vars-page-login  label { padding-top: 1em; float: left;  }

#vars-page-login  input { clear:none !important; padding: 5px 0; width: 100%; }

#vars-page-login  button { margin-right:20px !important; margin-top: .25em; margin-bottom: .5em; }

.green-text { color: #86c955 !important; }

.in-stock { background: #BB51BB;
    color: #fff;
    padding: 2px 5px;
    position: relative;
    top: 5px;
}

.left-float { float: left; }

.museo { font-family: 'Museo500Regular'; font-size: 0.9em; }

.pad-vert-1em { padding-top: 16px; padding-bottom: 16px; }


/******* COLORBOX *******/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; }
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:url(../images/bg_repeat.jpg) 0 0 repeat;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}

#launch-announcement { padding: 1.5em; color: #333; }
#launch-announcement a { color: #9f3793; text-decoration: none; float: right; }
#launch-announcement a:hover { text-decoration: underline; }
.close-announcement { background-color: #a740a7; padding: .25em .5em; color: white; text-align: center; cursor: pointer; float: right; *float: left; font-size: .85em; }

ul.checkmarks {
    
    background: inherit;
    margin: .25em 0 1em;
    float: left;
}

ul.checkmarks li {

    float: left;
    width: 100%;
    list-style-image: url(../images/checkmark.png);
    list-style-position: inside;
    font-size: .9em;
    padding: .25em 0;

}

table.list-view {

    float: left;
    width: 100%;
    font-family: 'Museo500Regular';
    margin: 50px 0;

}

.list-view th {

    background: #fbfaf9;
    padding: 8px;
    font-size: .9em;
    border-top: 2px solid #e4dfdc;
    border-bottom: 2px solid #e4dfdc;
    margin-bottom: .5em;

}

.list-view td {

    padding: 10px;
    font-size: .875em;

}

.list-view tr {

    vertical-align: top;

}

.list-view-img {

    width: 180px;

}

.list-view-img img {

    width: 100%;

}