/* CSS Document */

@import url(/kubota.css);
@import url(ptitle.css);
@import url(style.css);
@import url(areatitle.css);

body { margin: 0; padding: 0; text-align: center; background-color:#ffffff;}
img { border: 0px;}

/* LIST PAGE */

#listTable table { border: 0px; }
#listTable th { background-color: #2255bb; color: #FFFFFF; font-size: x-small; font-weight: bold; }
#listTable td { padding: 9px;}
#listTable td.left { width: 28%; background-color: #EEEEEE; color: #000000; font-size: x-small; }
#listTable td.right { width: 72%; background-color: #FFFFFF; font-size: x-small; }
#listTable p { float: left; margin-right: 20px;}
#listTable p span { font-size: 8px; margin-right: 5px; color: darkblue; vertical-align: middle;}
#listTable a { text-decoration: underline;}


/* CONTENTS PAGE */

#display { position: relative; margin: 0 auto; padding: 0px; text-align: left; width: 670px; background-color: #FFFFFF; font-size: 12px; line-height: 1.4em;}
#crumbLst { width: 670px; text-align: left;}
.pTitle { text-align: left; margin-bottom: 15px; text-indent: -3333px; }

#key { margin: 5px 0px 15px 0px; padding: 0px 0px 5px 0px;}
.key { width: 670px; color: 2255BB; font-size: 15px; font-weight: bold; border-bottom: 1px dotted #336699;}

#product { width: 670px; }
#product p { float: left;}
#product span { display: none;}
#product #etc { vertical-align: top;}

#pdfArea { margin-top: 10px;}
#catalogue { vertical-align: middle; }
#catalogue a { text-decoration: underline;}
#catalogue .pdf { float: left; padding-right: 5px;}

#price { vertical-align: middle; }
#price a { text-decoration: underline;}
#price .pdf { float: left; padding-right: 5px;}


#links { margin: 0; padding: 0; vertical-align: top;}
#links ol { margin: 0; padding: 0; list-style-type: none;}
#links li { margin: 0 0 5px 0; padding: 0; list-style-type: none;}
#links a { display: block; width: 120px; height:20px; text-indent: -3333px;}
#links a:hover { background-position: 0px -20px;}

#Acc a { background: url(../img/li_accessory.gif) no-repeat; }
#Det a { background: url(../img/li_detergent.gif) no-repeat; }
#Set a { background: url(../img/li_setting.gif) no-repeat; }

#detail { width: 670px; margin: 0 0 15px 0;}
#detail p { padding-left: 17px; margin-top: 5px; vertical-lign: top; background: url(../img/point.gif) no-repeat; background-position: 0px 3px;}
#detail p img { border: 1px solid #666666;}
#detail span { font-weight: bold; font-size: 13px; color: #336699;}

#Area1 { width: 670px;}
#Area1 table { border: 0px;}
#Area1 th { padding: 4px 7px 3px 7px; font-weight: bold; font-size: 12px;}
#Area1 td { padding: 3px 7px 2px 7px; }

#Area2 { width: 670px;}
#Area2 table { border: 0px;}
#Area2 th { padding: 4px 7px 3px 7px; font-weight: bold; font-size: 12px;}
#Area2 td { padding: 3px 7px 2px 7px; }

#Area3 { width: 670px;}

#anchor { width: 670px; text-align: right;}

#copyright { width: 670px; }
.copyright { padding: 15px 0px 10px 15px; margin: 50px 0px 0px 0px;border-top: 1px solid #999999; border-bottom: 4px solid #003399;}
.copyright span { color: #999999;}




#photoArea { width: 670px; height: 100%;}
#photoArea table { border: 0px; width: 670px; text-align: left;}
#photoArea td { width: 670px; text-align: left; vertical-align: top;}
#photoArea td { padding-top: 10px;}
#photoArea td img { border: 0px; margin-right: 10px; vertical-align: top;}