﻿    .ArticleMain
    {
        margin-left:70px; 
        font-family:Verdana; 
        color:#a0a1a3;
    }
    .headersubmenu
    {
        text-align:left;
        font-family:Verdana; 
        font-size:8pt; 
        color:#565656; 
        line-height:160%;
    }
    .tutorialsubhead
    {
        font-family:Verdana;
        font-size:14px;
        font-weight:bold;
        padding-left:20px;
        color:#818285;
        float:left; 
    }
    .turnkeyCell
    {
        padding-right:10px;
        text-align:left;
        vertical-align:top;
    }
    
    A:link         
    { COLOR: #818285; TEXT-DECORATION: none; font-weight: normal }
    A:visited 
    { COLOR: #818285; TEXT-DECORATION: none; font-weight: normal }
    A:active 
    { COLOR: #abcc4a; TEXT-DECORATION: none }
    A:hover 
    { COLOR: #abcc4a; TEXT-DECORATION: none;}
            
    .productdetail
    {
        font-family:Verdana; 
        font-size:12px; 
        text-align:justify; 
        color:#818285; 
        width:600px;
    }
    
    .productlabel
    {
        font-family:verdana; 
        font-size:15px; 
        line-height:150%;
        color:#818285;
        font-weight:bold;
    }
    .ColumnLabel
    {
        font-family:Zeroes Two; 
        font-size:17px; 
        color:#abcc4a;
    }
    .homeColumn
    {
        float:left; 
        width:180px; 
        margin-right:0px;
        text-align:left;
        padding-left:30px;
    }
    .topdiv
    {
        /*margin-top:10px;*/
        margin-bottom:40px;
    }
    .maindiv
    {
        width:655px; 
        float:right; 
        background-image: url(images/675x1_bgd.png); 
        background-repeat:repeat; 
        padding-top:10px; 
        padding-left:20px; 
        margin-top:20px;
        text-align:left;
    }
    
    .leftdiv
    {
        width:265px; 
        float:left; 
        margin-left:10px; 
        margin-top:0px;
    }
    .footdiv
    {
        float:right;
        text-align:left; 
        width:640px; 
        height:100px;
        margin-top:10px;
        background-image: url(images/675x1_bg.png);
        background-repeat: no-repeat;
        background: none;
        background-color:transparent;
    }   

    body
    {
        background-image: url(images/background_new_1800x1325.gif); 
        background-position:center top; 
        background-repeat:no-repeat; 
        scrollbar-arrow-color: #464646;
        scrollbar-3dlight-color: #CCCCCC;
        scrollbar-darkshadow-color: #999999;
        scrollbar-face-color: #D4D0C8;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-shadow-color: #464646;
        scrollbar-track-color: #e6e6e6;
    }
    
    .paneldetail
    {
        font-family:Verdana; 
        font-size:12px; 
        text-align:justify; 
        color:#818285; 
        width:600px;
    }
    .panellabel 
    {
        font-family:Zeroes Two; 
        font-size:16px; 
        color:#abcc4a; 
        float:left; 
        padding-left:0px;
    }
    .Gallerylabel 
    {
        font-family:verdana; 
        font-size:12px; 
        color:#abcc4a; 
        float:left; 
        padding-left:5px;
        padding-top:5px;
    }
    .Gallerybutton
    {
        float:left; 
        padding-top:5px; 
        padding-left:30px;
    }
    .panelbutton
    {
        float:right; 
        padding-top:5px; 
        padding-right:10px;
    }
    .subpaneldetail
    {
        font-family:Verdana; 
        font-size:12px; 
        text-align:justify; 
        color:#818285; 
        width:600px;
        padding-left:20px;
        overflow:visible;
    }
    .subpanellabel 
    {
        font-family:Zeroes Two; 
        font-size:15px; 
        color:#abcc4a; 
        float:left; 
        padding-left:15px;
    }
    
    /*Credits: Dynamic Drive CSS Library */
    /*URL: http://www.dynamicdrive.com/style/ */

    .thumbnail{
    z-index: 0;
    }

    .thumbnail:hover{
    background-color: transparent;
    z-index: 50;
    }

    .thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: #818285;
    padding: 5px;
    
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
    }

    .thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
    }

    .thumbnail:hover span{ /*CSS for enlarged image on hover*/
    position:fixed;
    top:10%;
    left:10%;
    z-index: 0;
    visibility: visible;
     /*position where enlarged image should offset horizontally */

}
