body {

     margin:            0px auto;
     padding:           0px;  
     width:             1010px;     
     height:            100%;
     text-align:        center;
     background:        url('/img/bgx.gif') center repeat-y;
     
}
         
img, a img {

    border:             0px;
    
}                                           

form {

    margin:             0px;
    padding:            0px;
    
}       

.main-content {
             
    width:              1008px;
    height:             100%;
        
}
                
.top-line-outer {
    
    text-align:         center;
    margin:             0px auto;
    width:              1010px;
                  
}
               
.top-line-left {
            
    width:              1010px;
    height:             100px;
    float:              left;
            
}   
      
.top-line-mid {   
        
    width:              260px;
    height:             100px;
    float:              left;           
    background-color:   #365072; 
        
}
  
.top-line-right {
                           
    width:              500px;
    height:             100px;
    float:              left;
    background-image:   url('/img/banner_right.jpg');
    
}
             
.top-line a:link, .top-line a:visited {
         
    color:              #3b5f80;
    padding:            59px 8px 0px 0px;
    float:              right;
    text-decoration:    none;
    font-weight:        bold;

}
           
.top-line a:hover {

    text-decoration:    underline;

}
    
.content-outer {
    
    text-align:         center;
    margin:             auto;
    padding-left:       20px;
    
}

.content-inner {

    margin:             0px auto;
    width:              900px;
    min-width:          900px;
    text-align:         left;   
    
                      
}
      

.sub-line div.left {
                              
    float:              left;
    padding:            4px 0px 0px 6px;
                                
}
          
.sub-line a:link, .sub-line a:visited {
                             
    color:              #e37e22;
    padding:            0px 4px 0px 4px;
    text-decoration:    none;
                                
}

.sub-line a:hover {
                             
    text-decoration:    underline;
    color:              #3b5f80;
                                
}

.sub-line div.right {
    
    color:              #E37E22;         
    float:              right;
    padding:            4px 4px 0px 0px;
                                
}

.head-desc {
                  
    margin:             40px 0px 0px 0px;
    
    font-family:        Arial, Geneva, Helvetica;
    font-size:          14px;       
    font-weight:        bold;
    text-decoration:    underline;
    
    color:              #3B5F80;
    
}
              
.inner-content {

    padding:            14px 40px 24px 0px;
    width:              900px;
    float:              left;
    clear:              both;

}

.content-area-inner {
                                     
    margin:             0px 0px 0px 0px;

}

.cal-tpl-list td {

    padding:            0px 6px 7px 0px;

}
     
.image-preview {

    

}
     
.image-preview-b {

    border:             1px solid #232323;

}
     
.div-preview-outer {

    padding:            0px 0px 0px 410px;

}
     
.div-preview-a {

    blackground:         url('/img/preview_frame_s2.jpg');     
    width:              300px;
    height:             370px;  
    padding:            0px 0px 0px 10px; 
    float:              left; 
    
}
     
.div-preview-b {
 
    padding:            0px 0px 0px 0px; 
    float:              left; 
    width:              15px;
    height:             15px;
    
}

.progress-indicator-a {

    font-size:          11px;
    font-family:        Arial, Helvetica, Geneva, Verdana;
    
}

.div-preview-c {
 
    border:             1px solid #3B5F81;
    padding:            0px 0px 0px 0px; 
    float:              left; 
    
}

.tpl-hover-menu {

    border:             1px outset #3B5F81;
    background-color:   #f8f8f8;
    position:           absolute;
    top:                10px;
    left:               10px;
    z-index:            1000;
    moz-opacity:        0.8
    opacity:            0.8;
    filter:             Alpha(opacity=80,finishopacity=80,style=2);
    
}
        
.tpl-hover-menu .t-button-off {

    font-family:        Arial, Helvetica, Geneva;
    background-color:   #f8f8f8;
    font-weight:        bold;
    font-size:          11px;
    color:              #3B5F81;
    padding:            3px 8px 3px 6px;
    cursor:             pointer;
    
}
                     
.tpl-hover-menu .t-button-on {

    font-family:        Arial, Helvetica, Geneva;
    font-size:          11px;
    font-weight:        bold;
    color:              #3B5F81;
    background-color:   #fbff98;
    padding:            3px 8px 3px 6px;
    cursor:             pointer;
        
}

.tpl-hover-menu .t-button-on-r {

    font-family:        Arial, Helvetica, Geneva;
    font-size:          11px;
    font-weight:        bold;
    color:              #3B5F81;
    background-color:   #FF5050;
    padding:            3px 8px 3px 6px;
    cursor:             pointer;
        
}

.ft-std {
     
    font-family:        Arial, Helvetica, Geneva;
    font-size:          11px;
    color:              #3B5F81;
    
}

.ft-link {

    font-family:        Arial, Helvetica, Geneva;
    font-size:          11px;
    color:              #3B5F81;
    margin:             0px 3px 0px 3px;
    text-decoration:    underline;
    
}
     
.nav-right {

    border-left:        1px solid #787878;
    float:              left;
    position:           relative;
    top:                1px;
    height:             21px;
    
}

.nav-area {

    float:              none;
    
}
    
.nav-content-area {

    width:              460px;
    height:             420px;
    border-right:       1px solid #787878;
    border-left:        1px solid #787878;
    border-bottom:      1px solid #787878;
    border-top:         1px solid #787878;
    margin:             22px 0px 0px 0px;
    background-color:   #ffffff;
    
}
    
.nav-content-inner {

    padding:            12px 6px 6px 12px;
    
}
        
.nav-on {

    position:           relative;
    top:                1px;
    border-top:         1px solid #787878;
    border-left:        1px solid #787878;
    padding:            3px 12px 3px 12px;
    font-family:        Arial, Helvetica, Geneva;
    font-weight:        bold;
    font-size:          11px;
    color:              #3B5F81;
    background-color:   #ffffff; 
    float:              left;
    height:             15px;
    cursor:             pointer;
    
}

.nav-on-hover {

    position:           relative;
    top:                1px;
    border-top:         1px solid #787878;
    border-left:        1px solid #787878;
    padding:            3px 12px 3px 12px;
    font-family:        Arial, Helvetica, Geneva;
    font-weight:        bold;
    font-size:          11px;
    color:              #3B5F81;
    background-color:   #ffffff; 
    float:              left;
    height:             15px;
    cursor:             pointer;
    
}
      
.nav-off {

    position:           relative;
    top:                1px;
    border-top:         1px solid #787878;
    border-left:        1px solid #787878;
    border-bottom:      1px solid #787878;
    padding:            3px 12px 3px 12px;
    font-family:        Arial, Helvetica, Geneva;
    font-weight:        bold;
    font-size:          11px;
    color:              #888888;
    background-color:   #eaeaea; 
    float:              left;
    height:             14px;
    cursor:             pointer;
    
}

.nav-off-hover {

    position:           relative;
    top:                1px;
    border-top:         1px solid #787878;
    border-left:        1px solid #787878;
    border-bottom:      1px solid #787878;
    padding:            3px 12px 3px 12px;
    font-family:        Arial, Helvetica, Geneva;
    font-weight:        bold;
    font-size:          11px;
    color:              #3b5f81;
    background-color:   #fbff98; 
    float:              left;
    height:             14px;
    cursor:             pointer;
    
}
            
.form-table {

    font-family:        Arial, Helvetica, Geneva;
    font-size:          11px;
    color:              #3B5F81;

}

.form-table .label {

    padding-right:      8px;

}

.form-table .label-b {

    font-weight:        bold;
    padding-right:      8px;

}

.form-table .input {

    

}              

.ipt-file {

    font-family:        Arial, Helvetica, Geneva;
    font-size:          11px;
    color:              #3B5F81;
    background-color:   #ffffff;

}
              
.ipt-std {

    font-family:        Arial, Helvetica, Geneva;
    font-size:          11px;
    color:              #3B5F81;
    background-color:   #ffffff;
    border:             1px solid #3B5F81;
    padding-left:       4px;

}

.std-link {

    text-decoration:    underline;
    margin:             0px 4px 0px 4px;

}
    
        
.cat-selector {
    
    width:              330px;

}
          
.order-table {

    width:              900px;

}
           
.order-table thead {

    background-color:   #E2E7EB;
    
}
             
.order-table tbody .off {

    background-color:   #FFFFFF;
    
}
                   
.order-table tbody .on {

    background-color:   #fbff98;
    
}
              
.order-table thead td {
    
    text-align:         center;
    font-weight:        bold;
    font-size:          12px;
    font-family:        Arial, Helvetica, Geneva;
    color:              #3B5F81;
    padding:            2px 12px 2px 12px;
    
}
           
.order-table tbody td {
    
    text-align:         center;
    font-size:          12px;
    font-family:        Arial, Helvetica, Geneva;
    color:              #3B5F81;
    padding:            12px 12px 12px 12px;
    
}
                      
.order-table thead .first-cell {
    
    border-left:        1px solid #3B5F81;
    border-top:         1px solid #3B5F81;
    border-bottom:      1px solid #3B5F81;
    
}
          
.order-table thead .full-cell {
       
    width:              100%;
    border-left:        1px solid #3B5F81;
    border-top:         1px solid #3B5F81;
    border-bottom:      1px solid #3B5F81;
    
}       
          
.order-table thead .mid-cell {
    
    border-left:        1px solid #3B5F81;
    border-top:         1px solid #3B5F81;
    border-bottom:      1px solid #3B5F81;
    
}         

.order-table thead .last-cell {
    
    border:      1px solid #3B5F81;
    
}
           
.order-table tbody .first-cell {
    
    border-left:        1px solid #3B5F81;
    border-bottom:      1px solid #3B5F81;
    
}
          
.order-table tbody .full-cell {
       
    width:              100%;
    border-left:        1px solid #3B5F81;
    border-bottom:      1px solid #3B5F81;
    
}       
          
.order-table tbody .mid-cell {
    
    border-left:        1px solid #3B5F81;
    border-bottom:      1px solid #3B5F81;
    
}

.order-table tbody .last-cell {
    
    border-left:      1px solid #3B5F81;
    border-right:      1px solid #3B5F81;
    border-bottom:      1px solid #3B5F81;
    
}
































.cart-table {

    width:              110px;

}
           
.cart-table thead {

    background-color:   #E2E7EB;
    
}
             
.cart-table tbody .off {

    background-color:   #E2E7EB;
    
}
                   
.cart-table tbody .on {

    background-color:   #fbff98;
    
}
              
.cart-table thead td {
    
    text-align:         center;
    font-weight:        bold;
    font-size:          11px;
    font-family:        Arial, Helvetica, Geneva;
    color:              #3B5F81;
    padding:            4px 6px 4px 6px;
    
}
           
.cart-table tbody td {
    
    text-align:         center;
    font-size:          11px;
    font-family:        Arial, Helvetica, Geneva;
    color:              #3B5F81;
    padding:            4px 6px 4px 6px;
    
}
                      
.cart-table thead .first-cell {
         
}
          
.cart-table thead .full-cell {
       
    width:              100%;
  
}       
          
.cart-table thead .mid-cell {
    
    
}         

.cart-table thead .last-cell {
    
    
}
           
.cart-table tbody .first-cell {
    
    
}
          
.cart-table tbody .full-cell {
       
    width:              100%;
    
}       
          
.cart-table tbody .mid-cell {
    
    
}

.cart-table tbody .last-cell {
    
    
}





.order-form {
                          

}

.order-form td {

    padding:        2px 6px 2px 6px;

}
              
.order-form .label {
                            
    font-weight:    bold;
    font-family:    Arial, Helvetica, Geneva;
    font-size:      12px;
    color:          #3B5F81;
            
}
         
.order-form .value {
                            
    font-family:    Arial, Helvetica, Geneva;
    font-size:      12px;
    color:          #3B5F81;
            
}
      
.order-form .s-label {
                            
    font-weight:    bold;
    font-family:    Arial, Helvetica, Geneva;
    font-size:      13px;
    color:          #3B5F81;
            
}
      
.ipt-order-off {
                 
    font-family:    Arial, Helvetica, Geneva;
    font-size:      12px;
    border:         1px solid #aaaaaa;
    color:          #3B5F81;
    background:     url('/img/ipt_bg2.gif') repeat-x;
    height:         20px;
    padding-left:   4px;
    
    width:          220px;
    
}

.ipt-order-error-off {
                 
    font-family:    Arial, Helvetica, Geneva;
    font-size:      12px;
    font-weight:    bold;
    border:         2px solid #EE0000;
    color:          #3B5F81;
    background:     url('/img/ipt_bg2.gif') repeat-x;
    height:         20px;
    padding-left:   4px;
    
    width:          220px;
    
}

.ipt-order-on {
           
    font-family:    Arial, Helvetica, Geneva;
    font-size:      12px;
    border:         1px solid #aaaaaa;
    color:          #3B5F81;
    background:     url('/img/ipt_bg2_on.gif') repeat-x;
    height:         20px;
    padding-left:   4px;
    
    width:          220px;
    
}

.order-textarea {

    font-family:    Arial, Helvetica, Geneva;
    font-size:      12px;
    border:         1px solid #aaaaaa;
    color:          #3B5F81;
    background-color: #f7f7f7;
    padding:        4px;
    
}

.order-check-ipt {
                 
    font-family:    Arial, Helvetica, Geneva;
    font-size:      12px;
    font-weight:    bold;
    border:         1px solid #aaaaaa;
    color:          #3B5F81;
    background-color: #f7f7f7;
    text-align:     center;
    
}

.price-extra {

    background-color:   #fbff98;
    padding:            3px 6px 3px 10px;
    border:             1px dashed #cc0000;

}

#cust-progress-outer {
        
}

.progress-indicator {

    font-family:        Arial, Helvetica, Verdana, geneva;
    font-size:          11px;
    color:              #3B5F81;
    border:             0px;
    font-weight:        bold;

}
 
 
.ft-green {

    color:              green;
    font-size:          12px;
    
}
          
.ft-b {                    

    font-size:          12px;
    font-weight:        bold;
    
}

.ft-b a:link, a:visited {                    

    text-decoration:    none;

}

.ft-b a:hover, a:visited:hover {                    

    text-decoration:    underline;

}


#global-overlay {

    position:           absolute;
    left:               0px;
    top:                0px;
    width:              100%;
    height:             100%;
    background-color:   #ffffff;
    opacity:            0.9;
	filter:	Alpha(opacity=90,finishopacity=90,style=2);
    

}
      
.tpl-browser-l-on {

    cursor:             pointer;
    padding:            2px 0px 0px 0px;
    width:              176px;
    height:             25px;
    background-image:   url('/img/browser_bg_l.gif');
    background-repeat:  no-repeat;
    float:              left;
    font-family:        Arial, Helvetica, Verdana, geneva;
    font-size:          12px;
    font-weight:        bold;
    color:              #3B5F81;
    
}
               
.tpl-browser-l-hover {

    cursor:             pointer;    
    padding:            2px 0px 0px 0px;
    width:              176px;
    height:             25px;
    background-image:   url('/img/browser_bg_l_hover.gif');
    background-repeat:  no-repeat;
    float:              left;
    font-family:        Arial, Helvetica, Verdana, geneva;
    font-size:          12px;
    font-weight:        bold;
    color:              #3B5F81;
    
}
                  
.tpl-browser-l-off {

    width:              176px;
    padding:            2px 0px 0px 0px;
    height:             25px;
    background-image:   url('/img/browser_bg_l_off.gif');
    background-repeat:  no-repeat;
    float:              left;
    font-family:        Arial, Helvetica, Verdana, geneva;
    font-size:          12px;
    font-weight:        bold;
    color:              #3B5F81;
    
}

.tpl-browser-m {

    width:              176px;
    height:             25px;
    background-image:   url('/img/browser_bg_m.gif');
    background-repeat:  no-repeat;
    float:              left;
    text-align:         center;
    font-family:        Arial, Helvetica, Verdana, geneva;
    font-size:          12px;
    font-weight:        bold;
    color:              #3B5F81;
    
}

.tpl-browser-r-on {

    cursor:             pointer;
    padding:            2px 0px 0px 0px;
    width:              176px;
    height:             25px;
    background-image:   url('/img/browser_bg_r.gif');
    background-repeat:  no-repeat;
    float:              left;                 
    font-family:        Arial, Helvetica, Verdana, geneva;
    font-size:          12px;
    font-weight:        bold;
    color:              #3B5F81;
    
}

.tpl-browser-r-hover {

    cursor:             pointer;
    padding:            2px 0px 0px 0px;
    width:              176px;
    height:             25px;
    background-image:   url('/img/browser_bg_r_hover.gif');
    background-repeat:  no-repeat;
    float:              left;                 
    font-family:        Arial, Helvetica, Verdana, geneva;
    font-size:          12px;
    font-weight:        bold;
    color:              #3B5F81;
    
}

.tpl-browser-r-off {

    width:              176px;
    padding:            2px 0px 0px 0px;
    height:             25px;
    background-image:   url('/img/browser_bg_r_off.gif');
    background-repeat:  no-repeat;
    float:              left;                 
    font-family:        Arial, Helvetica, Verdana, geneva;
    font-size:          12px;
    font-weight:        bold;
    color:              #3B5F81;
    
}