/*---targeting both areas, careful with settings*/
#CentralArea,
#x-main {
   width: 737px;
   margin: auto;  
}

/*---making room on page to push footer up from bottom (footer is absolute positioned)*/
#x-main {
   margin-bottom: 100px;
}

#x-main h2 {
    background-color: transparent;
    background-position: center top;
    background-repeat: no-repeat;
    height: 50px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-family: "Open Sans", Tahoma, Sans-serif;
    text-shadow: 1px 1px #686F68;
    background-image: url(images/x-main-tbar-h2bg.png);
    margin: 0;
    padding: 0 15px;
    clear: both;
}

#x-main .x-tbar,
#x-main .x-prom,
#x-main .x-ttop,
#x-main .x-tmid,
#x-main .x-tbtm {
   width: 737px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}

#x-main .x-tmid{
   background: transparent url(images/x-main-tmid.png) 0 0 repeat-y;
   padding: 0;
}

/* text box bottom  / section spacing to keep sace between footer (also see store7.css line 61 padding-bottom) */

#x-main.x-abou .x-tbtm,
#x-main.x-syst .x-tbtm,
#x-main.x-warr .x-tbtm{
    background: transparent url(images/x-main-tbtm.png) 0 0 no-repeat;
    height: 5px;
    display: block;
    margin: 0 0 50px;
 }

/*---different margin for Products We Sell page---*/

 #x-main.x-prod .x-tbtm{
    background: transparent url(images/x-main-tbtm.png) 0 0 no-repeat;
    height: 5px;
    display: block; 
    margin: 0 0 5px;
 }
 
/* text box inset padding */

#x-main .x-tins {
    padding: 20px 15px 20px;
    overflow: auto;
 }

 
 






/* Support pages formatting
-------------------------------------------------- */

#x-main img.x-fl {
    float: left;
    margin: 0 15px 10px 0;
    display: block;
 }
 
 #x-main img.x-fr {
    float: right;
    margin: 0 0 10px 15px;
    display: block;
 }
 
 #x-main img.x-cn {
    float: none;
    margin: 0 auto 15px;
    display: block;
 }
 
 #x-main.x-abou .x-tmid p,
 #x-main.x-syst .x-tmid p,
 #x-main.x-warr .x-tmid p {
    font-size: 14px;
    line-height: 24px;
    /*font-weight: 600;*/
    /*color: #394039;*/
 }

   /*---System Design & Programming pages, the bold "please contact us for more details" part---*/
 #x-main.x-syst .x-tmid p strong {
      color: #394039;
 }

 /*---Font settings for Produts We Sell page ONLY---*/
 
 #x-main.x-prod .x-tmid p{
    font-size: 14px;
    line-height: 22px;
    /*font-weight: 600;*/
    /*color: #394039;*/
 }
   /*---adjusting right picture on this page*/
 .x-warr .x-fr{
    padding-top: 5px;
 }
 
 #x-main #x-cont-right {
    width: 300px;
    float: right;
    text-align: center;
    margin-right: 60px;
    margin-bottom: 25px;
    overflow: hidden;
 }
 
 #x-main #x-cont-right .x-call {
    color: #4E4E4E;
    font: bold 30px/34px "Open Sans", Tahoma, Sans-serif;
    display: block;
    text-align: center;
 }
 
 #x-main #x-cont-right .x-hour {
    color: #4E4E4E;
    font: bold 14px/18px "Open Sans", Tahoma, Sans-serif;
    margin: 0 0 12px;
    display: block;
    text-align: center;
 }
 
 #x-main #x-cont-right .x-mail {
    color: #4E4E4E;
    font: bold 18px/22px "Open Sans", Tahoma, Sans-serif;
    text-decoration: none;
    margin: 0 0 8px;
    display: block;
    text-align: center;
 }
 
 #x-main #x-cont-right .x-mail:hover {
    color: #000;
    text-decoration: underline;
 }
 
 #x-main #x-cont-right .x-mssg {
    width: 276px;
    height: 39px;
    display: block;
    margin: 0 auto;
    background: transparent url(images/x-contact-mssg.png) 0 0 no-repeat;
    overflow: hidden;
 }
 
 #x-main #x-cont-right .x-mssg:hover {
    background-position: left bottom;
 }
 
 #x-main.x-cont img.x-fl {
    margin: 10px 0;
 }
 
 #x-main.x-cont .x-dvdr {
    width: 100%;
    height: 1px;
    background: #95A095 none;
    margin: 0 auto 25px;
    clear: both;
 }
 
 #x-main.x-cont h5 {
    font-size: 24px;
    line-height: 28px;
    text-shadow: 1px 1px #FFF;
 }
 
 #x-main.x-cont #x-chat {
    margin: 10px auto 10px;
 }
 
 #x-main #x-prod-gall {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #B9C1B9 none;
    border: 1px solid #FFF;
    padding-top: 7px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
 }
 
 #x-main #x-prod-gall .x-box {
    width: 112px;
    height: 85px;
    background: #E5E9E3 none;
    border: 1px solid #FFF;
    margin: 0 0 7px 7px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    float: left;
    overflow: hidden;
 }
 
 #x-main #x-prod-gall .x-box .x-cntr {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 112px;
    height: 85px;
 }
 
 #x-main #x-prod-gall .x-box .x-cntr img {
    display: block;
    width: auto;
    max-width: 102px;
    height: auto;
    max-height: 75px;
    margin: 0 auto;
 }