@charset "UTF-8";

/*
===========================================================================
| 			top css
===========================================================================
*/

div.main {
	width: 1000px;
    position: relative;
	overflow:hidden;
}

div.main div#left_container{ width:367px; margin:0 20px 0 10px; float:left}
div.main div#left_container .bc { font-size: 65%; margin:0 0 10px; }
div.main div#left_container .bc a { color: #FFCC33; text-decoration: underline; }
div.main div#left_container p#logoText{ background:url(images/LeftIncludeLogo.jpg) no-repeat; height:312px; text-indent:-9999px;}
div.main div#left_container ul{ width:367px; margin:20px 0;}
div.main div#left_container ul li{ height:29px; width:367px; margin:0 0 7px;}
div.main div#left_container ul li a{ display:block; width:367px; height:29px; text-indent:-9999px; outline:none;}
div.main div#left_container ul li.leftBtn1 { background:url(images/leftBtn_01.gif) top right no-repeat;}
div.main div#left_container ul li.leftBtn1 a:hover{ background:url(images/leftBtn_01.gif) top left no-repeat;}
div.main div#left_container ul li.leftBtn2 { background:url(images/leftBtn_02.gif) top right no-repeat;}
div.main div#left_container ul li.leftBtn2 a:hover{ background:url(images/leftBtn_02.gif) top left  no-repeat;}
div.main div#left_container ul li.leftBtn3 { background:url(images/leftBtn_03.gif) top right no-repeat;}
div.main div#left_container ul li.leftBtn3 a:hover{ background:url(images/leftBtn_03.gif) top left  no-repeat;}

div.main div#right_container{ width:500px; float:left;}
div.main div#right_container div#list_wrapper{ height:103px; width:500px; margin:10px 0 0;}
#right_container div#list_wrapper dl{ height:103px; float:left; text-indent:-9999px;}
#right_container div#list_wrapper dl dt{ height:35px;}
#right_container div#list_wrapper dl dd a{ display:block; height:24px; outline:none;}

#right_container div#list_wrapper dl.rightListL{ background:url(images/rightListL.gif) no-repeat; width:169px; }
#right_container div#list_wrapper dl.rightListL a{ background:url(images/rightListL.gif) no-repeat; width:169px;}
#right_container div#list_wrapper dl dd.L1 a{ background-position:0px -35px; }
#right_container div#list_wrapper dl dd.L1 a:hover{ background-position:-169px -35px; }
#right_container div#list_wrapper dl dd.L2 a{ background-position:0px -59px; }
#right_container div#list_wrapper dl dd.L2 a:hover{ background-position:-169px -59px; }
#right_container div#list_wrapper dl dd.L3 a{ background-position:0px -83px; }
#right_container div#list_wrapper dl dd.L3 a:hover{ background-position:-169px -83px; }

#right_container div#list_wrapper dl.rightListC{ background:url(images/rightListC.gif) no-repeat; width:164px; margin-left:4px}
#right_container div#list_wrapper dl.rightListC a{ background:url(images/rightListC.gif) no-repeat; width:164px;}
#right_container div#list_wrapper dl dd.C1 a{ background-position:0px -35px;}
#right_container div#list_wrapper dl dd.C1 a:hover{ background-position:-164px -35px;}
#right_container div#list_wrapper dl dd.C2 a{ background-position:0px -59px;}
#right_container div#list_wrapper dl dd.C2 a:hover{ background-position:-164px -59px;}
#right_container div#list_wrapper dl dd.C3 a{ background-position:0px -83px;}
#right_container div#list_wrapper dl dd.C3 a:hover{ background-position:-164px -83px;}

#right_container div#list_wrapper dl.rightListR{ background:url(images/rightListR.gif) no-repeat; width:159px; margin-left:4px}
#right_container div#list_wrapper dl.rightListR a{ background:url(images/rightListR.gif) no-repeat; width:159px;}
#right_container div#list_wrapper dl dd.R1 a{ background-position:0px -35px;}
#right_container div#list_wrapper dl dd.R1 a:hover{ background-position:-159px -35px;}
#right_container div#list_wrapper dl dd.R2 a{ background-position:0px -59px;}
#right_container div#list_wrapper dl dd.R2 a:hover{ background-position:-159px -59px;}
#right_container div#list_wrapper dl dd.R3 a{ background-position:0px -83px;}
#right_container div#list_wrapper dl dd.R3 a:hover{ background-position:-159px -83px;}

/*-- Product Line Up Links --*/
.LineupAreaEco { width: 920px; background: url(../common/images/bnr_ttl_Lineup.gif) no-repeat 730px 24px; padding-top: 10px; clear: both; text-align: center; margin-right: auto; margin-left: auto; height: 50px; }
.LineupAreaEco .LineupBanner { width: 720px; float: left; height: 50px; }
.LineupAreaEco .LineupBanner  a { margin-right: 30px; float: right; display: block; }
.LineupAreaEco .LineupLink { width: 165px; float: left; margin-right: 10px; margin-top: 5px; }
.LineupAreaEco .LineupLink a { display: block; height: 30px; width: 165px; text-indent: -9999px; overflow: hidden; }
