﻿body {
  margin: 0px 0px 0px 0px;
  color: #0A84B2;
  height: 100%;
  width: 100%;
  font-size: 13px;
  font-family: helvetica condensed, helvetica, sans-serif, arial;
  background-color: #f6f6f6;
}
#canvas {
  margin: 0px auto;
  width: 100%;
  text-align: left
}
#shadow-left {
}

#shadow-right {
}
.mainheader {
  width: 1020px;
  margin: 0px 0px 0px 9px;
  color: #5f5542;
  background-color: #ffffff;
  text-align: left;
  font-size: 13px;
  font-family: helvetica, sans-serif, arial;
}
.maincontent {
  max-width: 1007px;
  height: 100%;
  margin: 0px auto;
  color: #5f5542;
  background-color: #ffffff;
  font-size: 13px;
  font-family: helvetica, sans-serif, arial;
  line-height: 20px;
}

.maincontent1 {
  width: 100%;
  margin: 0px auto;
  color: #5f5542;
  background-color: #ffffff;
  font-size: 13px;
  font-family: helvetica, sans-serif, arial;
  line-height: 20px;
}
input:focus
{
  outline: none;
}
#ucTopMainHeader1_tbSearch {
	border: medium none;
    color: #ABABAB;
    font-size: 15px;
    padding: 0 5px;
}
.mainfooter {
  width: 100%;
  margin: 0px auto;
  color: #006991;
  text-align: center;
  font-size: 13px;
  font-family: helvetica, sans-serif, arial;
}
.pagetitle
{
  color: #5f5542;
  font-size: 15px;
  font-family: helvetica, sans-serif, arial;
  font-weight: bold;
}
.header1
{
  color: #5f5542;
  font-size: 15px;
  font-family: helvetica, sans-serif, arial;
  font-weight: bold;
}
.headercap
{
  color: #5f5542;
  font-size: 15px;
  font-family: helvetica, sans-serif, arial;
  font-weight: bold;
  font-variant: small-caps;
}
.notice
{
  color: #ff0000;
  font-size: 15px;
  font-weight: bold;
}
a.bodylink:link
{
  font-weight: normal;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: underline;
}
a.bodylink:visited
{
  font-weight: normal;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: underline;
}
a.bodylink:hover
{
  font-weight: normal;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: underline;
}
a.bodylinkb:link
{
  font-weight: bold;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: underline;
}
a.bodylinkb:visited
{
  font-weight: bold;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: underline;
}
a.bodylinkb:hover
{
  font-weight: bold;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: underline;
}
a.storelink:link
{
  font-weight: normal;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: underline;
}
a.storelink:visited
{
  font-weight: normal;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: underline;
}
a.storelink:hover
{
  font-weight: normal;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: underline;
}
a.mainfooter:link
{
  font-weight: normal;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: none;
}
a.mainfooter:visited
{
  font-weight: normal;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: none;
}
a.mainfooter:hover
{
  font-weight: normal;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: underline;
}

table.proglist {
  width:100%;
  font-size: 13px;
  font-family: helvetica, sans-serif, arial;
  font-weight: bold;
  max-width: 800px;
}

table.proglist a {
    color: #0A85B1;
    text-decoration: underline;
}
	
#itemAmount, #lblAvailPoints, #lblRemainPoints {
	color:#0983b2;
	font-size:18px;
	font-weight:bold;
	padding: 0 20px 0 0; }	
	
table.proglist th
{
  background-color: #E4F1FA;
    color: #0A85B1;
    font-family: helvetica,sans-serif,arial;
    font-size: 14px;
    font-weight: bold;
    padding: 9px;
    text-align: center;
}
.itemTitle
{
  font-weight: bold;
  font-size: 15px;
}
a.catlink:link
{
  font-weight: bold;
  font-size: 13px;
  color: #000000;
  font-family: helvetica, sans-serif, arial;
  text-decoration: none;
}
a.catlink:visited
{
  font-weight: bold;
  font-size: 13px;
  color: #000000;
  font-family: helvetica, sans-serif, arial;
  text-decoration: none;
}
a.catlink:hover
{
  font-weight: bold;
  font-size: 13px;
  color: #000000;
  font-family: helvetica, sans-serif, arial;
  text-decoration: underline;
}
a.catlink1:link
{
  font-weight: bold;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: none;
  font-variant: small-caps;
}
a.catlink1:visited
{
  font-weight: bold;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: none;
  font-variant: small-caps;
}
a.catlink1:hover
{
  font-weight: bold;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: underline;
  font-variant: small-caps;
}
a.catlink1:active
{
  font-weight: bold;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: none;
  font-variant: small-caps;
}
.catdesc
{
  font-weight: bold;
  color: Blue;
}
.footer
{
  font-weight: normal;
  font-size: 13px;
  color: #000000;
  font-family: helvetica, sans-serif, arial;
}
.formlabelb
{ 
  color: #656666;
  float: left;
  text-align: right;
  width: 120px;
  font-weight: bold;
  margin: 9px 0 0;
}
.formlabel80 {
  color: #656666;
  float: left;
  text-align: left;
  width: 80px;
  font-weight: normal;
  margin: 5px 0 0;
}
.formlabel {
  color: #656666;
  float: left;
  text-align: right;
  width: 120px;
  font-weight: normal;
  margin: 5px 0 0;
}
.formlabel160b {
  color: #656666;
  float: left;
  text-align: right;
  width: 160px;
  font-weight: bold;
  margin: 5px 0 0;
}

.formlabel160 {
  color: #656666;
  float: left;
  text-align: right;
  width: 160px;
  font-weight: normal;
  margin: 5px 0 0;
}
.formlabelv {
  color: #656666;
  float: left;
  text-align: left;
  font-weight: normal;
  margin: 8px 0 0 5px;
}
.formvalue
{
  float: left;
  padding: 0px 0px 0px 5px;
}
#tbName, #tbEmail, #tbPhone, #tbComments, .tbvaluew, .tbvaluen, .tbvalues, #userName, #webPass {
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; 
	border: 1px solid #E7E7E7;
    color: #5F5542;
    font-size: 15px;
    padding: 9px;
	width:305px;
}
.formvalue select {
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; 
	border: 1px solid #E7E7E7;
    color: #5F5542;
    font-size: 15px;
    padding: 9px;
	width:270px;
}
#lblTaxID {
	font-size: 18px;
    font-weight: bold;
    margin: 0 0 0 3px;
    position: relative;
    top: 28px; 
	
}
.formclear
{
  clear: both;
  height: 4px;
}
.c {
  clear: both;
}
.tbvaluew
{
  width: 250px;
}
.tbvaluen
{
  width: 120px;
}
.tbvalues {
  width: 80px;
}
.catlinkText
{
  font-weight: bold;
  font-size: 13px;
  color: #ffffff;
  font-family: helvetica, sans-serif, arial;
  text-decoration: none;
} 
.pointText
{
  font-weight: bold;
  font-size: 15px;
  color: #0A84B2;
  font-family: Helvetica Condensed, helvetica, sans-serif, arial;
  text-decoration: none;  
} 
.pointTextCart
{
  font-weight: bold;
  font-size: 15px;
  color: #f39524;
  font-family: Helvetica Condensed, helvetica, sans-serif, arial;
  text-decoration: none;  
} 
a.nav_top
{
  font-weight: normal;
  font-size: 13px;
  color: #006991;
  font-family: helvetica, sans-serif, arial;
  text-decoration: underline;
}

#ucRightMain1_imgAcceptText {
	left: -4px;
    position: relative;
    top: 6px; }

.topnav, .topnavpre {
  padding: 0px 0px 0px 0px;
  background-color: #ccc1d9;
  overflow: hidden;
}

.topnav a, .topnavpre a {
  float: left;
  display: block;
  color: #000000;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
  font-size: 15px;
}

  /* Change the color of links on hover */
  .topnav a:hover, .topnavpre a:hover {
    background-color: #ddd;
    color: black;
  }

/* Add an active class to highlight the current page */
.active {
  background-color: #4CAF50;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon, .topnavpre .icon {
  display: none;
}


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. 
/*This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 700px) {

  .topnav a:not(:first-child) {
    display: none;
  }

  .topnav a.icon {
    float: right;
    display: block;
  }  

  .topnav.responsive {
    position: relative;
  }

  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

  .shipcontbtn {
    float: left;
    position: absolute;
    bottom: -30px;
    right: 10%;
  }
}
@media only screen and (max-width: 720px) {
  .cartline {
    display: none;
  }
}
.catBorder {
  min-width: 300px;
  max-width: 100%;
  text-align: center;
  background-color: #e6e7e8;
}
.catItem {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  min-width: 200px;
  min-height: 250px;
  vertical-align: bottom;
  display: inline-block;
  width: 20%;
  align-items: center;
  margin: 1% 1% 1% 1%;
  background-color: #ffffff;
}
.itemBorder {
  padding: 20px 0px 0px 0px;
  background-color: #e6e7e8;
  width: 100%;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
}
.itemPic {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  background-color: #ffffff;
}
.searchTB {
  float: left;
  width:200px;
  border:none;
  margin-top:15px;
}
.searchBtn {
  float: left;
}
.logoimg {
  float:left;
  width:100%;
  min-width:300px;
  max-width:456px;
}
.shipcontbtn {
  float: left;
  position: absolute;
  bottom: 15px;
  right: 10%;
}
.promo_row {
  border-bottom:1px solid #0000ff;
}