﻿#desktopWrapper *               { font-family: tahoma,Arial,Helvetica,sans-serif; }
#desktopWrapper                 { background-position: right top; background-color: Transparent; background-repeat: no-repeat; }
.home-wrapper
    #desktopWrapper             { height: 511px; width: 700px; }
.inner-wrapper
    #desktopWrapper             { height: 450px; width: 720px; }
.home-wrapper
    #desktopContent             { padding: 24px 20px 0 28px; }
.inner-wrapper
    #desktopContent             { padding: 21px 15px 0 25px; }
.home-wrapper
    #desktopHeader              { height: 41px; z-index:999; }
.inner-wrapper
    #desktopHeader              { height: 35px; z-index:999; }

/* TABS */
#desktopTabs                    { height: 41px; width: 405px; float: left; margin: 0 0 0 10px; padding: 0; overflow: hidden;  z-index:0}
#desktopTabs li                 { height: 41px; width: 132px; display: inline; float: left; margin: 0 1px; }
#desktopTabs li
    div.tab-wrapper             { height: 41px; width: 132px; cursor: pointer; }
#desktopTabs li
    .tab-wrapper a              { color: #291c10; font-family: Times New Roman; font-size: 21px; text-align: center; line-height: 46px; width: 100%; display: block; }
#desktopTabs li
    div.tab-left-edge,
#desktopTabs li
    div.tab-right-edge          { height: 41px; width: 6px; background: transparent url('/assets/images/tab-edge-grad.png') no-repeat; float: left; }
#desktopTabs li
    div.tab-left-edge           { background-position: top left; }
#desktopTabs li
    div.tab-right-edge          { background-position: top right; }
#desktopTabs li
    div.tab-middle              { height: 41px; width: 120px; background: transparent url('/assets/images/tab-middle-grad.png') repeat-x; float: left; }

#desktopTabs li.hover a,
#desktopTabs li.selected a      { color: #fff; }      

#desktopTabs li.hover
    .tab-left-edge,
#desktopTabs li.hover
    .tab-middle,
#desktopTabs li.selected
    .tab-left-edge,
#desktopTabs li.selected
    .tab-middle                 { background-position: bottom left; }

#desktopTabs .hover
    .tab-right-edge,
#desktopTabs .selected
    .tab-right-edge             { background-position: bottom right; }

#desktopTabs li
    div.tab-right-edge.hover,
#desktopTabs li
    div.tab-right-edge.selected { background-position: bottom right;  }

/* View All Link */
#viewAll                        { height: 30px; padding-right: 30px; float: right; background: url('/assets/images/home/BtnMasPop.gif') no-repeat scroll 100% 0 transparent; }
.home-wrapper
    #viewAll                    { margin-top: -10px; }
.inner-wrapper
    #viewAll                    { position: absolute; right: 20px; }
#viewAllLink                    { font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #231F20; line-height: 30px; text-decoration: none; float: right; }
#viewAllLink:hover              { background-position: 100% 100%; color: #76412A; text-decoration: underline; }


/* Desktop Content */
.home-wrapper
    #desktopBody                { width: 653px; overflow: hidden; top: -1px; }
.inner-wrapper
    #desktopBody                { height: 380px; }

#desktopFlashWrapper            { float: left; margin-top: 0; background-color: #BC966F; background-repeat: no-repeat; background-position: center 0px; }

#desktopSplashImage             { float: left; }
.home-wrapper
    #desktopSplashImage         { margin-top: -1px; width: 530px; height: 300px; }
.inner-wrapper
    #desktopSplashImage         { width: 422px; height: 283px; }

#desktopThumbnailWrapper        { }
#desktopThumbnailWrapper img    { float: left; }
.home-wrapper
    #desktopThumbnailWrapper    { height: 325px; width: 104px; padding: 0; margin: 0; float: right; }
.inner-wrapper
    #desktopThumbnailWrapper    { height: 380px; width: 240px; padding: 0; margin: 0; margin-left: 15px; float: left; overflow: hidden; }

#desktopThumbnailWrapper li     { overflow: hidden; list-style: none; }
.home-wrapper
    #desktopThumbnailWrapper
        li                      { height: 76px; width: 104px; }
.inner-wrapper
    #desktopThumbnailWrapper
        li                      { width: 240px; border-bottom: dotted 1px #cebab5; padding: 14px 0;}

#desktopThumbnailWrapper
    li img                      { border: solid 2px; cursor: pointer; }
.home-wrapper
    #desktopThumbnailWrapper 
        li img                  { border-color: #F7EFE7; width: 100px; height: 70px; }
.inner-wrapper
    #desktopThumbnailWrapper 
        li img                  { border-color: #fff; width: 94px; height: 63px; margin-right: 10px; }
        
#desktopThumbnailWrapper 
    li img.selected             { border-color: #F26346; -moz-border-radius: 4px; }

#desktopThumbnailWrapper 
    li div.item-text            { float: left; width: 130px; height: 67px; overflow: hidden; }
#desktopThumbnailWrapper 
    li div.item-text h3         { font-size: 13px; font-weight: bold; color: #291408; margin: 0; }
#desktopThumbnailWrapper 
    li div.item-text a          { font-size: 11px; display: block; margin-top: 3px; color: #231F20; cursor: pointer; }

.home-wrapper
    #desktopCopy                { width: 530px; float: left; }
.inner-wrapper
    #desktopCopy                { width: 420px; float: left; margin-top: -90px; }
    
    
#desktopCopy h1                 { font-size: 16px; line-height: 20px; }
.home-wrapper
    #desktopCopy h1             { font-size: 16px; line-height: 20px; margin-bottom: 0; }
.inner-wrapper
    #desktopCopy h1             { margin: 0; padding: 0; }

#desktopTitle                   { font-size: 16px; text-decoration: none; font-weight: bold; }
.home-wrapper
    #desktopTitle               { line-height: 30px; }
.inner-wrapper
    #desktopTitle               { line-height: 24px; }


#desktopTitle:hover             { color: #E02E16; }
#desktopDescription             { margin-top: 5px; color: #2C140B; line-height: 18px; }

#viewCurrentItem                { float: right; height: 22px; width: 101px; margin-top: 15px; margin-right: 2px; background: url("/assets/images/home/BtnMainBoxArticle.gif") no-repeat scroll 0 0 transparent; }
#viewCurrentItem:hover          { background-position: 0 -22px; }

