@charset "utf-8";
/* CSS Document */

BODY {
margin: 0px 0px 0px;
 background: white;
}

h1{
 FONT-SIZE: 18px;
  COLOR: black;
  FONT-FAMILY: arial;
}

DIV.mainbody {
  FONT-SIZE: 13px;
  COLOR: black;
  FONT-FAMILY: arial;
  WIDTH: 874px; 
  margin-left:auto;
  margin-right:auto;
}

DIV.topmenu{
 background: url("./images/MenuBack.jpg") repeat-y center;
 width: 837px;
 height: 21px;
 color: white;
font-family: arial;
font-size : 14px;
font-weight: bold;
 padding-top: 0px;
 padding-left: 10px;
}

.forminput{
color: #0b196b;
font-family: arial;
font-size : 10px;
font-weight: bold;
}

.formsearch{
color: #0b196b;
font-family: arial;
font-size : 10px;
border: 1px solid #006;
}


DIV.logoarea{
 background: url("./images/LeamonHeader.jpg") repeat-y center;
 width: 847px;
 height: 91px;

}

DIV.maincontent {
background: url("./images/middleArea.jpg") repeat-y center;
WIDTH: 874px;
height: 385px;
}

DIV.maincontent2 {
background: #ede9de;
width:817px;
padding-left: 15px;
padding-top: 15px;
padding-right: 15px;
}

DIV.maincontent3 {
background: #ede9de;
width:847px;
padding-top: 15px;
}

DIV.leftContent {
float: left;
WIDTH: 530px;
height: 356px;
}


DIV.rightContent {
float: left;
}

DIV.clickBar{
background: url("./images/ClickHerebar.jpg") no-repeat center;
width: 847px;
height: 20px;

}

DIV.bottomArea{
background: #ede9de;
height:519px;
width:847px;
}

DIV.container{
margin-left: 12px;
margin-top:12px;
float: left;
background: url("./images/prodListBox.jpg") no-repeat;
width: 266px;
height: 212px;
}

DIV.viewAll{
 color: #0c1125;
font-family: arial;
font-size : 10px;
margin-left: auto;
margin-right: auto;
font-weight: bold;
text-align: center;
padding-top: 20px;
}

DIV.fadeLine{
background: url("./images/fadeLine.jpg") no-repeat;
width: 824px;
height: 23px;
margin-left: auto;
margin-right: auto;
}


DIV.conTitle{
color: #0c1125;
font-family: arial;
font-size : 14px;
font-weight: bold;
padding-top: 8px;
padding-left: 10px;
padding-bottom: 10px;
}

DIV.rightWording{
color: white;
font-family: arial;
font-size : 18px;
font-weight: bold;
padding-top: 10px;
padding-left: 10px;
}

DIV.LeamonYellow{
color: #fcc007;
font-family: arial;
font-size : 18px;
font-weight: bold;
font-style:italic;
}

DIV.rightList{
color: white;
font-family: arial;
font-size : 14px;
font-weight: bold;
padding-left: 39px;
padding-top: 22px;
line-height: 17px;
}

DIV.rightMore{
color: #f1d789;
font-family: arial;
font-size : 14px;
font-weight: bold;
padding-left: 39px;
padding-top: 22px;
width: 120px;
}

DIV.conProduct{
color: black;
font-family: arial;
font-size : 12px;
font-weight: bold;
padding-top: 3px;
padding-left: 10px;
}

DIV.clear{
DISPLAY: block;
CLEAR:both;
}

DIV.footer{
background: #ede9de;
width:847px;
}

DIV.footerNav{
float: left;
padding-top: 3px;
padding-left: 15px;
color: #0c1125;
font-family: arial;
font-size : 12px;
WIDTH: 403px;
}

DIV.footerRight{
float: right;
text-align:right;
padding-top: 3px;
padding-right: 15px;
color: #0c1125;
font-family: arial;
font-size : 12px;
WIDTH: 300px;
}


A.headerlink:link {
text-decoration: none;
color: white;
font-family: arial;
font-size : 14px;
}

A.headerlink:visited {
text-decoration:  none;
color: white;
font-family: arial;
font-size : 14px;
}


A.headerlink:hover {
color: #fadb0e;
font-family: arial;
font-size : 14px;
 }

A.headerlink:active {
color: #fadb0e;
font-family: arial;
font-size : 14px;
}

A.footlink:link {
text-decoration: none;
color: #0c1125;
font-family: arial;
font-size : 12px;
}

A.footlink:visited {
text-decoration:  none;
color: #0c1125;
font-family: arial;
font-size : 12px;
}


A.footlink:hover {
color: #1e2645;
font-family: arial;
font-size : 12px;
text-decoration: underline;
 }

A.footlink:active {
color: #1e2645;
font-family: arial;
font-size : 12px;
text-decoration: underline;
}

A.prodlink:link {
font-weight: bold;
text-decoration: none;
color: black;
font-family: arial;
font-size : 12px;
}

A.prodlink:visited {
font-weight: bold;
text-decoration:  none;
color: black;
font-family: arial;
font-size : 12px;
}


A.prodlink:hover {
font-weight: bold;
color: black;
font-family: arial;
font-size : 12px;
text-decoration: underline;
 }

A.prodlink:active {
font-weight: bold;
color: black;
font-family: arial;
font-size : 12px;
text-decoration: underline;
}

A.smalllink:link {
font-weight: bold;
text-decoration: none;
color: #0c1125;
font-family: arial;
font-size : 10px;
}

A.smalllink:visited {
font-weight: bold;
text-decoration:  none;
color: #0c1125;
font-family: arial;
font-size : 10px;
}


A.smalllink:hover {
font-weight: bold;
color: #0c1125;
font-family: arial;
font-size : 10px;
text-decoration: underline;
 }

A.smalllink:active {
font-weight: bold;
color: #0c1125;
font-family: arial;
font-size : 10px;
text-decoration: underline;
}

A.morelink:link {
color: #f1d789;
font-family: arial;
font-size : 14px;
font-weight: bold;
text-decoration: none;
font-style:italic;
}

A.morelink:visited {
color: #f1d789;
font-family: arial;
font-size : 14px;
font-weight: bold;
text-decoration: none;
font-style:italic;
}


A.morelink:hover {
color: #f1d789;
font-family: arial;
font-size : 14px;
font-weight: bold;
text-decoration: underline;
font-style:italic;
 }

A.morelink:active {
color: #f1d789;
font-family: arial;
font-size : 14px;
font-weight: bold;
text-decoration: underline;
font-style:italic;
}