/* CSS Document */
html, body {
    height: 100%;
    font-family: 'Muli', sans-serif;
    background-color: #ffffff;
    font-size: 14px;
    padding:0;margin:0;
}

a.account-link
{background-image:url(../images/account-icon.png);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
display:inline;
color:#000000;
float:right;
padding:5px 0px 5px 30px;
background-size:20px 20px;
margin-left:10px;}

a.account-link:hover
{text-decoration:underline;}

a.cart-link
{background-image:url(../images/cart-icon.png);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
display:inline;
color:#000000;
float:right;
padding:5px 0px 5px 30px;
background-size:20px 20px;
margin-left:10px;}

a.cart-link:hover
{text-decoration:underline;}

a.headerlink {color:#000;}

a.login-link
{background-image:url(../images/sign-in-icon.png);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
display:inline;
color:#000000;
float:right;
padding:5px 0px 5px 30px;
background-size:20px 20px;
margin-left:20px;}

a.login-link:hover
{text-decoration:underline;}

a.navlinksmall {text-decoration: none;color:#0e1d49;line-height: 35px;font-weight: bold;}

a.navlinksmall:hover {text-decoration: none;color:#6ac04b;}

.banner-bottom {text-align: center; padding:10px 0px 10px 0px;}


.callus {
    text-align: left;
    font-size: 18px;
    line-height: 18px;
}

.categories {text-transform: uppercase;font-weight: bold;padding:10px;border-bottom:1px #000 solid;}

.content-area {background: #fff;min-height: 300px;margin:0 auto;width:1200px;}

.content-left {float:left;width:250px;box-sizing: border-box;padding:20px;}
.content-right {float:right;width:950px;box-sizing: border-box;padding-bottom:25px;}

.featured-products
{width:950px;
text-align: center;	
margin:0 auto;}

.featured-box
{width:218px;
background-color:#224188;
margin:15px;;
display:inline-block;}

.featured-box-pic
{width:216px;
text-align:center;
background-color:#FFF;
height:215px;
line-height: 205px;	
border:1px #000 solid;
line-height:205px;
}

.featured-box-pic img
{max-width:197px;
max-height:197px;
vertical-align:middle;
position: relative;
top: 50%;
transform: translateY(-50%);
}

.featured-box-title
{text-align:center;
text-transform:uppercase;
color:#fff;
padding:6px;
font-weight:bold;}

.featured-box-price
{text-align:center;
color:#58b21f;}

.featured-box-btn
{text-align:center;}

.featured-box-btn a
{border:2px #ffffff solid;
text-decoration:none;
display:block;
color:#ffffff;
margin:10px 20px 10px 20px;
text-transform:uppercase;
padding:10px 20px 10px 20px;
background-color:#6cc24a;}

.footer {background:#071d49;text-align: center;font-weight: bold;padding:40px;border-top:#000 3px solid;color:#fff;padding-left:250px;}

.footer img {width:34px;height:34px;margin:10px;}

.header
{padding:0px;
background: #f2f2f2;
box-sizing: border-box;
padding:10px;
}

.header-left
{float:left;
text-align: center;	
width:350px;
padding-top:25px;}

.header-left img {width:325px;height:auto;}

.header-inner {margin:0 auto;width:1200px;}

.header-middle
{float:right;
width:300px;
color:#a61d28;
padding-top:40px;}

.header-right
{float:right;
width:300px;}

.header-search
{
	text-align:right;
    padding:60px 0px 10px 0px;
}

.header-search-field
{padding:8px;
border:1px #006748 solid;
width:250px;
-webkit-border-radius: 6px 0px 0px 6px;
-moz-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;}

.leftnav {padding:10px;}


.number {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
}

.topnav
{text-align: center;
background: #071d49;
border-bottom:#000000 3px solid;
padding-left:250px;}

.topnav a {color:#c3c6d1;font-weight: bold;line-height: 40px;margin:0px 10px 0px 10px;text-decoration: none;font-size: 18px;display:inline-block;padding:0px 30px 0px 30px;}

.topnav a:hover {background: #041637;color:#ffffff;}

.topnav-inner {width:1200px;margin:0 auto;}


.wrapper 
{
	width:100%;
	margin:0 auto;
	border-radius: 10px 10px 0px 0px;
}

/*Tables*/
.tdbackground {background : #B5CBD1 !important; background-color: #B5CBD1 !important;}
.tablecell { background-color: #ffffff !important; font-family: arial, helvetica, geneva, sans-serif !important; font-size: 12px !important; color: #666666 !important; }
.tablecellsmall { background-color: #ffffff !important; font-family: arial, helvetica, geneva, sans-serif !important; font-size: 10px !important; color: #666666 !important; }
.tableheader { background-color: #666666 !important; font-size: 13px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #ffffff !important; font-weight: bold !important; }
.tablesubheader { background-color: #cccccc !important; font-size: 12px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #333333 !important; font-weight: bold !important; }
.th2 { background-color: #999999 !important; font-size: 12px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #000000 !important; font-weight: bold !important; }
.td3 { background-color: #e9e9e9 !important; font-size: 11px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #000000 !important; font-weight: normal !important; }
.td10 { background-color: #ffffff !important; font-size: 11px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #000000 !important; font-weight: normal !important; }
.treecell { background-color: #C2C2C2 !important; font-size: 11px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #000000 !important; font-weight: normal !important; }
.linkcell { background-color: #000000 !important; font-size: 12px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #ffffff !important; font-weight: bold !important; }
.searchcell { background-color: #000000 !important; font-size: 11px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #ffffff !important; font-weight: normal !important; }

a.bodylink:link { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }
a.bodylink:active { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }
a.bodylink:visited { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }
a.bodylink:hover { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #666666 !important; font-weight: normal !important; text-decoration: none !important; }

a.bodylinksmall:link { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 10px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }
a.bodylinksmall:active { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 10px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }
a.bodylinksmall:visited { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 10px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }
a.bodylinksmall:hover { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 10px !important; color: #666666 !important; font-weight: normal !important; text-decoration: none !important; }