@font-face {
    font-family: 'CoconRegular';
    /*src: url('http://floralife.look-listen.com/File%20Library/v2/fonts/cocon-regular-webfont.eot');*/
    /*src: url('http://floralife.look-listen.com/File%20Library/v2/fonts/cocon-regular-webfont.eot?#iefix') format('embedded-opentype'),*/
         /*url('http://floralife.look-listen.com/File%20Library/v2/fonts/cocon-regular-webfont.woff') format('woff'),*/
         /*url('http://floralife.look-listen.com/File%20Library/v2/fonts/cocon-regular-webfont.ttf') format('truetype'),*/
         /*url('http://floralife.look-listen.com/File%20Library/v2/fonts/cocon-regular-webfont.svg#CoconRegular') format('svg');*/
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CoconLight';
    /*src: url('http://floralife.look-listen.com/File%20Library/v2/fonts/cocon-light-webfont.eot');*/
    /*src: url('http://floralife.look-listen.com/File%20Library/v2/fonts/cocon-light-webfont.eot?#iefix') format('embedded-opentype'),*/
         /*url('http://floralife.look-listen.com/File%20Library/v2/fonts/cocon-light-webfont.woff') format('woff'),*/
         /*url('http://floralife.look-listen.com/File%20Library/v2/fonts/cocon-light-webfont.ttf') format('truetype'),*/
         /*url('http://floralife.look-listen.com/File%20Library/v2/fonts/cocon-light-webfont.svg#CoconLight') format('svg');*/
    font-weight: normal;
    font-style: normal;

}



* {
margin:0px;
padding:0px;
}
a {text-decoration:none;}
body {
font-family:arial, helvetica, sans-serif;
max-width:640px;
}
img {
border:none;
}
.clear {
clear:both;
}
td {

    font-size:12px;
    color:#585858;
    
}
div[data-role="page"] {
    margin:0px auto;
    
}
div[data-role="header"] {
background:#fefefe;
background-image:none;
border-bottom:1px solid #f5f5f5;
-webkit-box-shadow: inset 0px -4px 4px 0px #eee;
box-shadow: inset 0px -4px 4px 0px #eee; 
width:100%;
margin-bottom:5px;
padding:15px 0px 5px 0px;
position:relative;
}
div[data-role="header"] h1 {
padding-left:0px;
padding-right:0px;
width:100%;
min-width:291px;
margin:0px;
text-align:center;
}
h1 img {
width:50%;
max-width:291px;
}
a#back-btn {
    position:absolute;
    left:6px;
    top:70%;
    color:#bfbfbf;
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
}
div [data-role="content"] {
min-width:300px;
margin:0px auto;
padding:0px 15px 15px 10px;
position:relative;
color:#585858;
}

div[data-role="content"] h1 {
color: #585858;
padding:10px 0px;
font-size:1.3em;
font-family:'CoconLight',arial, helvetica, sans-serif;
line-height:1em;
}

div[data-role="content"] h1 span {
    
    font-family:arial, helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    text-transform:capitalize;
}
ol {
    list-style-type: decimal;
    margin:10px 10px 10px 30px;
}
ol li {
    padding:6px 0px 6px 15px;
    color: #585858;
    font-size:1em;
    line-height:1.4em;  
}
ul {
    list-style-type: disc;
    margin:10px 10px 10px 30px;
}
ul li {
    padding:6px 0px 6px 15px;
    color: #585858;
    font-size:.8em;
    line-height:1.3em;  
}
/*category screen*/
div [data-role="content"] h1.category {
    color:#00b7de;
    float:left;
    width:30%;
    font-size:1.1em;
    letter-spacing:-1px;

}
div#swatch-legend {
    position:absolute;
    right:15px;
    color:#626262;
    font-size:.7em;
    padding-top:10px;
    font-weight:bold;  
}
div#swatch-legend img {
    padding:0px 0px 4px 0px;
    vertical-align:middle;
    
}
section.category-row {
    width:100%;
    background:url(/images/category-go.gif) 93% center no-repeat;
    background-size:12px 14px;
    padding:0px 10px;
    margin:0px 0px;
    border-top:1px solid #d6d6d6; 
    position:relative;
    display:table;
}

div.category-thumb {
    float:left;
    width:75px;
    border-right:1px solid #d6d6d6; 
    text-align:center;
    min-height:50px;
    margin:6px 5px;
    
}
.category-thumb img {
    height:80px;
    max-width:60px;
    padding-right:15px;
}

div.category-head {
    min-height:70px;

    
}
.category-details {
   float:left; 
   max-width:180px;
   padding:10px;
   height:100%;
   display:table-cell;
}
.category-row h3 {
    display:table-cell;
    font-size:.95em;
    font-weight:bold;
    color:#575757; 
    text-decoration:none;
    padding-left:10px;
    vertical-align: middle; 
    max-width:140px;
    height:80px;
    line-height:1.2em;
}
.category-row h3 span {
    font-weight:200;
    text-transform:capitalize;
    font-size:.9em;
    color:#bfbfbf;
    
}
.category-details img#stageimg {
    position:absolute;
    left:90px;
    bottom:6px;
    width:17px;
    border:none;
}


/*end category page*/
img#product-image {
    max-width:100px;
    height:auto;
}

div [data-role="content"] p {
color: #585858;
padding:10px 0px;
font-size:12px;
line-height:18px;
}
div[data-role="content"] a {
    color:#00b7de;
    
}
div [data-role="content"] img.banner {
margin:0px auto;
max-width:100%;
}
#banner span.caption {
color:#585858;
font-size:.75em;
line-height:.9em;
}

/*slider*/
#slider ul {
list-style-type:none;
padding:0px;
margin:0px;
}
#slider ul li {
float:left;
max-width:100%;
padding:0px;
margin:0px;
overflow:hidden;
}
#slider ul li img {
width:100%;
}
nav {
    height:35px;
    position:relative;
    clear:both;
    display:block;
    overflow:hidden;
    background:url(/images/banner-btm.jpg) left top no-repeat;
    background-size:100%;
}
  #position {
      text-align:center;
      font-size:48px;
      line-height:1.3;
      color:#697279;
      display:block;
      position:absolute;
      top:-15px;
      left:50%;
      margin-left:-75px;
      width:150px;
    }
      #position em {
        display:inline-block;
        padding:0 1px;
        font-style:normal;
        font-family:sans-serif;
        color:#f0f0f1;
      }
      #position em.on {
        color:#8cc63f;
      }



div#tile-container {
width:100%;
margin:0px auto;
}
a.btn {
display:block;
background: -moz-linear-gradient(top,  #f8f8f8 0%, #f8f8f8 42%, #e9e9ea 55%, #e9e9ea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(42%,#f8f8f8), color-stop(55%,#e9e9ea), color-stop(100%,#e9e9ea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 42%,#e9e9ea 55%,#e9e9ea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 42%,#e9e9ea 55%,#e9e9ea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 42%,#e9e9ea 55%,#e9e9ea 100%); /* IE10+ */
background: linear-gradient(top,  #f8f8f8 0%,#f8f8f8 42%,#e9e9ea 55%,#e9e9ea 100%); /* W3C */
margin:0 5px 10px 5px;
-webkit-border-radius: 7px;
border-radius: 7px; 
-webkit-box-shadow: inset 0px -1px 2px 0px #999999;
box-shadow: inset 0px -1px 2px 0px #999999; 

width:41%;
float:left;
padding:10px;
color:#6a6a6a;
font-size:.85em;
margin:4px 3px;
text-decoration:none;
font-weight:bold;
text-align:center;
}

div.htile {
width:31.2%;
display: inline-block;
position: relative;
float:left;
background: -moz-linear-gradient(top,  #f8f8f8 0%, #f8f8f8 42%, #e9e9ea 55%, #e9e9ea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(42%,#f8f8f8), color-stop(55%,#e9e9ea), color-stop(100%,#e9e9ea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 42%,#e9e9ea 55%,#e9e9ea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 42%,#e9e9ea 55%,#e9e9ea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 42%,#e9e9ea 55%,#e9e9ea 100%); /* IE10+ */
background: linear-gradient(top,  #f8f8f8 0%,#f8f8f8 42%,#e9e9ea 55%,#e9e9ea 100%); /* W3C */
margin:0 3px 6px 3px;
-webkit-border-radius: 7px;
border-radius: 7px;  
-webkit-box-shadow: inset 0px -1px 2px 0px #999999;
box-shadow: inset 0px -1px 2px 0px #999999; 
}

div.htile:after {
content: "";
display: block;
margin-top: 105%;
}
.htile h3 {
position:absolute;
padding:3px 2px 0px 5px;
font-size:11px;
margin:3px;
color:#6a6a6a;
line-height:13px;
text-decoration:none;
letter-spacing:-.05em;
}
a.tile-link {
    text-decoration:none;
    border:none;
}
.htile img {
position:absolute;
bottom:0px;
width:85%;
opacity:1;
left:10%;
}

div [data-role="footer"] {
height:100px;
background:#000 url(/images/foot-bg.gif) 20% bottom no-repeat;
background-size: 70%;
position:relative;
}
div[data-role="footer"] p {
text-align:center;
padding:10px 0px;
}
div[data-role="footer"] p a{
position: relative;
z-index: 301;
font-size:1em;
color:#00b7de;
text-decoration:none;
padding:0px 15px;
text-transform:uppercase;
font-family:'CoconLight',arial, helvetica, sans-serif;
}
p#credits {
color:#fff;
font-size:.5em;
position:absolute;
bottom:3px;
left:20px;
}
div#social {
position:absolute;
width:30%;
right:0px;
top:50px;
}
#social a img {
	width:30px;
	margin:0px 2px;
}


/*
	Contact form stuff..
*/
#contact_form_container {
	
}
#contact_form_container input[type=text] {
	width: 97%;
	border: 1px solid #555;
	font-size: 1em;
	padding: 8px;
}
#contact_form_container textarea {
	width: 97%;
	height: 5em;
	border: 1px solid #555;
	font-size: 1em;
	padding: 8px;
}
#contact_form_container select {
	width: 100%;
}
.form_input {
	padding-bottom: 18px;
}
.form_label {
	padding-bottom: 8px;
}
.error_msg {
	color: red;
}
#contact_form_container #contact_form .error {
	border-color: red;
}

div[data-role="content"] a.special-green-button {
	color: white;
}
a.special-green-button {
color: white;	
background: #c9de96; /* Old browsers */
background: -moz-linear-gradient(top,  #c9de96 0%, #8ab66b 44%, #398235 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#398235)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */

}