html, body {
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
}

form {
    margin: 0;
    padding: 0;
}

#container {
    width: 890px;
    background: white;
    overflow: visible;
    min-width: 250px;
    clear: both !important;
    top: 1em !important;
    margin: 0 auto;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.tableindex {
    margin: 0 auto;
}

.tabtitle {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}

.tabtitle:link {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}

.tabtitle:visited {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}

.tabtitle:hover {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #FFC;
    text-decoration: none;
}

.info {
    font-family: Verdana;
    font-size: 11px;
    color: #333;
    text-decoration: none;
}

.info:link {
    font-family: Verdana;
    font-size: 11px;
    color: #333;
    text-decoration: none;
}

.info:visited {
    font-family: Verdana;
    font-size: 11px;
    color: #333;
    text-decoration: none;
}

.info:hover {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    text-decoration: none;
}

.info:active {
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
}

a.info:hover {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    text-decoration: underline;
}

a.info:active {
    font-family: Verdana;
    font-size: 11px;
    color: blue;
    text-decoration: underline;
}

.info_head {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    text-decoration: none;
}

a.info_head:link {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    text-decoration: none;
}

a.info_head:visited {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    text-decoration: none;
}

a.info_head:active {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    text-decoration: none;
}

a.info_head:hover {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    text-decoration: underline;
}

.infob {
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    color: #666;
    text-decoration: none;
}

.price {
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #990;
    text-decoration: none;
}

.border {
    border: 1px solid #CCC;
}

.more {
    font-family: tahoma;
    font-size: 11px;
    color: #C60;
    text-decoration: underline;
}

.more:link {
    font-family: tahoma;
    font-size: 11px;
    color: #C60;
    text-decoration: underline;
}

.more:visited {
    font-family: tahoma;
    font-size: 11px;
    color: #C60;
    text-decoration: underline;
}

.more:hover {
    font-family: tahoma;
    font-size: 11px;
    color: #F60;
    text-decoration: none;
}

.more_bigger {
    font-family: tahoma;
    font-size: 12px;
    color: #C60;
    text-decoration: underline;
}

.more_bigger:link {
    font-family: tahoma;
    font-size: 12px;
    color: #C60;
    text-decoration: underline;
}

.more_biggermore:visited {
    font-family: tahoma;
    font-size: 12px;
    color: #C60;
    text-decoration: underline;
}

.more_bigger:hover {
    font-family: tahoma;
    font-size: 12px;
    color: #F60;
    text-decoration: none;
}

.prodetail {
    font-family: Verdana;
    font-size: 10px;
    color: #666;
    text-decoration: none;
}

#tblShipping {
    text-align: center;
}

.prodetailpay {
    font-family: Verdana;
    font-size: 10px;
    color: #666;
    text-decoration: none;
    text-align: center;
}

.proheading {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    text-decoration: none;
}

.proheading img {
    width: 15px;
    height: 15px;
    cursor: pointer;
    border: 0 solid #CCC;
}

.proheading td {
    height: 15px;
    border: 1px solid #CCC;
}

.inputbox {
    background-color: #FDFCF3;
    border: 1px solid #C0BFB6;
}

.highlight {
    font-family: tahoma;
    font-size: 11px;
    color: #333;
    text-decoration: underline;
}

.categoryname {
    font-family: tahoma;
    font-size: 11px;
    color: #C60;
    text-decoration: none;
}

.framebrd {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #E0E0E0;
    border-bottom-color: #E0E0E0;
    border-left-color: #E0E0E0;
}

.footerlink {
    font-family: tahoma;
    font-size: 11px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

.highlight1 {
    font-family: tahoma;
    font-size: 11px;
    color: #390;
    text-decoration: none;
}

.highlight2 {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #384593;
    text-decoration: none;
}

.highlight2:link {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #384593;
    text-decoration: none;
}

.highlight2:visited {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #384593;
    text-decoration: none;
}

.highlight2:hover {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #384593;
    text-decoration: none;
}

.highlight3 {
    font-family: tahoma;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

.highlight3:link {
    font-family: tahoma;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

.highlight3:visited {
    font-family: tahoma;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

.highlight3:hover {
    font-family: tahoma;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

.leftbrd {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCC;
}

.topbrd {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCC;
}

.big_heading {
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    color: #F60;
    text-decoration: none;
}

.laminated {
    border-top: solid 3px #666;
    border-left: solid 3px #666;
    border-bottom: solid 3px #333;
    border-right: solid 3px #333;
}

.error_msg {
    font-family: Verdana;
    font-size: 10px;
    color: #f00;
    text-decoration: none;
}

.star {
    font-family: Verdana;
    font-size: 10px;
    color: #F00;
    text-decoration: none;
}

.button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #666;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #666;
}

#overlay {
    background-image: url(/images/overlay.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 100%;
}

* html #overlay {
    background-color: #333;
    background-color: transparent;
    background-image: url(blank.gif);
}

#box {
    width: 300px;
    background: #2d2d2d;
    padding: 10px;
    border: 2px solid #eee;
}

#close {
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
}

#loader_container {
    text-align: center;
    position: absolute;
    top: 40%;
    width: 100%;
}

#loader {
    font-family: Tahoma, Helvetica, sans;
    font-size: 10px;
    color: #000;
    background-color: #FFF;
    padding: 10px 0 16px 0;
    margin: 0 auto;
    display: block;
    width: 135px;
    border: 1px solid #6A6A6A;
    text-align: left;
    z-index: 255;
}

#progress {
    height: 5px;
    font-size: 1px;
    width: 1px;
    position: relative;
    top: 1px;
    left: 10px;
    background-color: #9D9D94;
}

#loader_bg {
    background-color: #EBEBE4;
    position: relative;
    top: 8px;
    left: 8px;
    height: 7px;
    width: 113px;
    font-size: 1px;
}

.title_h2 {
    width: 300px;
    padding: 12px 0 0 18px;
}

.border_preview {
    z-index: 100;
    position: absolute;
    border: 1px solid #444;
    color: #4b4b4b;
    font-size: 11px;
    text-align: left;
    background-color: white;
}

.preview_temp_load {
    vertical-align: middle;
    text-align: center;
}

.preview_temp_load img {
    vertical-align: middle;
    text-align: center;
    border: 1px solid #D0E5F3;
    margin: 8px 3px 15px 3px;
}

.newsticker {
    list-style-type: none;
    border: 1px solid #000;
    background: #FFF;
    padding: 3px;
    margin: 0;
}

#stylefourmain {
    position: relative;
    display: block;
    height: 39px;
    font-size: 11px;
    font-weight: bold;
    background: transparent url(/images/bgOFF.gif) repeat-x top left;
    font-family: Arial, Verdana, Helvitica, sans-serif;
    border-top: 4px solid #384593;
}

#stylefour {
    float: right;
    padding-right: 50px;
}

#stylefour ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: auto;
}

#stylefour ul li {
    display: block;
    float: left;
    margin: 0;
}

#stylefour ul li a {
    display: block;
    float: left;
    color: #666;
    text-decoration: none;
    padding: 11px 20px 0 20px;
    height: 23px;
    background: transparent url(/images/bgDIVIDER.gif) no-repeat top right;
}

#stylefour ul li a:hover, #stylefour ul li a.current {
    color: #B30000;
    background: #fff url(/images/bgON.gif) no-repeat top right;
}

.PageContainer {
    width: 70.9em;
    min-width: 780px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.gBkLt {
    background-color: #be9440;
}

.gTxtLt {
    color: #E7E2D9;
}

.gBkMd {
    background-color: #CDC2B1;
}

.gTxtMd {
    color: #CDC2B1;
}

.gBkDk {
    background-color: #4C3327;
}

.gTxtDk {
    color: #FFF;
}

.gTxtGray {
    color: #666;
}

.gTxtBlue {
    color: #e8e8e8;
}

.gTxtBlue a:hover {
    color: #e8e8e8;
    text-decoration: underline;
}

.gTxtLt a:hover, .gTxtMd a:hover, .gTxtDk a:hover, .gTxtDkHover, .gTxtGray a:hover {
    color: #e8e8e8;
}

.floatLeft {
    float: none;
    border: solid 1px #CCC;
    text-align: left;
}

.floatRight {
    float: right;
}

.clear {
    clear: both;
}

.inline {
    display: inline;
    margin: 0;
    padding: 0;
}

.gButton {
    border: double #FFF;
    padding: 2px 0 2px 4px;
    padding-right: 23px;
    #padding-right: 18px;
    color: #FFF;
    font-family: Verdana;
    text-transform: uppercase;
    white-space: nowrap;
}

#gButtonLink {
    color: #FFF;
    text-decoration: none;
}

.gArrowButtonLarge {
    background-image: url(http://artfiles.art.com/images/pub/gButtons/arrowLg.gif);
    background-position: 99% 55%;
    #background-position: 96% 50%;
    background-repeat: no-repeat;
    font-size: 12px;
    font-weight: bold;
}

.gArrowButtonSmall {
    background-image: url(http://artfiles.art.com/images/pub/gButtons/arrowSm.gif);
    background-position: 99% 55%;
    #background-position: 96% 50%;
    background-repeat: no-repeat;
    font-size: 11px;
    font-weight: bold;
}

.CenterModule_Title {
    text-align: center;
    font: 21px Georgia, 'Times New Roman', Times, serif;
    line-height: 150%;
}

.CenterModule_Box {
    border: 1px solid #BBB;
}

.gNoShowList {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

* html .borderFix {
    height: 1%;
}

#HM_Left {
    float: left;
    margin-right: 4px;
    min-width: 147px;
    width: 13.36em;
}

#HM_Main {
    float: right;
}

.cPointer {
    cursor: pointer;
}

#HeaderWelcome {
    text-align: right;
    font-weight: bold;
    color: #666;
}

#HeaderLogo {
    position: absolute;
    left: 10px;
}

#HeaderPromo {
    float: left;
    text-align: left;
    width: auto;
    height: 54px;
    width: 160px;
    padding-left: 243px;
}

#HeaderRight {
    float: right;
}

#HeaderCart {
    float: left;
    text-transform: uppercase;
    text-align: center;
    margin-right: 20px;
    font-size: 10px;
    line-height: 100%;
}

.PhoneHeader {
    float: left;
    color: #666;
    text-align: center;
    text-transform: uppercase;
    width: 10em;
    margin-right: 20px;
    margin-top: 12px;
    font-size: 10px;
}

.PhoneHeader_Top {
    border-bottom: 1px solid #999;
    padding-bottom: 3px;
    white-space: nowrap;
}

.PhoneHeader_Bottom {
    margin-top: 3px;
    white-space: nowrap;
    font-weight: bold;
    font-size: 11px;
}

.cartImage {
    display: block;
    margin-left: 3px;
    margin-top: 11px;
    margin-bottom: 8px;
}

#HeaderMyLinks {
    float: left;
    text-transform: uppercase;
    padding-top: 7px;
    line-height: 15px;
    padding-right: 12px;
    font-size: 10px;
}

#HeaderBar {
    color: #FFF;
    background-color: #4C3327;
    padding: 0 12px 0 0;
}

#HeaderBar #SearchForm {
    display: inline;
    margin: 0;
    padding: 0;
}

#HeaderBar #SearchSubmit {
    position: absolute;
}

#AdvancedSearch {
    display: inline;
    position: absolute;
    margin-left: 32px;
    #margin-left: 25px;
    font-size: 10px;
    line-height: 105%;
}

#HeaderBarLeft {
    float: left;
    width: 42em;
}

#HeaderBarLeftSearch {
    margin: 5px 0 5px 10px;
}

#HeaderBarRight {
    float: right;
    padding-top: 10px;
}

.paddedDivider {
    font-size: 10px;
    padding: 0 .5em 0 .5em;
}

#HeaderBar a {
    color: #FFF;
    text-decoration: none;
}

#HeaderBar a:hover, #HeaderBar .advSearch {
    color: #FFF;
    text-decoration: underline;
}

#HeaderRight a {
    color: #666;
    text-decoration: none;
}

#HeaderRight a:hover {
    color: #e8e8e8;
    text-decoration: underline;
}

#HeaderWelcome a {
    color: #666;
    text-decoration: none;
}

#HeaderWelcome a:hover {
    color: #e8e8e8;
    text-decoration: underline;
}

.linkForm {
    color: #666;
    text-decoration: none;
    cursor: pointer;
}

.linkFormHover {
    color: #e8e8e8;
    text-decoration: underline;
    cursor: pointer;
}

#HeaderBar .advSearch {
    text-decoration: underline;
    cursor: pointer;
}

#Header #LocalizedHeader {
    padding: 5px;
    cursor: pointer;
    font-weight: bold;
}

#Header .LocalizedHeaderHover {
    text-decoration: underline;
    color: #e8e8e8;
}

#Header .HeaderFlag {
    margin-left: 10px;
    margin-right: 10px;
}

.GlobalHeader {
    margin-bottom: 4px;
}

body {
    top: 3px;
}

#GlobalLeftNavBox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    max-width: 180px;
    width: auto;
}

.GlobalLeftNavHeader {
    font-weight: bold;
    padding-left: 13px;
    line-height: 200%;
    min-width: 130px;
}

#GlobalLeftNavBox ul {
    list-style-type: none;
    padding: 4px 0 16px 0;
    margin: 0;
}

#GlobalLeftNavBox li {
    margin: 0 0 0 13px;
    padding: 0;
    line-height: 167%;
    #line-height: 162%;
    #margin-top: 1px;
    #margin-bottom: 1px;
}

#GlobalLeftNavBox .more {
    font-weight: bold;
}

#GlobalLeftNavBox a {
    color: #4C3327;
    text-decoration: none;
}

#GlobalLeftNavBox a:hover {
    color: #e8e8e8;
    text-decoration: underline;
}

.GlobalLeftNavHeader a {
    display: block;
    width: 100%;
}

#FooterModules .Module {
    float: left;
    min-height: 50px;
    height: 4.54em;
    margin-right: 2px;
    text-align: center;
    cursor: pointer;
}

#FooterModules .CenterModule {
    min-width: 106px;
    width: 9.63em;
}

#FooterModules #LeftModule, #FooterModules #LeftModule_a {
    min-width: 146px;
    width: 13.27em;
}

#FooterModules #LeftModule_a {
    display: none;
}

#FooterModules #NewsletterModule {
    min-width: 307px;
    width: 27.9em;
    margin-right: 0;
    cursor: default;
}

#FooterModules .FooterModuleHeading {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    margin-top: 10px;
    padding: 0;
    text-transform: lowercase;
}

#FooterModules .FooterModuleSubText {
    font-family: Arial;
    font-size: 8px;
    margin-top: 3px;
    padding: 0;
    line-height: 100%;
    text-transform: uppercase;
    color: #666;
}

#FooterModules .newsLetterFooter {
    float: left;
    line-height: 100%;
    margin-left: 5px;
}

#FooterModules .FooterModuleBox {
    float: left;
    text-align: left;
    margin: 3px 0 0 10px;
}

#FooterModules #NewsletterForm {
    display: inline;
    margin: 0;
    padding: 0;
}

#FooterModules #NewsletterSubmit {
    position: absolute;
    padding-left: 3px;
}

#FooterModules #email {
    width: 14em;
    min-width: 140px;
    font-size: 10px;
    height: 20px;
}

#FooterModules .newsLetterFooterError {
    font-size: 10px;
    color: #ED1C24;
    font-weight: bold;
    margin-bottom: 2px;
    visibility: hidden;
}

#FooterLinks {
    padding-top: 10px;
    text-align: center;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
}

#FooterPhone {
    padding-top: 10px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

#FooterCopy, #MagazineCopy {
    padding-top: 16px;
    text-align: center;
    font-size: 10px;
    color: #666;
}

#hackerSafe {
    position: relative;
    bottom: 20px;
    text-align: right;
    margin-right: 14px;
}

.paddedLinkDivider {
    padding: 0 5px 0 5px;
}

.paddedPhoneDivider {
    padding: 0 10px 0 10px;
}

#FooterModules .blockLinks {
    text-decoration: none;
}

#FooterModules .FooterModuleSwapText {
    display: none;
    font-size: 9px;
    color: #000;
    margin: 0;
    vertical-align: middle;
}

#FooterLinks a {
    color: #666;
    text-decoration: none;
}

#FooterLinks a:hover {
    color: #e8e8e8;
    text-decoration: underline;
}

.GlobalFooter {
    padding-top: 4px;
}

#HomepageContainer {
    font-size: 10px;
    min-width: 629px;
    width: 62.9em;
}

#HomepageTopBlock {
    background: #E4D7AD;
    #width: 62.9em;
}

#HomepageTopBlock .Links {
    text-transform: uppercase;
    margin: 25px 0 0 100px;
    font-size: 13px;
    font-weight: bold;
}

#HomepageTopBlock .Link {
    text-decoration: none;
    line-height: 160%;
}

.HomepageRow {
    font-size: 10px;
    min-width: 629px;
    width: 62.9em;
    #width: 629px;
}

.HomepageFeatureBox {
    font-size: 10px;
    min-width: 311px;
    width: 31.1em;
    min-height: 173px;
    height: 20.72em;
    border: 1px solid #BBB;
    position: relative;
    float: left;
    margin-top: 4px;
    #min-width: 313px;
    #width: 31.3em;
}

.Left {
    margin-right: 3px;
}

.HomepageFeatureBoxHeading {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 21px;
    text-transform: lowercase;
    text-align: center;
    width: 100%;
    line-height: 150%;
}

.HomepageFeatureBoxText {
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 7px 0 0 7px;
    width: 165px;
    height: 135px;
    position: absolute;
}

.HomepageFeatureBoxTextNoPadding {
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 0;
    width: 156px;
    height: 135px;
    position: absolute;
}

.HomepageFeatureBoxBelowImage {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    margin-left: 50px;
}

.HomepageFeatureBoxText p {
    color: 666666;
    line-height: 150%;
}

.HomepageFeatureBoxImage {
    float: right;
    padding-top: 15px;
    padding-right: 5px;
    vertical-align: middle;
}

#HomepageContainer ul {
    list-style-type: none;
    padding: 7px 0 0 7px;
    margin: 0;
}

#HomepageContainer li {
    margin-bottom: 6px;
}

#HomepageContainer .more {
    position: absolute;
    bottom: 7px;
    margin-left: 7px;
    padding: 0;
}

.HomepageFeatureBoxText a, .HomepageFeatureBoxBelowImage a {
    color: #666;
    text-decoration: none;
}

.HomepageFeatureBoxText a:hover, .HomepageFeatureBoxBelowImage a:hover {
    text-decoration: underline;
}

.HomepageFeatureBoxHeading a:hover {
    text-decoration: none;
}

#HomepageContainer a:hover {
    color: #e8e8e8;
}

.HomepageFeatureBoxHeading a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #FFF;
}

#HolidayNoLonger {
    border: 1px solid #4C3327;
    padding: 4px;
    margin: 5px 0 5px 0;
    text-align: center;
    color: #C00;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#HolidayInfoHeader {
    float: left;
    padding-right: 20px;
    margin-top: -3px;
    #margin-top: 0;
}

.gTxtHomepageTitleLinks {
    color: #FFF;
}

.gTextPromotional {
    color: #FFF;
}

.gBkPromotional {
    background-color: #600E4A;
}

.primary_buttons {
    width: 14em;
    color: #FFF;
    margin: 0 7px 3px 0;
    border: 1px solid #fff;
    text-transform: uppercase;
    background-image: url('http://artfiles.art.com/images/pub/buttons/arrow16.gif');
    background-repeat: no-repeat;
    background-position: center right;
    font-size: 10px;
}

.primary_buttons .txtlabel {
    text-align: center;
    color: #FFF;
    line-height: 130%;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #fff;
    cursor: pointer;
    margin: 1px;
    padding: 5px 10px 5px 0;
}

.btns_brown {
    background-color: #4c3327;
}

.btns_brown_over {
    background-color: #e8e8e8;
}

.btns_drkblue {
    background-color: #414d5b;
}

.btns_drkblue_over {
    background-color: #e8e8e8;
}

.shoppingcart {
    width: 100%;
}

.wrap0, .wrap1, .wrap2, .wrap3 {
    display: inline-table; /* \*/
    display: block; /**/;
}

.wrap0 {
    float: left;
    background: url(/images/shadow.gif) right bottom no-repeat;
}

.wrap1 {
    background: url(/images/shadow180.gif) no-repeat;
}

.wrap2 {
    background: url(/images/corner_bl.gif) -15px 100% no-repeat;
}

.wrap3 {
    padding: 0 10px 8px 0;
    background: url(/images/corner_tr.gif) 100% -15px no-repeat;
}

.listNav {
    margin: 0 0 10px;
}

.ln-letters {
    overflow: hidden;
    margin-left: 50px;
}

.ln-letters a {
    font-size: .9em;
    display: block;
    float: left;
    padding: 2px 6px;
    border: 1px solid silver;
    border-right: none;
    text-decoration: none;
}

.ln-letters a.ln-last {
    border-right: 1px solid silver;
}

.ln-letters a:hover, .ln-letters a.ln-selected {
    background-color: #eaeaea;
}

.ln-letters a.ln-disabled {
    color: #ccc;
}

.ln-letter-count {
    text-align: center;
    font-size: .8em;
    line-height: 1;
    margin-bottom: 3px;
    color: #369;
}

#demo4 #listWrapper {
    width: 700px;
}

#demoFour {
    margin-left: 25px;
}

#demoFour li {
    float: left;
    list-style: none;
    padding-top: 5px;
}

#demoFour a {
    font-size: .9em;
    display: block;
    text-align: center;
    width: 80px;
    height: 45px;
    vertical-align: middle;
    border: 1px solid silver;
    padding: 10px;
    margin: 0 10px 10px 0;
    text-decoration: none;
}

#demoFour a:hover {
    background-color: #eee;
}

.TabbedPanels {
    margin: 0;
    #margin-top: 1px;
    padding: 0;
    #width: 100%;
    background: #fff url('/images/top_gradient.png') repeat-x;
    border-right: solid 1px #BBB;
    border-left: solid 1px #BBB;
    border-bottom: solid 1px #BBB;
    font-size: 10px;
}

.TabbedPanelsTabGroup {
    margin: 0 !important;
    padding: 5px 0 0 150px !important;
    border-top: solid 1px #BBB !important;
}

.TabbedPanelsTab {
    position: relative;
    top: 1px;
    float: left;
    padding: 3px 8px 3px 8px !important;
    margin: 0 1px 0 0 !important;
    font: 1.40em Georgia, "Times New Roman", Times, serif;
    color: #FFF;
    background: #d9d0c2 url('/images/tab_bg.gif') repeat-x;
    list-style: none;
    border: 1px solid #BBB;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}

.TabbedPanelsTabHover {
    background-color: #ccc;
}

.TabbedPanelsTabSelected {
    color: #000;
    background-color: #fff;
    background-image: none;
    border-bottom: 1px solid #fff;
}

.TabbedPanelsTab a {
    color: black;
    text-decoration: none;
}

.TabbedPanelsContentGroup {
    clear: both;
    border-top: solid 1px #bbb;
    background-color: #fff;
    padding-left: 3em;
}

.TabbedPanelsContent {
    padding: 0;
}

.SlidingPanels {
    position: relative;
    width: 57.00em;
    height: 17em;
    padding: 0;
    border: none;
    font-size: 10px;
    margin: 0;
}

.SlidingPanelsContentGroup {
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 0;
    border: none;
    width: 228em;
}

.SlidingPanelsContent {
    width: 57.00em;
    height: 17em;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: none;
    float: left;
}

.SlidingPanelsAnimating * {
    overflow: hidden !important;
}

.homepageScrollPadding {
    padding-top: 4px;
    #padding-top: 0;
}

#LeftArrow {
    float: left;
    width: 26px;
    position: relative;
    padding-right: 10px;
    margin: -110px 0 0 -1px;
    background: url('/images/leftarrow_dim.gif') no-repeat;
}

#RightArrow {
    float: right;
    width: 26px;
    position: relative;
    margin: -110px 0 0 1px;
    background: url('/images/rightarrow_dim.gif') no-repeat;
}

.arrow {
    cursor: pointer;
}

.arrowDim {
    cursor: arrow;
}

.arrowDim img {
    filter: alpha(opacity=0);
    -moz-opacity: .0;
    opacity: .0;
}

ul.thumblist {
    display: block;
    height: 14.00em !important;
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    text-align: center;
}

.thumblist {
    text-align: center;
}

.thumblist img {
    margin-bottom: 5px;
}

.thumblist a:link {
    font: 1.10em Verdana, Arial, Helvetica, sans-serif;
    color: #666;
    text-decoration: none;
}

.thumblist a:visited {
    font: 1.10em Verdana, Arial, Helvetica, sans-serif;
    color: #666;
    text-decoration: none;
}

.thumblist a:hover {
    font: 1.10em Verdana, Arial, Helvetica, sans-serif;
    color: #0072bc;
    text-decoration: none;
}

.thumblist li {
    display: block;
    width: 12.00em;
    float: left !important;
    margin: 0 10px 10px 10px !important;
    text-align: center !important;
    vertical-align: middle;
}

.PageContainer {
    width: 70.9em;
    min-width: 780px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#TabbedPanels1 {
    font-size: 10px;
    min-width: 629px;
    width: 62.9em;
}

.tree ul {
    margin: 0 0 0 5px;
    padding: 0;
    list-style-type: none;
}

.tree li {
    width: auto;
    display: block;
    min-height: 18px;
    line-height: 18px;
    padding: 0 0 0 15px;
    margin: 0;
    clear: both;
    cursor: pointer;
}

.tree li ul {
    display: none;
    clear: both;
}

.tree li a, .tree li span {
    display: inline;
    float: left;
    line-height: 16px;
    height: 16px;
    padding: 1px 4px 1px 1px !important;
    color: black;
    white-space: nowrap;
    text-decoration: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 4px 1px;
    -moz-border-radius: 3px;
    border: 0;
    margin: 0;
    cursor: pointer;
}

.tree li a:hover, .tree li a.hover {
    background-color: #e7f4f9;
    border: 1px solid #d8f0fa;
    padding: 0 3px 0 1px !important;
    background-position: 3px 0;
}

.tree li a.open, .tree li a.open:hover {
    background-color: #beebff;
    border: 1px solid #99defd;
    padding: 0 3px 0 1px !important;
    background-position: 3px 0;
}

.tree li span.clicked {
    padding: 0 3px 0 1px !important;
}

.tree li a input, .tree li span input {
    margin: 0;
    padding: 0;
    display: block;
    height: 12px !important;
    border: 1px solid white;
    background: white;
    font-size: 10px;
    font-family: Verdana;
}

.tree li a input:not([class="xxx"]), .tree li span input:not([class="xxx"]) {
    padding: 1px 0;
}

.locked li a {
    color: gray;
}

.tree ul {
    background: url("images/dot.gif") 6px 1px repeat-y;
}

.tree li {
    background: url("images/li.gif") 7px center no-repeat;
}

.tree li.last {
    background: url("images/lastli.gif") 5px top no-repeat;
    background-color: white !important;
}

.no_dots ul {
    background: transparent;
}

.no_dots li {
    background: transparent;
}

.no_dots li.last {
    background: transparent;
    background-color: transparent !important;
}

.tree li.open {
    background: url("images/fminus.gif") 4px 6px no-repeat;
}

.tree li.open ul {
    display: block;
    clear: both;
}

.tree li.closed {
    background: url("images/fplus.gif") 5px 5px no-repeat;
}

.tree li.closed ul {
    display: none !important;
}

.tree #dragged {
    padding: 0 3px;
    margin: 0;
    background: white;
    opacity: .85;
    filter: alpha(opacity=85);
    position: absolute;
    top: -10px;
    left: -10px;
}

.tree #dragged.last, .tree #dragged:last-child {
    background: white;
}

.tree #dragged li.open {
    background: url("images/fplus.gif") 5px 5px no-repeat;
}

.tree #dragged ul ul {
    display: none;
}

*:first-child + html .tree li {
    margin-bottom: -2px;
}

*:first-child + html .tree li ul {
    padding-bottom: 2px;
}

.tree li {
    _width: 50%;
    _margin-bottom: -2px;
}

.tree li ul {
    _padding-bottom: 2px;
}

.rtl * {
    direction: rtl;
}

.rtl ul {
    margin: 0 5px 0 0;
}

.rtl li {
    padding: 0 15px 0 0;
}

.rtl li.last {
    background: url("images/lastli_rtl.gif") right top no-repeat;
}

.rtl li.open {
    background: url("images/fminus_rtl.gif") right 6px no-repeat;
}

.rtl li.closed {
    background: url("images/fplus_rtl.gif") right 4px no-repeat;
}

.rtl li a, .rtl li span {
    float: right;
    padding: 1px 23px 1px 4px !important;
    background-position: right 1px;
    margin-right: 1px;
}

.rtl li a:hover, .rtl li a.hover {
    background-color: #e7f4f9;
    border: 1px solid #d8f0fa;
    padding: 0 23px 0 3px !important;
    background-position: right 0;
    margin-right: 0;
}

.rtl li a.clicked, .rtl li a.clicked:hover, .rtl li span.clicked {
    background-color: #beebff;
    border: 1px solid #99defd;
    padding: 0 23px 0 3px !important;
    background-position: right 0;
    margin-right: 0;
}

.rtl li span.clicked {
    padding: 0 21px 0 3px !important;
}

.rtl ul {
    background: url("images/dot.gif") right 1px repeat-y;
}

.rtl li {
    background: url("images/li.gif") right center no-repeat;
}

.rtl #dragged li.open {
    background-position: right 5px;
}

.demo {
    width: 150px;
    height: auto;
    border: 0 solid gray;
    background: white;
    float: left;
    padding: 5px 0;
    text-align: left;
    font-size: 13px;
}

.sources {
    margin-left: 290px;
}

.source {
    height: auto;
    border: 1px solid gray;
    background: white;
    margin: 0 10px 10px 0;
    padding: 5px 0;
    overflow: auto;
    display: block;
    padding: 5px 10px;
    white-space: pre;
    font-size: 11px;
    font-family: "Courier New";
}

.source b {
    display: block;
    border-bottom: 1px solid;
}

.tree li {
    padding-top: 3px;
}

#bubble {
    position: absolute;
    background: #FFD;
    color: black;
    padding: .2em .5em;
    border: 1px solid gray;
    display: none;
    font-size: 10px;
    width: 250px;
}

span.bubble {
    color: #8b0000;
    border-bottom: 1px solid;
    cursor: pointer;
}

dl {
    margin: 0 0 0 10px;
    padding: 0;
}

dt {
    font-family: Georgia;
    font-size: 1.1em;
}

dd {
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 11px;
}

* {
    padding: 0;
    margin: 0;
}

#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333;
}

#TB_secondLine {
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
}

#TB_window a:link {
    color: #666;
}

#TB_window a:visited {
    color: #666;
}

#TB_window a:hover {
    color: #000;
}

#TB_window a:active {
    color: #666;
}

#TB_window a:focus {
    color: #666;
}

#TB_overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.TB_overlayMacFFBGHack {
    background: url(macFFBgHack.png) repeat;
}

.TB_overlayBG {
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75;
}

* html #TB_overlay {
    position: absolute;
    height: expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');
}

#TB_window {
    position: fixed;
    background: #fff;
    z-index: 102;
    color: #000;
    display: none;
    border: 4px solid #525252;
    text-align: left;
    top: 50%;
    left: 50%;
}

* html #TB_window {
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');
}

#TB_window img#TB_Image {
    display: block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

#TB_caption {
    height: 25px;
    padding: 7px 30px 10px 25px;
    float: left;
}

#TB_closeWindow {
    height: 25px;
    padding: 11px 25px 10px 0;
    float: right;
}

#TB_closeAjaxWindow {
    padding: 7px 10px 5px 0;
    margin-bottom: 1px;
    text-align: right;
    float: right;
}

#TB_ajaxWindowTitle {
    float: left;
    padding: 7px 0 5px 10px;
    margin-bottom: 1px;
}

#TB_title {
    background-color: #e8e8e8;
    height: 27px;
}

#TB_ajaxContent {
    clear: both;
    padding: 2px 15px 15px 15px;
    overflow: auto;
    text-align: left;
    line-height: 1.4em;
}

#TB_ajaxContent.TB_modal {
    padding: 15px;
}

#TB_ajaxContent p {
    padding: 5px 0 5px 0;
}

#TB_load {
    position: fixed;
    display: none;
    height: 13px;
    width: 208px;
    z-index: 103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px;
}

* html #TB_load {
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');
}

#TB_HideSelect {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}

* html #TB_HideSelect {
    position: absolute;
    height: expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');
}

#TB_iframeContent {
    clear: both;
    border: none;
    margin-bottom: -1px;
    margin-top: 1px;
    _margin-bottom: 1px;
}

#tinybox {
    position: absolute;
    display: none;
    padding: 10px;
    background: #fff url(images/preload.gif) no-repeat 50% 50%;
    border: 10px solid #e3e3e3;
    z-index: 2000;
}

#tinymask {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 1500;
}

#tinycontent {
    background: #fff;
}

#toTop {
    width: 100px;
    border: 1px solid #ccc;
    background: #f7f7f7;
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
    color: #333;
    font-family: verdana;
    font-size: 11px;
}

p {
    margin: 0;
    padding: 0;
}

#drop1 {
    position: relative;
    border: 1px solid #BF8660;
    width: 500px;
    height: 500px;
}

#drop2, #msgs {
    position: relative;
    border: 1px solid #BF8660;
    padding: 10px;
}

#marker {
    position: relative;
    border: 1px dotted blue;
}

#leftColumn {
    border: 1px dotted #596380;
    height: 550px;
}

.jquerybubblepopup {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    border: 0;
    z-index: 100;
    text-align: center;
    background-color: transparent;
}

.jquerybubblepopup-ie {
    filter: progid:DXImageTransform.Microsoft.Shadow(color="#666666", Direction=135, Strength=3);
}

.jquerybubblepopup table {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    empty-cells: show;
    background-color: transparent;
}

.jquerybubblepopup tbody {
    display: table-row-group;
    vertical-align: middle;
    border: 0;
    background-color: transparent;
}

.jquerybubblepopup td {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.jquerybubblepopup-top-left, .jquerybubblepopup-top-right, .jquerybubblepopup-bottom-left, .jquerybubblepopup-bottom-right {
    width: 21px;
    height: 21px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.jquerybubblepopup-top-middle, .jquerybubblepopup-bottom-middle {
    overflow: hidden;
    background-repeat: repeat-x;
}

.jquerybubblepopup-middle-left, .jquerybubblepopup-middle-right {
    overflow: hidden;
    background-repeat: repeat-y;
}

.jquerybubblepopup-tail {
    border: 0;
    margin: 0;
    padding: 0;
    display: inline;
}

.jquerybubblepopup-azure .jquerybubblepopup-innerHtml, .jquerybubblepopup-black .jquerybubblepopup-innerHtml, .jquerybubblepopup-blue .jquerybubblepopup-innerHtml, .jquerybubblepopup-green .jquerybubblepopup-innerHtml, .jquerybubblepopup-grey .jquerybubblepopup-innerHtml, .jquerybubblepopup-orange .jquerybubblepopup-innerHtml, .jquerybubblepopup-violet .jquerybubblepopup-innerHtml, .jquerybubblepopup-yellow .jquerybubblepopup-innerHtml {
    font-family: 'Trebuchet MS', Arial;
    font-size: 11px;
    font-weight: normal;
    color: #000;
    background-color: #FFF;
}

.jquerybubblepopup-all-azure .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-black .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-blue .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-green .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-grey .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-orange .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-violet .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-yellow .jquerybubblepopup-innerHtml {
    font-family: 'Trebuchet MS', Arial;
    font-size: 11px;
    font-weight: normal;
    color: #FFF;
}

.jquerybubblepopup-all-azure .jquerybubblepopup-innerHtml {
    background-color: #09F;
}

.jquerybubblepopup-all-black .jquerybubblepopup-innerHtml {
    background-color: #000;
}

.jquerybubblepopup-all-blue .jquerybubblepopup-innerHtml {
    background-color: #06C;
}

.jquerybubblepopup-all-green .jquerybubblepopup-innerHtml {
    background-color: #6F0;
}

.jquerybubblepopup-all-grey .jquerybubblepopup-innerHtml {
    background-color: #666;
}

.jquerybubblepopup-all-orange .jquerybubblepopup-innerHtml {
    background-color: #F93;
}

.jquerybubblepopup-all-violet .jquerybubblepopup-innerHtml {
    background-color: #F3F;
}

.jquerybubblepopup-all-yellow .jquerybubblepopup-innerHtml {
    background-color: #FC0;
}

.tdmat {
    font-size: 12px;
    cursor: pointer;
    text-align: left;
}

.grida {
    cursor: pointer;
    text-decoration: none;
    color: #0000CC;
}

/*COLLAGE CREATOR CSS IMPROVEMENTS BY MOHAMAD*/

#table23 li{
    cursor: pointer;
    border: 1px solid black;
    margin: 1px;
}

#table23 li:hover{
    opacity: 0.9;
}

#table23 li:active{
    border: 1px solid #de831c;
}

.shape-node{
    cursor: pointer;
}
.shape-node:hover{
    opacity:0.9;
}

#category-content:empty{
    display: none;
}