ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

ul, li{list-style: none;}

.clearfix:after {
	content: ".";
   	display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* HTML .clearfix {height: 1%; display: block;}
/* End hide from IE-mac */


a
{
  text-decoration: none;
  color:#6DAE12;
}

a:hover
{
  text-decoration: underline;
}

body, td
{
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  background-color: #fff;
}

body
{
  width: 760px;
  margin: 0 auto;
}

#topNavi {
    background-image: url(../images/head.png);
    width: 760px;
    height: 64px;
    margin: 0 0 10px 0;
}
#topNavi ul{
    padding: 3px 0 0 40px;
}
#topNavi li{
    float: left;
    height: 15px;
    color: #603F09;
    width: 70px;
    text-align: center;
    padding: 0 5px;
    background: url(../images/topNaviSeparator.png) top right no-repeat;
}
#topNavi li a{ color: #603F09; }

#topNavi #sbi{
    margin: 11px 0 0 170px;
    width: 265px;
    float: left;
}

#topNavi #submit{
    margin: 11px 0 0 10px;
    float: left;
}
#topNavi #searchOptions{
    margin: 14px 0px 0 10px;
    float: left;
}

#topNavi #searchOptions input{
    margin: 1px 0 0 5px;
    padding: 0;
    height: 15px;
    width: 15px;
    float: left;
}

#topNavi #searchOptions span{
    margin: 0px 10px 0 5px;
    float: left;
}

#leftNaviContainer{
    width: 185px;
    float: left;
    overflow: hidden;
}

#leftNavi {
    background-image: url(../images/leftNavi.png);
    position: relative;
    z-index: 1;
    width: 185px;
    min-height: 658px;
}
#leftNavi #overlay{
    background-image: url(../images/leftNaviOverlay.png);
    height: 658px;
    width: 185px;
    z-index: 2;
}
#leftNaviContent{
    margin: -650px 10px 0 10px;
    position: relative;
    z-index: 3;
    color: white;
}
#leftNaviContent a{ color: white; }
#leftNavi li{
    list-style: none;
}
#leftNaviBottom{
    background: url(../images/leftNaviBottom.png) no-repeat;
    height: 11px;
    font-size: 0px;
}
#leftNavi .mainCat{
    font-weight: bold;
    display: block;
}
#leftNavi .subCat{
    display: inline;
    font-weight: normal;
    white-space: nowrap;
}
#leftNavi .active a{ 
    font-weight: bold; 
}
#leftNavi .separator{
    border-bottom: 1px solid #8CDD73;
    border-top: 1px solid #588B0F;
    margin: 3px 0;
}

#rightContent{
    width: 565px;
    margin: 0 0 0 10px;
    float: left;
    overflow: hidden;
}


#breadcrumb {
    width: 557px;
    height: 20px;
    background: url(../images/breadcrumb.png) no-repeat;
    color: #616161;
    padding: 4px 0 0 8px;
    margin: 0 0 10px 0;
    overflow: hidden;
    white-space: nowrap;
}
#breadcrumb a { color: #616161; }

.contentBlock .tab{
    background: url(../images/contentTabLeft.png) no-repeat;
    height: 20px;
    padding: 0 0 0 22px;
    margin: 0 0 0 20px;
}
.contentBlock .tab h1,
.contentBlock .tab h2{
    background: url(../images/contentTabRight.png) top right no-repeat;
    height: 17px;
    padding: 3px 22px 0 0;
    font-size: 13px;
    color: white;
    float: left;
    font-weight: bold;
}
.contentBlock .top{
    background: url(../images/contentFrameTop.png) no-repeat;
    height: 9px;
    font-size: 0px;
}
.contentBlock .content{
    background: url(../images/contentFrameMiddle.png) repeat-y;
    padding: 0 10px;
}
.contentBlock .bottom{
    background: url(../images/contentFrameBottom.png) repeat-y;
    height: 9px;
    font-size: 0px;
}
.contentBlock h1,
.contentBlock h2{
    background-color: #6DAE12;
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 0 5px;
    height:16px;
    overflow: hidden;
}
.contentBlock h1 a,
.contentBlock h2 a{ 
    color: white; 
}

.contentBlock h3{
    background-color: #B9B9B9;
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 0 5px;
    height:16px;
    overflow: hidden;
}
.contentBlock h3 a{ color: white; }

.productList li{
    padding: 5px 0 0 0;
    border-top: 1px solid #D5D5D5;
    margin: 5px 0 0 0;
}

.productList .thumb img{
    width: 90px;
    height: 90px;
    float: left;
}
.productList .listContainer{
    width: 450px;
    float: left;
    margin: 0 0 0 5px;
}

.productList .listContainer .price{
    background-color: #F5F5F5;
    height: 29px;
    margin: 1px 0 0 0;
    overflow: hidden;
    padding: 0 5px;
}
.productList .listContainer .description{
    background-color: #F5F5F5;
    height: 34px;
    margin: 1px 0 0 0;
    overflow: hidden;
    padding: 4px 5px 0 5px;
}
.productList .listContainer .productLinks{
    float:right;
    color:#6DAE12;
    margin: 5px 0 0 0;
}
.productList .listContainer .productLinks a{
    color:#6DAE12;
}

.productDetail .detail img{
    width: 180px;
    height: 180px;
    float: left;
}

.productDetail .shop{
    background-color: #F5F5F5;
    height: 29px;
    margin: 1px 0 0 1px;
    overflow: hidden;
    padding: 0 5px;
    width: 273px;
    float: left;
}
.productDetail .price{
    background-color: #F5F5F5;
    height: 29px;
    margin: 1px 0 0 1px;
    overflow: hidden;
    padding: 0 5px;
    width: 273px;
    width: 354px;
    float: left;
}
.productDetail .order{
    background-color: #F5F5F5;
    height: 76px;
    margin: 1px 0 1px 1px;
    overflow: hidden;
    padding: 0 5px;
    width: 273px;
    width: 354px;
    float: left;
}
.productDetail .order a{
    display: block;
    text-align: center;
    margin: 28px 0 0 0;
    font-weight: bold;
    color: #6DAE12;
}
.productDetail .manufacturer{
    background-color: #F5F5F5;
    height: 72px;
    margin: 1px 0 0 1px;
    overflow: hidden;
    padding: 0 5px;
    float: left;
    width: 273px;
    width: 354px;
}

#footer {
    margin: 10px 0 0 0;
    text-align: center;
    color: #848484;
}
#footer li { display: inline; }
#footer a { color: #6DAE12; }
#footer p { 
    display: block;
    margin: 10px 0 10px 0;
}

#prevLinks{
    width: 35px;
    float: left;
}

#pageLinks{
    text-align: center;
    width: 475px;
    float: left;
}

#nextLinks{
    width: 35px;
    float: left;
}
