/* CSS Document */
* { padding: 0px; margin: 0px; }
body { font-family: "Arial", "宋体"; font-size: 12px; background: url(Images/Background.jpg); }
input.text { width: 80px; }
input.button { width: 80px; }

/* framework */
#container { width: 1004px; margin: 0px auto; background: url(Images/LeftBar.jpg) repeat-y; }

/* left wrap */
#frmLeft { width: 200px; float: left; color: #fff; text-align: center; overflow: hidden; }
    #frmLeft h2 { font-size: 12px; font-weight: bold; line-height: 25px; width: 200px; background: #2271d6; color: #fff; }
#logo img { vertical-align: top; border: 0px; }
#logon { color: #000; background: #ccc; height: 91px; overflow: hidden; }
    #logon form { margin: 10px auto; }
    #logon .title { text-align: right; }
    #logon .input { text-align: left; }

/* product categoies */
#productCategories { text-align: left; }
    #productCategories ul { list-style: none; line-height: 25px; text-align: left; font-weight: bold; font-size: 14px; background: #ccc; color: #000; margin-bottom: 4px; }
        #productCategories ul ul { line-height: 20px; font-size: 12px; font-weight: normal; background: url(Images/LeftBar.jpg) repeat-y; margin: 0px; }
        #productCategories ul li { min-height: 25px; border: #cc0001 solid 4px; border-bottom: none; }
            #productCategories ul li li { min-height: 20px; border: 0; }
        #productCategories ul a { margin-left: 5px; text-decoration: none; color: #000; line-height: 25px; font-weight: bold; }
        #productCategories ul ul a { margin-left: 15px; line-height: 20px; font-weight: normal; color: #fff; }
        #productCategories ul a:hover { text-decoration: none; color: blue; }
        #productCategories ul ul a:hover { text-decoration: underline; color: #fff; }
        #productCategories ul span { line-height: 25px; font-weight: normal; margin-left: 15px; }

#partnerListing #imageListing { margin: 10px 0px; }
    #partnerLIsting #imageListing img { vertical-align: top; }

/* right wrap */
#frmMain { width: 803px; float: right; overflow: hidden; border-left: solid 1px #ccc; }

#banner { background: #2271d6 url(Images/BannerBg.jpg); clear: both; height: 225px; overflow: hidden; }
    #banner #imgPlayer { float: left; width: 803px; overflow: hidden; clear: left; }

    #banner #imgList { position: absolute; }
        #banner #imgList ul { list-style: none; padding: 0px; margin: 0px; }
        #banner #imgList li { width: 803px; height: 225px; overflow: hidden; display: none; list-style: none; padding: 0px; margin: 0px; }
        #banner #imgList img { width: 803px; height: 225px; border: 0px; }

#navbar { clear: both; height: 25px; margin: 1px 0px; background: #cc0001; }
    #navbar ul { list-style: none; }
    #navbar li { float: left; list-style: none; }
        #navbar li a { float: left; line-height: 25px; font-size: 14px; font-weight: bold; padding: 0px 31px; color: #fff; text-align: center; text-decoration: none; }
            #navbar li a:hover { background: #FF6600; }
        #navbar li span { line-height: 25px; color: #fff; }

/* content */
#content { clear: both; width: 802px; background: url(Images/Background.jpg); }
#imageBar { background: #2271d6 url(Images/Banner.jpg) no-repeat; height: 61px; }
#aboutFeetek { float: left; width: 618px; line-height: 1.5em; }
    #aboutFeetek .wrap { margin: 10px; }

/* recommend product */
#recommendProduct { float: right; width: 182px; border: solid 1px #6d929b; background: #fff; }
    #recommendProduct .wrap { margin: 1px; background: #ccc; }
    #recommendProduct h2 { font-size: 12px; font-weight: bold; line-height: 25px; background: #2271d6; color: #fff; text-align: center; }
    #recommendProduct img { border: 0px; vertical-align: top; margin: 10px; width: 100px; height: 100px; }
    #recommendProduct input.button { width: 50px; margin: 2px 5px; }
    #recommendProduct table { border-top: solid 1px #fff; }
    #recommendProduct .name { padding: 5px; font-weight: bold; }
    #recommendProduct .feature { padding: 5px; }

/* product list */
#productList td.title { font-weight: bold; text-align: right; }
#productList td.input { padding: 0px 5px; }
#productList .image { background-color: #fff; border: 1px solid #666; margin: 0px; width: 120px; height: 120px; }
#productList .red { color: red; }

/* product info */
#productInfo table { margin: 10px auto; font-weight: bold; font-size: 12px; border: solid 1px #ccc; width: 450px; }
#productInfo td.title { background: #2271d6; padding: 2px 10px; color: #000; }
#productInfo td.text { background: #cc0001; padding: 2px 10px; color: #fff; }
div.picture { margin: 10px; text-align: center; }
    div.picture img { width: 400px; height: 400px; border: 1px solid #ccc; }
    div.picture div.button { margin: 10px; }

/* Press List */
#press { margin: 10px; }
    #press h2 { text-align: center; font-size: 14px; font-weight: bold; border-bottom: solid 1px #999; line-height: 40px; }
    #press h3 { text-align: right; font-size: 12px; font-weight: bold; line-height: 25px; }
    #press table { border: solid 1px #ccc; background: #fff; margin: 20px auto; }
        #press table th { text-align: left; line-height: 25px; background: #2271d6; }
            #press table th a { text-decoration: none; color: #fff; margin-left: 1em; }
                #press table th a:hover { color: #f00; }
        #press table td { background: #ccc; padding: 5px; }
            #press table td a { text-decoration: none; color: #000; margin-left: 1em; }
                #press table td a:hover { color: #f00; }
            #press table td img { vertical-align: middle; border: 0px; text-align: center; }

/* footer */
#footer { width: 1004px; clear: both; background: #2271d6; color: #fff; line-height: 20px; margin-top: 1px; }