body,html{
  width: 100%;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #d6d2c3;
  background-image: url(/ocache/267/resources/themes/contentBg.jpg);
  background-position: top center;

}



#wrapper
{
    width: 100%;
    height: 100%;
}
      
    #header{
       position: relative;
       width: 960px;
       height: 144px;
       margin: 0 auto;
       margin-bottom: 2px;
    }
      #HeaderTxt{
        margin-top: 48px;
        margin-bottom: 25px;
      }
      /* Top Menu */  
        #menu a{
          display: block;
          float: left;
          height: 29px;
          background-image: url(/ocache/267/resources/themes/menuSprite.gif);
          background-repeat: no-repeat;
        }
          
      
        #overview{
          width: 96px;
          background-position: 0 0;
          margin-right: 5px;
        }   
          #overview:hover{
            background-position: 0 -29px;
          }
        
        
        #cardSelect{
          width: 145px;
          background-position: -101px 0;
          margin-right: 5px;
        }  
          #cardSelect:hover{
            background-position: -101px -29px;
          }
          
        
        #shoppingCart{
            width: 166px;
            background-position: -251px 0;
            margin-right: 5px;
        }    
          #shoppingCart:hover{
            background-position: -251px -29px;
          }
        
        #checkOut{
            width: 135px;
            background-position: -422px 0;
            margin-right: 247px;
        }     
          #checkOut:hover{
            background-position: -422px -29px;
          }
        
        #returnCam{
            width: 155px;
            background-position: -804px 0;
            margin-left:382px;
        }  
          #returnCam:hover{
            background-position: -804px -29px;
          }   
          
      /* END Top Menu */
      
    #content{
       width: 960px;
       margin: 0 auto;
       position: relative;
       overflow: visible;
      /*padding-bottom: 28px;*/
     }  
     
     #boxedContent{
       background-color: #fff;
       padding-bottom: 28px;
     }
     
       /*NOTE add the class padded to box content if required*/
       #boxedContent.padded{
         width: 910px;
        text-align: center;
        overflow: hidden;
        padding: 42px 25px;  /*Change padding according to requirements*/
       }
     
       /*Landing Page Styles*/
      
       
       #landing #content{
         background-image: url(/ocache/267/resources/themes/landingMainGrx.jpg);
         background-position: top center;
         background-repeat: no-repeat;
         height: 519px;
         padding-bottom: 0;
       }

        #landingbg{
         background-image: url(/ocache/267/resources/themes/landingMainGrx.jpg);
         background-position: top center;
         background-repeat: no-repeat;
         height: 516px;
         padding-bottom: 0;
       }
        #landing2{
         background-image: url(/ocache/267/resources/themes/landingContent.jpg);
         background-position: top center;
         background-repeat: no-repeat;
         height: 519px;
         padding-bottom: 0;
       }
        #landing3{
         background-image: url(/ocache/267/resources/themes/login.jpg);
         background-position: top center;
         background-repeat: no-repeat;
         height: 519px;
         padding-bottom: 0;
       }
       
       #getStartedBtn{
         background-image: url(/ocache/267/resources/themes/GetStartedSpriteBtn.gif);
         background-repeat: no-repeat;
         background-position: 0  -80px;
         width: 198px;
         height: 80px;
         display: block;
         position: absolute;
         top: 327px;
         left: 51px;
       }
            
       #getStartedBtn:hover{
         background-position: 0 0;
       }
       
       #LandingTXT{
         position: absolute;
         top: 206px;
         left: 49px;
         width: 510px;
         font-size: 16px;
         color: #fff;
         font-weight: 800;
       }
        #ContentTXT {
         position: absolute;
         top: 50px;
         left: 49px;
         width: 510px;
         font-size: 16px;
         color: #fff;
         font-weight: 800;
       }
       #LegalTXT{
         position: absolute;
         top: 475px;
         left: 2px;
         width: 650px;
         font-size: 12px;
         color: #000;
         font-weight: 100;
       }

       
     /* End Landing Page Styles*/

     /*Card Display page*/
     
       #boxedContent.CardsWrap{
         width: 910px;
        text-align: center;
        overflow: hidden;
        padding: 42px 25px 0 25px;
       }
       
       .Cards{
         text-align: left;
         width: 271px;
        height: 220px;
        display: block;
        float: left;
        letter-spacing: normal;
        font-size: normal;
        white-space: normal;
        text-align: normal;
        vertical-align: middle;
        margin-bottom: 45px;

       }
         .Cards.centerCard{
           margin: 0 47px 0 50px;
         }
     
         .cards .cardTxt{
           font-size: 14px;
           color: #129fe2;
         }
           .cardTxt{
             font-size: 14px;
             color: #129fe2;
             margin-top: 20px;
             display: block;
             width: 271px;
             text-decoration: underline;
           }
             .cardTxt:hover{
               text-decoration: none;
             }
     
     /* END Card Display page*/
     
   #footer{
     width: 960px;
     height: 14px;
     padding-top: 10px;
     margin: 0 auto;
     border-top: 1px solid #c7c7be;
     position: relative;
     margin-bottom: 50px;
     margin-top:30px;
     padding-top:15px;
   }
     #footerMenu{
       color: #959697;
       font-size: 12px;
       width: 350px;
     }  
       #footerMenu a{
         color: #129fe2;
         font-weight: 800;
       }
       
/*  "Show All" + "Hide All" links */

    #TJK_ToggleON,#TJK_ToggleOFF {border:1px solid #333;padding:0 5px;margin-right:5px}
    /* zeroing out padding and margin */
    #TJK_DL dd,#TJK_DL dt {margin:0;padding:0}
    /* margin for the DTs (shorthand) */
    #TJK_DL dt {margin:7px 0;color: #88817E}
    /* image and left padding for DDs 
    font-family: Arial, Helvetica, sans-serif;font-size: 13px;*/
    #TJK_DL dd {background:url(/ocache/267/resources/themes/answer.gif) no-repeat;padding-left:55px;color: #88817E;font-weight: 100}
    /* styling all anchors in the DTs 
    font-family: Arial, Helvetica, sans-serif;font-size: 12px;*/
    #TJK_DL dt a {background:0 50% no-repeat;padding-left:32px;color:#000;text-decoration:none;font-weight: 100}
    #TJK_DL dt a:visited {color:#666}
    #TJK_DL dt a:visited:hover,
    #TJK_DL dt a:hover,
    #TJK_DL dt a:active,
    #TJK_DL dt a:focus {font-weight:bold}
    /* the + and - gif in the anchors */
    #TJK_DL .DTplus a {background-image:url(/ocache/267/resources/themes/toggleDLplus.gif)}
    #TJK_DL .DTminus a {background-image:url(/ocache/267/resources/themes/toggleDLminus.gif)}
    /**********************************/
    /**********************************/
    #TJK_DL .showDD {position:relative;top:0}
    #TJK_DL dd,.hideDD{top:-9999px;position:absolute}
    #TJK_ToggleON,#TJK_ToggleOFF {display:inline;cursor:pointer;cursor:hand}
    /*\*//*/
    #TJK_DL .showDD {display:block}
    #TJK_DL dd,.hideDD {top:0;position:relative;display:none}
    /**/
    
    .image-wrapper {
      position: relative;
      width: 250px;
    }
    .image-wrapper p {
      position: absolute;
      left: 0;
      top: 0;
            margin-left:185px;
     /*padding: 1px;
      border: 1px solid #666;*/
      /*width: 60px;*/
      color: #666;
      /*margin-top: 5px;
            align: right;*/
    }
    
    .faq {
    font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #88817E;  
    }