html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background-color: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
} :focus {
outline: 0;
} ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
body {line-height: 1.5em;}
p {margin: 1em 0;} table {
border-collapse: collapse;
border-spacing: 0;
}  a:link {
text-decoration: none !important;
color: #63b4ef;
}
a:visited { color: #63b4ef;
}
a:active,
a:hover { color: white;
}  .clear{
height: 0;
display: block;
clear: both;
}
.wrapper{
width: 1140px;
margin: 0 auto;
position: relative;
}
.screen-reader-text{
display: none !important;
}
body.no-js .hide-no-js{
display: none;
}
html{
background-color: #1C1C1C;
min-width: 1140px;
}
body{
color: #fff;
font-family: Arial, Helvetica, Geneva, sans-serif;
}
#header{
height: 197px;
background: url(//flowell.net/wp/wp-content/themes/flowell/img/header-grad.png) repeat-x center top;
}
#header .bar{
background: url(//flowell.net/wp/wp-content/themes/flowell/img/header-border.png) repeat-x;
height: 10px;
border: 1px solid #242424;
border-left-style: none;
border-right-style: none;
}
#header .wrapper,
#header #logo{
height: 185px;
position: relative;
}
#header #logo a{
display: block;
background: url(//flowell.net/wp/wp-content/themes/flowell/img/flowell-logo.png) no-repeat;
width: 390px;
height: 176px;
position: absolute;
top: 44px;
margin-left: -38px;
z-index: 500;
}
#header #logo a:hover{
display: block;
background: url(//flowell.net/wp/wp-content/themes/flowell/img/flowell-logo-hover.png) no-repeat;
width: 390px;
height: 176px;
position: absolute;
top: 44px;
margin-left: -38px;
z-index: 500;
}
#header .numbers{
position: absolute;
right: 38px;
top: 30px;
color: #fff;
line-height: 1.3em;
text-shadow: rgba(0,0,0,0.67) 0 1px 0;
}
#header .numbers p{
text-transform: uppercase;
font-size: 13px;
color: #b3d4ed;
}
#header .numbers > span{
font-size: 1.4em;
letter-spacing: 1px;
}
#header .numbers > span span.three{
margin-left: -4px;
letter-spacing: 6px;
}
#header .numbers > span span.four{
margin-left: 0;
letter-spacing: 6px;
}
#header .numbers span.full {
font-size: 1.1em;
color: #BFDFFF;
letter-spacing: 3.4px;
}
#header #searchform{
position: absolute;
right: 0;
top: 130px;
}
#site-description{
position: absolute;
top: 159px;
left: 380px;
font-style: italic;
}
#content{
background-color: #313131;
border-bottom: 2px solid #D2D2D2;
position: relative;
}
#main-content{
overflow: hidden;
position: relative;
}
#product-list,
#post-list{
float: left;
width: 880px;
border: 1px solid #575757;
border-top-style: none;
border-bottom-style: none;
min-height: 400px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1B1B1B), to(#373737));
background: -moz-linear-gradient(0% 100% 90deg,#373737, #1B1B1B);
}
#product-list{
padding: 20px;
width: 860px;
padding-right: 0;
}
#product-list .page-title{
margin-left: -21px;
}
#product-list .product{
float: none;
/float: left;
width: 310px;
margin-right: 16px;
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
}
#product-list .product .entry{
padding: 0;
font-size: 0.8em;
}
.product.excerpt .product-img,
.product .product-img{
float: left;
overflow: hidden;
padding: 8px 8px 6px;
zoom: 1;
border: 1px solid #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #1c1c1c;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(18,18,18)),
color-stop(1, rgb(56,56,56))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(18,18,18) 0%,
rgb(56,56,56) 100%
);
text-align: center;
-webkit-box-shadow: inset 0 0 1px #fff;
-moz-box-shadow: inset 0 0 1px #fff;
box-shadow: inset 0 0 1px #fff;
margin-right: 10px;
margin-bottom: 1px;
}
.product.archive .product-img{
width: auto;
float: none;
margin-right: 0;
}
#product-list .product.archive .product-img h2.entry-title{
width: auto;
}
body.search .product .product-img img,
#product-list .product .product-img img{
display: block;
padding: 1px;
background: #000;
-webkit-box-shadow: 0 1px 1px rgba(119,119,119,0.36);
-moz-box-shadow: 0 1px 1px rgba(119,119,119,0.36);
box-shadow: 0 1px 1px rgba(119,119,119,0.36);
}
body.search .product .product-img strong,
#product-list .product .product-img strong{
display: block;
margin: 2px auto 0;
overflow: hidden;
}
body.search .product .product-img strong a,
#product-list .product .product-img strong a{
font-size: 0.8em;
text-align: center;
display: block;
border: 1px solid #000;
padding: 5px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #236594;
background-image: -moz-linear-gradient(center bottom , #3288C7 0%, #236392 100%);
-webkit-box-shadow: inset 0 0 1px #fff;
-moz-box-shadow: inset 0 0 1px #fff;
box-shadow: inset 0 0 1px #fff;
text-decoration: none;
font-weight: normal;
color: #fff;
margin: 5px auto 1px;
}
#searchform input#searchsubmit:hover,
body.search .product .product-img strong a:hover,
#product-list .product .product-img strong a:hover{
background-color: #292929;
background-image: -moz-linear-gradient(center bottom , #2A75AC 0%, #164769 100%);
}
.product.excerpt h2.entry-title,
#product-list h2.entry-title{
font-size: 0.8em;
margin-bottom: 8px;
width: 140px;
line-height: 1.2em;	
}
body.search .product h2.entry-title a,
#product-list h2.entry-title a{
color: #fff;
text-decoration: none;
text-shadow: #000000 1px 0 0;
} #product-list{
}
.product.single .product-img{
border: 1px solid #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(18,18,18)),
color-stop(1, rgb(56,56,56))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(18,18,18) 0%,
rgb(56,56,56) 100%
);	
-webkit-box-shadow: inset 0 0 1px #fff;
-moz-box-shadow: inset 0 0 1px #fff;
box-shadow: inset 0 0 1px #fff;
padding: 7px;
}
.product.single .product-img img{
padding: 1px;
background: #000;
-webkit-box-shadow: 0 1px 1px rgba(119,119,119,0.36);
-moz-box-shadow: 0 1px 0px rgba(119,119,119,0.36);
box-shadow: 0 1px 1px rgba(119,119,119,0.36);
}  #searchform div{
}
#searchform input#searchsubmit,
#searchform input#s{
border: 1px solid #363636;
background-color: #fff;
font-size: 11px;
line-height: 13px;
float: left;
color: #525252;
margin: 0;
height: 13px;
padding: 4px;
}
#searchform input#s{
width: 163px;
margin-right: 4px;
}
#header #searchform input#s{
-webkit-box-shadow: inset 0px 1px 4px #999,
0px 1px 0px rgba(255,255,255,0.4);
-moz-box-shadow: inset 0px 1px 4px #999,
0px 1px 0px rgba(255,255,255,0.4);
box-shadow: inset 0px 1px 4px #999,
0px 1px 0px rgba(255,255,255,0.4);
}
#searchform input#searchsubmit{
padding-right: 8px;
padding-left: 8px;
height: 23px;
background-color: #717171;
text-transform: uppercase;
color: #fff;
width: 63px;
border: 1px solid #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(18,18,18)),
color-stop(1, rgb(56,56,56))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(18,18,18) 0%,
rgb(56,56,56) 100%
);
-webkit-box-shadow: inset 0 0 1px #fff,0px 1px 0px rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 0 1px #fff,0px 1px 0px rgba(255,255,255,0.4);
box-shadow: inset 0 0 1px #fff,0px 1px 0px rgba(255,255,255,0.4);
text-decoration: none;
font-weight: normal;
}
#searchform input#searchsubmit:hover{
cursor: pointer;
}
#bottom{
border-top: 2px solid #D2D2D2;
min-height: 280px;
background-image: url(data:image/gif;base64,R0lGODlhAQAJAIAAABsbGwAAACH5BAAAAAAALAAAAAABAAkAAAIDhH8FADs=);
background-repeat: repeat-x;
background-position: center top;
clear: both;
overflow: hidden;
}
#bottom .extra,
#bottom .products{
float: left;
width: 100%;
margin: 30px 0 20px;
}
#bottom .extra{
float: right;
width: 400px;
background-color: #282828;
height: 240px;
}
#bottom .extra h2,
#bottom .products h2{
padding: 10px 15px;
background-color: #282828;
font-weight: normal;
}
#bottom .extra .content{
}
#bottom .extra .content .doc{
padding: 5px 15px 5px 63px;
overflow: hidden;
border-bottom: 1px solid #505050;
border-top: 1px solid #505050;
margin-bottom: -1px;
font-size: 0.8em;
min-height: 57px;
position: relative;
}
#bottom .extra .content .doc span{
background: url(//flowell.net/wp/wp-content/themes/flowell/img/doc.png) no-repeat;
display: block;
width: 40px;
height: 54px;
position: absolute;
left: 15px;
top: 7px;
-webkit-transform: rotate(2deg);
}
#bottom .extra .content .doc:nth-child(2n) span{
-webkit-transform: rotate(5deg);
}
#bottom .extra .content .doc:nth-child(2n+3) span{
-webkit-transform: rotate(-3deg);
}
#bottom .extra .content .doc h4{
float: left;
}
#bottom .extra .content .doc a.dl{
float: right;
}
#bottom .extra .content .doc p{
clear: both;
padding-top: 5px;
font-size: 0.8em;
line-height: 1.3em
}
#bottom .products h2 a{
float: right;
display: block;
font-size: 12px;
margin-top: -4px;
}
#bottom .products ul{
background-color: #282828;
margin-top: 10px;
min-height: 200px;
}
#bottom .products ul li{
float: left;
width: 110px;
height: 80px;
text-align: center;
margin-left: 15px;
margin-top: 12px;
}
#bottom .products ul li img{
width: 100%;
height: 100%;
}
#bottom .products ul li a{
display: block;
width: 110px;
height: 80px;
border: 1px solid #545454;
padding: 1px;
-webkit-transition: border-color 0.2;
}
#bottom .products ul li a:hover{
border-color: #2e87c8;
}
#bottom .products ul li a:hover img{
opacity: 0.7;
}
#bottom .extra h2 a {
display: block;
float: right;
font-size: 12px;
margin-top: -4px;
}  #top-featured{
overflow: hidden;
position: relative;
}
#top-featured .featured{
float: left;
width: 700px;
background-color: #3D3D3D;
}
.widget-area{
background-color: #2E2E2E;
float: right;
width: 240px;
}
#top-featured .news{
padding: 20px;
}
#top-featured .news h4{
font-weight: normal;
white-space: nowrap;
}
#top-featured .news h4 a{
color: #fff;
text-decoration: none;
}
#top-featured .news h4 a:hover{
text-decoration: none;
}
#top-featured .news h4 span{
text-transform: uppercase;
}  #fp-sidebar{
} ul.menu{
}
ul.menu li{
margin-bottom: 1px;
border: 1px solid #000000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
ul.menu li a{
display: block;
border: 1px solid #474747;
padding: 7px 15px 5px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-size: 1em;
background: #292929 url(data:image/gif;base64,R0lGODlhAQAkALMAADAwMC4uLjMzMysrKyoqKjU1NTIyMikpKS8vLywsLDQ0NDExMS0tLTY2NgAAAAAAACH5BAAAAAAALAAAAAABACQAAAQXsJWilLjCmLWA9wgSjAHDJMmgDgRxHBEAOw==) repeat-x center top;
text-shadow: #000000 0 1px 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 1.4em;
font-weight: normal;
}
ul.menu li a:hover{
background-color: #1f1f1f;
background-image: none;
border-color: #313131;
text-shadow: #000000 0 1px 1px, #929292 0 1px 7px;
-webkit-box-shadow: inset 0 0 5px #313131;
}
ul.menu li.current-menu-item a{
background-color: #33526a;
background-image: none;
border-color: #59829e;
}
ul.menu{
background-color: #2e2f2e;
}
.menu-products-container ul.menu{
}
.menu-products-container ul.menu li a{
font-size: 0.8em;
background: #292929 url(//flowell.net/wp/wp-content/themes/flowell/img/prod-grad.gif)repeat-x center top;
border-color: #757575;
}
.menu-products-container ul.menu li a:hover{
background-color: #292929;
background-image: none;
border-color: #313131;
text-shadow: #000000 0 1px 1px, #929292 0 1px 7px;
-webkit-box-shadow: inset 0 0 5px #313131;
}
.menu-products-container ul.menu li.current-menu-item a{
background-color: #33526a;
background-image: none;
border-color: #59829e;
} #page-sidebar{
}
li.widget-container{
margin: 8px 0;
}
li.widget-container .widget-title{
font-weight: normal;
margin-bottom: 7px;
padding-left: 15px;
border-top: 1px solid #191919;
padding-top: 8px;
}
li.widget-container.widget_text{
line-height: 1.7em;
font-size: 0.8em;
}
li.widget-container.widget_text .textwidget{
padding: 7px 15px;
}  #footer{
background: #1C1C1C;
padding: 30px 0;
overflow: hidden;
clear: both;
}
#footer .fmenu{
display: block;
text-align: center;
margin-bottom: 30px;
}
#footer .fmenu li{
display: inline;
}
#footer .fmenu li a{
display: inline;
line-height: 1.4em;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-size: 1em;
text-shadow: #000000 0 1px 1px;
}
#footer .fmenu li a:hover{
text-decoration: underline;
} .footer-nav {
display: inline;
font-size: 1em;
line-height: 1em;
vertical-align: text-top;
}
#footer .fmenu a span{
content: ' |';
font-size: 0.7em;
margin-right: 6px;
position: absolute;
right: 0;
top: -4px;
text-decoration: none;
}
#footer .fmenu a{
position: relative;
}
#footer .fmenu a:hover span{
text-decoration: none;
}
#footer .fmenu li:last-child a span{
display: none;
}
#footer p{
font-size: 0.7em;
}
#footer p.copy{
float: left;
}
#footer p.credit{
float: right;
} .page-title{
background-color: #313131;
margin: 30px -1px;
padding: 8px 25px 5px;
font-size: 2em;
line-height: 1.2em;
font-weight: normal;
font-style: normal;
border: 1px solid #575757;
border-right: none;
border-left: none;
}  .entry img {
margin: 0 0 0.5em 0;
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 10px;
margin-bottom: 5px;
margin-top: 2px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 10px;
margin-bottom: 5px;
margin-top: 2px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-top: 2px;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
text-align: center;
margin-bottom: 0.5em;
background-color: #313131;
padding: 25px 25px 5px;
line-height: 1.2em;
font-weight: normal;
border: 1px solid #575757;
font-size: 1.3em;
display: block !important;
}
.wp-caption a{
line-height: 0;
display: block;
padding: 0;
margin: 0;
}
.wp-caption.alignright {
margin-right: -26px;
border-right: none;
}
.wp-caption.alignleft {
margin-left: -26px;
border-left: none;
}
.wp-caption img {
border: 0 none;
margin: 0;
padding: 0;
}
.wp-caption p.wp-caption-text {
margin-top: 9px;
margin-left: 0;
margin-right: 0;
}
.wp-smiley { 
max-height: 1em;
margin:0 !important;
}
.gallery dl {
margin: 0;
}
.gallery-caption {
margin:-1.5em 0 0 0;
}  blockquote.left {
float: left;
margin-left: 0;
margin-right: 20px;
text-align: right;
width: 33%;
}
blockquote.right {
float: right;
margin-left: 20px;
margin-right: 0;
text-align: left;
width: 33%;
}  .entry{
font-size: 14px;
line-height: 1.4em;
padding: 8px 0 8px;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5{
line-height: 1.2em;
margin-bottom: -0.2em;
margin-top: 0.9em;
}
.entry h1{
font-size: 20px;
border-bottom: 2px solid #ddd;
padding-bottom: 8px;
margin-bottom: 15px;
}
.entry h2{
font-size: 18px;
display: ;
}
.entry h3{
font-size: 19px;
}
.entry h4{
font-size: 17px;
}
.entry h5{
font-size: 15px;
}
.entry h1 + h2{
margin-top: 0.3em;
}
.entry p{
margin: 10px 0;
line-height: 20px;
} .entry ul {
list-style: square;
margin: 10px 0 10px 1.5em;
}
.entry ol {
list-style: decimal;
margin: 0 0 18px 2em;
}
.entry ol ol {
list-style:upper-alpha;
}
.entry ol ol ol {
list-style:lower-roman;
}
.entry ol ol ol ol {
list-style:lower-alpha;
}
.entry ul ul,
.entry ol ol,
.entry ul ol,
.entry ol ul {
margin-bottom:0;
}
.entry dl {
margin:0 0 24px 0;
}
.entry dt {
font-weight: bold;
}
.entry dd {
margin-bottom: 18px;
}
.entry strong {
font-weight: bold;
}
.entry cite,
.entry em,
i {
font-style: italic;
}
.entry big {
font-size: 131.25%;
}
.entry ins {
background: #ffc;
text-decoration: none;
}
.entry blockquote {
font-style: normal;
color: #fff;
background-color: #313131;
padding: 7px 25px 5px;
line-height: 1.2em;
font-weight: normal;
border: 1px solid #575757;
border-left: none;
margin-top: 25px;
margin-left: -26px;
margin-bottom: 25px;
font-size: 1.3em;
}
.entry blockquote p:last-child:after,
.entry blockquote p:first-child:before{
content: '“';
display: inline;
font-size: 1.5em;
vertical-align: middle;
font-weight: bold;
}
.entry blockquote p:last-child:after{
content: '”';
}
.entry blockquote cite,
.entry blockquote em,
.entry blockquote i {
font-style: normal;
}
.entry pre {
background: #f7f7f7;
color: #222;
line-height: 18px;
margin-bottom: 18px;
padding: 1.5em;
}
.entry abbr,
.entry acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
.entry sup,
.entry sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
font-size: 10px;
}
.entry sup {
bottom: 1ex;
}
.entry sub {
top: .5ex;
}
.entry input[type="text"],
.entry textarea {
padding: 2px;
background: #fff;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}
.entry input[type="text"]:focus,
.entry textarea:focus {
border: 1px solid #90abd7;
outline: none;
}
.entry table{
width: 100%;
border: 1px solid #dbd7ce;
}
.entry table.styled thead tr{
background-color: #6c6c6c;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.entry table.styled thead tr td{
padding-bottom: 5px;
padding-top: 10px;
}
.entry table.styled tbody tr{
border-top: 1px solid #f6f2e8;
}
.entry table.styled tr:nth-child(odd){
background-color: #f7f2e8;
}
.entry table.styled tr td{
padding: 8px;
}   #comments {
clear: both;
padding: 0 20px;
}
#comments .navigation {
padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
}
h3#comments-title {
padding: 24px 0;
}
.commentlist {
list-style: none;
margin: 0;
}
.commentlist li.comment {
border-bottom: 1px solid #e7e7e7;
line-height: 24px;
margin: 0 0 24px 0;
padding: 0 0 0 56px;
position: relative;
}
.commentlist li:last-child {
border-bottom: none;
margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
margin-bottom: 18px;
}
#comments .comment-body p:last-child {
margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
}
.commentlist ol {
list-style: decimal;
}
.commentlist .avatar {
position: absolute;
top: 4px;
left: 0;
}
.comment-author {
}
.comment-author cite {
color: #000;
font-style: normal;
font-weight: bold;
}
.comment-author .says {
font-style: italic;
}
.comment-meta {
font-size: 12px;
margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
color: #888;
text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
font-size: 12px;
padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
color: #ff4b33;
}
.commentlist .children {
list-style: none;
margin: 0;
}
.commentlist .children li {
border: none;
margin: 0;
}
.nopassword,
.nocomments {
display: none;
}
#comments .pingback {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 18px;
padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
color: #888;
display: block;
font-size: 12px;
line-height: 18px;
margin: 0;
}
#comments .pingback .url {
font-size: 13px;
font-style: italic;
} input[type=submit] {
color: #333;
}
#respond {
border-top: 1px solid #1c1c1c;
margin: 24px 0;
overflow: hidden;
position: relative;
}
#respond p {
margin: 0;
}
#respond .comment-notes {
margin-bottom: 1em;
}
.form-allowed-tags {
line-height: 1em;
}
.children #respond {
margin: 0 48px 0 0;
}
h3#reply-title {
margin: 18px 0;
}
#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
font-size: 12px;
font-weight: normal;
line-height: 18px;
}
#respond .required {
color: #ff4b33;
font-weight: bold;
}
#respond label {
font-size: 12px;
}
#respond input {
margin: 0 0 9px;
width: 98%;
padding: 3px 0;
}
#respond textarea {
width: 98%;
}
#respond .form-allowed-tags {
color: #888;
font-size: 12px;
line-height: 18px;
}
#respond .form-allowed-tags code {
font-size: 11px;
}
#respond .form-submit {
margin: 12px 0;
}
#respond .form-submit input {
font-size: 14px;
width: auto;
} #footer{
}
#footer p.credit a{
color: inherit;
text-decoration: none;
}
#footer p.credit a:hover{
text-decoration: none;
color: #5d96f6;
}
#rotators{
}
#rotators li{
position: relative;
height: 340px;
width: 700px;
}
#rotators li .over{
position: absolute;
width: 860px;
bottom: 0;
left: 0;
padding: 10px 20px 10px;
background-color: rgba(0,0,0,0.65);
}
#rotators li .over h3{
margin-bottom: 4px;
}
#rotators li .over .entry{
font-size: 0.8em;
line-height: 1.5em;
padding: 0;
} a.backto{
float: right;
display: block;
padding: 10px 12px;
margin-right: 20px;
margin-bottom: 20px;
}
#post-list .product.single{
margin-top: 40px;
}
#post-list .product.single{
padding: 0 20px;
}
#post-list .product.single .top{
padding: 10px 20px;
margin: 0 -21px;	
background: #313131;
border-top: 1px solid #575757;
border-bottom: 1px solid #575757;
overflow: hidden; }
#post-list .product.single .top .product-img{
float: left;
-webkit-border-radius: 5px;
}
#post-list .product.single .top .resources{
float: right;
width: 300px;
margin-right: -30px;
}
#post-list .resources ul{
padding-top: 5px;
}
#post-list .resources ul li{
}
#post-list .resources ul li a{
display: block;
padding: 5px 0;
}
#post-list .resources ul li a[href $= pdf]{
background: url(//flowell.net/wp/wp-content/themes/flowell/img/pdf_icon.png) no-repeat left center;
padding-left: 24px;
}
#post-list .product.single h2.entry-title{
margin-bottom: 15px;
font-size: 25px;
font-weight: normal;
}
#post-list .product.single h2.entry-title a{
text-decoration: none;
color: #fff;
}
#post-list .product.single .entry{
padding-right: 0px;
padding-left: 0;
}
#post-list .product.single{
}  body.search div.hentry{
padding: 0 20px;
clear: both;
overflow: hidden;
margin: 10px 0;
}
body.search div.hentry .entry{
padding: 0;
}  div.navigation{
overflow: hidden;
padding: 10px;
vertical-align: middle;
display: block;
margin: 10px;
}
div.navigation div.nav-next,
div.navigation div.nav-previous{
display: inline-block;
vertical-align: top;
}
div.navigation a{
text-decoration: none;
}
div.navigation div.nav-previous{
float: left;
}
div.navigation div.nav-next{
float: right;
} #post-list{
}
#post-list div.page .entry{
padding: 0 25px;
}
#post-list div.post{
padding: 0 20px;
margin: 30px 0;
}
div.post .entry-title{
font-size: 1.7em;
font-weight: normal;
margin-bottom: 10px;
}
div.post .entry-title a{
color: #fff;
}
div.post .entry-utility,
div.post .entry-meta{
margin-bottom: 2px;
font-size: 0.9em;
background: #1a1a1a;
padding: 5px;
margin-left: -5px;
}
div.post .entry-meta{
}
div.post .entry-utility{
}
div.post{
}
#gform_2{
max-width: 600px;   
}
.extra h2 a, .products h2 a{
background-color: #236594;
background-image: -moz-linear-gradient(center bottom , #3288C7 0%, #236392 100%);
border: 1px solid #000000;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 1px #FFFFFF inset;
color: #FFFFFF;
display: block;
font-size: 0.8em;
font-weight: normal;
margin: 5px auto 1px;
padding: 5px 8px;
text-align: center;
text-decoration: none;
}
.extra h2 a:hover, .products h2 a:hover{
background-color: #2A75AC;
background-image: -moz-linear-gradient(center bottom , #2A75AC 0%, #164769 100%);
}
.doc:hover{
background-color: #454545;
}
.docs{
margin-top: -20px;
} #docpage{
padding: 0 24px;
}
#docpage h2{
width: 310px;
height: 30px;
display: inline-block;
border: 1px solid #787878;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 6px;
background: #545454;
}
#docpage h2:hover{
background: #454545
}
#docpage a{
display: block;
height: 24px;
margin: 0 0;
padding: 6px 3px 0;
}
.dl{
background: url(//flowell.net/wp/wp-content/themes/flowell/img/dl.png) repeat scroll 0 0 transparent;
border-radius: 3px 3px 3px 3px;
float: right;
height: 20px;
overflow: hidden;
text-indent: -40em;
width: 20px;
}
.dl:hover{
opacity:.75;
}
.getadobe{
background: url(//flowell.net/wp/wp-content/themes/flowell/img/adobe-pdf.gif) no-repeat scroll left top transparent;
display: block;
float: right;
height: 39px;
margin-top: -2px;
overflow: hidden;
text-indent: -50em;
width: 158px;
}
.getadobe:hover{
opacity: .75;
}
.front-page-documents{
display: block;
} #formbox, #formbox table{border: 0}
#formbox input, #formbox select, #formbox textarea, #formbox radio, #formbox submit{background: #bbb}
#formbox td{padding: 5px; vertical-align: top; width: 50%}
#formbox .header{font-size: 20px; padding: 5px; background: #333; border: 1px solid #aaa; margin: 8px 0}
#formbox input[type='text']{width: 90%}
.fleft{float:left; width: 48%; display: block}
.fright{float: right; width: 48%; display: block}
span.fright{text-align: right}
label{font-size: 11px}
.label{font-size: 16px; font-weight: bold; line-height: 24px}
.space{padding: 0 20px}
.smspace{padding: 0 40px}
h1 {font-size: 1.6em;margin-top: .5em;}
.form-submit-button , .btn {
background: #59829e;
color: white !important;
border: 1px solid #59829e;
border-radius: 0;
box-shadow: none;
font-size: 1.0em !important;
padding: 0.5em;
text-shadow: none;
display: inline-block;
font-weight: bold;
}  html { min-width: 0; }
.wrapper { max-width: 1140px; width: 100%; margin: 0 auto; padding: 0 16px; }
#content, #bottom, #footer { overflow-x: hidden; }
img, iframe, embed { max-width: 100%; height: auto; } :focus { outline: auto; outline-color: Highlight; outline-color: -webkit-focus-ring-color; }
:focus:not(:focus-visible) { outline: none; } a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid #63b4ef; outline-offset: 2px; } .screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.screen-reader-text:focus {
clip: auto !important;
clip-path: none;
height: auto;
width: auto;
padding: .5em 1em;
background: #000;
color: #fff;
z-index: 100000; } #footer {
background: #111; color: #ddd;
padding: 40px 0 10px;
font-size: 13px;
}
#footer a {
color: #8bbcff;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
} .footer-widgets {
display: flex;
flex-wrap: wrap;
gap: 30px;
padding-bottom: 25px;
border-bottom: 1px solid #333;
}
.footer-col {
flex: 1 1 200px;
min-width: 200px;
}
.footer-title {
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 10px;
color: #fff;
}
.footer-links {
list-style: none;
margin: 0;
padding: 0;
}
.footer-links li {
margin-bottom: 5px;
} .footer-btn {
display: inline-block;
margin-bottom: 6px;
} .footer-bottom {
padding-top: 15px;
text-align: center;
}
.footer-bottom .fmenu {
list-style: none;
margin: 0 0 10px;
padding: 0;
}
.footer-bottom .fmenu li {
display: inline-block;
margin: 0 5px;
}
.footer-bottom .footer-nav {
color: #555;
}
.footer-bottom .credit,
.footer-bottom .copy {
margin: 0;
color: #777;
} @media (max-width: 768px) {
.footer-widgets {
flex-direction: column;
}
.footer-col {
width: 100%;
}
} h1 { font-size: 2rem; line-height: 1.25; }
@media (min-width: 768px) { h1 { font-size: 2.25rem; } }
.entry h2 { display: block; } .entry a { text-decoration: underline; }
.entry a:hover { text-decoration: none; }
a:hover { color: #e6f2fb; }  .entry ul { list-style: disc; margin: 10px 0 10px 1.25em; }
.entry ol { margin: 10px 0 10px 1.5em; } #header { background-size: auto; }
#header #logo a { left: 0; margin-left: 0; max-width: 100%; background-size: contain; }
#header .numbers { position: static; text-align: right; padding-top: 8px; }
#site-description { position: static; margin-top: 8px; } .entry table { display: block; width: 100%; overflow-x: auto; }
.entry table thead, .entry table tbody, .entry table tr { width: 100%; } .btn, .form-submit-button {
padding: 0.65em 1em;
line-height: 1.2;
border-radius: 4px;
cursor: pointer;
} #searchform input#s { width: 100%; max-width: 260px; }
#searchform input#searchsubmit { height: auto; } #product-list, #post-list { min-height: 0; } #footer .fmenu li a { text-decoration: underline; }
#footer .fmenu li a:hover { text-decoration: none; }