/* Mobile Friendly Schema */
/*@media (min-width: 1024px){
  #header { width: 940px; margin: 0px auto;}
  .nav { width:940px; float: left;}
  .nav ul { width: 940px; margin: 0px; padding: 0px; float: left; }
}*/
/*@media (max-width: 1024px){
  #header { width: 440px; margin: 0px auto;}
  .nav { width:440px; float: left;}
  .nav ul { width: 440px; margin: 0px; padding: 0px; float: left; }
}*/




body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*background-color: #1771ae;*/
    background-color: #fdfdfd; 
}
@font-face {
    font-family: 'LatoBold';
    src: url('../im/font/lato-bol.eot');
    src: url('../im/font/lato-bol.eot') format('embedded-opentype'),
         url('../im/font/lato-bol.woff') format('woff'),
         url('../im/font/lato-bol.ttf') format('truetype'),
         url('../im/font/lato-bol.svg#LatoBold') format('svg');
}

#header-bg { background: url(../im/header-bg.jpg) repeat-x;}
#member-header-bg { width: 1050px; margin: auto; background: url(../im/member-header-bg.jpg) repeat-x;}
#header { width: 940px; margin: 0px auto;}
#header-member { width: 1040px; margin: 0px auto;}
.logo { float: left; }
.clear-both { clear: both; }
.nav { width:940px; float: left;}
.nav ul { width: 940px; margin: 0px; padding: 0px; float: left; }
.nav ul li { margin: 0px; padding: 0px; list-style: none; float: left; }
.nav ul li a {text-decoration: none; float: left; font-family: arial; font-size: 13px; color: #444444; padding-left: 20px; padding-right: 20px; padding-bottom: 21px; padding-top: 21px; line-height: 22px; }
.nav ul li a:hover { border-bottom: solid #2b92c7 10px; padding-bottom: 10px; }
.header-bg-bg {background: url(../im/bg.png) no-repeat; background-position: center top;  background-color: #a2c8e2;   }
#header-banner  { background:  url(../im/header-banner.jpg) no-repeat; width: 940px; height: 265px; margin: 0px auto;}
.header-from { float: right; padding-top: 35px; }
.from-box-1-2 { background: none; border: none; background: #fafafa; border: solid 1px #6f9cb7; border-radius: 5px; width: 168px; height: 28px; font-size: 13px; color: #888787; font-family: arial; padding-left: 5px;}
#all-content-bg { width: 1050px; margin: auto auto; background-color: #fdfdfd; /*border-top:  solid 3px #e3e3e3;*/  }
#all-content { width: 940px; margin: 0px auto; padding-top: 12px;}
#all-content-member-side { width: 1050px; margin: 0px auto; padding-top: 12px;}
#footer-bg { background-color: #1771ae; }
#footer { width: 940px; margin: 0px auto; background: url(../im/footer.jpg) no-repeat; height: 85px; padding-top: 20px; }
.footer-link { font-family: arial; font-size: 12px; color: #fdfdfd; text-align: center; word-spacing: 4px; padding-top: 5px; }
.footer-link a { color: #ffffff; text-decoration: none;} 
.maksa-logo {  width:18px; height:18px; background-position: center;   }
.maksa-logo img { vertical-align: middle; padding-left: 3px;}  
#left-bar { width: 262px; float: left; }
#member-left-bar { width: 301px; float: left; }
#right-bar { width: 660px; float: left; margin-left: 10px; border: solid 1px #e3e3e3; }
#member-right-bar { width: 733px; float: left; margin-left: 14px; border: solid 1px #e3e3e3; }
.left-box-top { }
.left-box-bot { background:url(../im/feature-offer.jpg) no-repeat; background-position: center top;  background-color: #2b92c7;  border: solid 1px #e3e3e3; text-align: center; border-top: none; color: #ffffff; }
.hend { background: url(../im/hend1.png); background-position: center top; width: 106px; height: 93px; margin: 0px auto; }
.title-text {font-family: 'LatoBold'; font-size: 25px; color: #fdfdfd; /*text-transform: uppercase;*/ padding-top: 0px; padding-bottom: 10px; }
.left-box-yellow-top { background-color: #ffae00; margin-top:10px; font-family: arial; font-size: 20px; color: #3b3b3b; padding: 8px; font-weight: bold;  }
.left-box-yellow-box { background-color: #ffc600; border: solid 1px #ffae00; }
.side-text { margin: 0px; padding: 0px; width: 245px; margin: 0px auto; padding-top: 10px; padding-bottom: 10px; }
.side-text  li { margin: 0px; padding: 0px;  list-style: none; border-bottom: solid 1px #ffae00; padding-top: 5px; padding-bottom: 5px; font-family: arial; font-size: 13px; color: #222222; /*text-transform: uppercase;*/ line-height: 25px;  }
.left-title-text { font-family: arial; color: #222222; font-weight: bold; /*text-transform: uppercase;*/ font-size: 14px;  }
.left-title-text-feature{ font-family:Verdana; font-size:20px; font-weight:bold; margin:10px 10px; }
.left-text-feature{ font-family:Verdana; font-size:18px; margin:5px 10px; }
.right-top { background: #d9dcdf; height: 16px;   }
.right-title-text { width: 560px; border-bottom: dashed 2px #999999; padding: 8px; margin: 0px auto; text-align: center; font-size: 20px; color: #555555; font-family: 'LatoBold'; padding-bottom: 15px; }
.right-title-top { font-size: 25px; color: #2b92c7; font-family: 'LatoBold'; }
.right-box-design { background-color: #d9dcdf; width: 450px; padding: 15px 10px 5px 10px; margin: 0px auto; margin-top: 30px;  }
.right-box-text{ font-family:Tahoma; font-size:18px; font-weight:bold; color:blue; }
.right-border{ border-bottom: dashed 2px #999999; width: 560px; margin: 0px auto;}
.content-here-box { margin-top: 5px; font-size: 25px; color: #2b92c7; font-family: 'LatoBold'; text-align: center;}
.bottam-blue-line {background-color: #2b92c7; height: 5px; }
.from-box-1 { background: none; border: none; background: url(../im/from-box-bg.jpg) no-repeat; width: 180px; height: 30px; font-family: arial; font-size: 13px; color: #888787; padding-left: 5px;}
.from-box { float: right; margin-top: 30px; }
.member-nav-box { background: #1670ad; /*width: 285px;*/ padding: 8px; font-family: arial; font-size: 20px; color: #ffffff; font-weight: bold;  }
.member-blue-box { background: #2a91c7; border: solid 1px #1670ad; }
.left-menu {margin: 0px; padding: 0px; width: 276px; margin: 0px auto; }
.left-menu li {margin: 0px; padding: 0px; list-style: none; border-bottom:  solid 1px #2080ba; padding-top: 10px; padding-bottom: 10px;  }
.left-menu li a {margin: 0px; padding: 0px; text-decoration: none; list-style: none; font-family: arial; font-size: 14px; font-weight: normal; color: #ffffff; background: url(../im/arrow.png) no-repeat;  background-position: left center; padding-left: 8px;}
.left-menu li a:hover { color: #fcf100; }
.left-menu-1 {margin: 0px; padding: 0px; width: 276px; margin: 0px auto; }
.left-menu-1 li {margin: 0px; padding: 0px; list-style: none; border-bottom:  solid 1px #ffae00; padding-top: 10px; padding-bottom: 10px;  }
.left-menu-1 li a {margin: 0px; padding: 0px; text-decoration: none; list-style: none; font-family: arial; font-size: 14px; font-weight: normal; color: #000000; background: url(../im/arrow-black.png) no-repeat;  background-position: left center; padding-left: 8px;}
.left-menu-1 li a:hover { color: #916301; }
.banner-top { padding-top: 14px; padding-bottom: 10px; float: right; }
/* spot ad  config */
.spotad{ width: 448px; border-width: 0; }
.footer-ads, .footer-ads-item, .left-box-yellow-top, .bannerbottom, .bannerbottomlist { display: none; }
.toplogindiv { display: none; }

@media screen and (max-width: 1024px) {
  #header { width: 100%; margin: 0px auto;}
  .nav { position: relative; min-height: 50px; width:100%; }   
  .nav ul { width: 180px; margin-left: 10px; padding: 5px 0; position: absolute; top: 0; left: 0; border: solid 1px #aaa; background: #FAFAFA url(../im/icon-menu.png) no-repeat 10px 11px; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.3); }
  .nav li { display: none; margin: 0; }
  .nav .current { display: block; }
  .nav ul li a { display: block; padding: 5px 5px 5px 32px; text-align: left; width: 160px; }
  .nav .current a { background: none; color: #666; }
  .nav ul li a:hover { background: none; color: #AD2323; border: 0; padding-bottom: 5px; }
  .nav ul:hover { background-image: none; }
  .nav ul:hover li { display: block; margin: 0 0 5px; }
  .nav ul:hover .current { background: url(../im/icon-check.png) no-repeat 10px 7px; }
  .nav.right ul { left: auto; right: 0; }
  .nav.center ul { left: 50%; margin-left: -90px;}
  #header-banner  { background:  url(../im/header-banner.jpg) auto no-repeat; width: 100%; height: 265px; margin: 0px auto;}
  .header-from { float: right; padding-top: 35px; margin-right: 10px; }
  #all-content-bg { width: 100%; margin: auto auto; background-color: #fdfdfd; }
  #all-content { width: 100%; margin: 0px auto; padding-top: 12px;}
  #left-bar { width: 0px; float: left; visibility: hidden; }
  #right-bar { width: 95%; float: left; margin-left: 10px; border: solid 1px #e3e3e3; }
  #footer { width: 100%; margin: 0px auto; background: url(../im/footer.jpg) no-repeat; height: 85px; padding-top: 20px; }
  .right-border{ border-bottom: dashed 2px #999999; width: 95%; margin: 0px auto;}
  .footer-ads{ display: inline-block; width: 96%; background-color: #ffc600; margin: 10px 10px 10px 10px; text-align: center; }
  .footer-ads-item{ display: inline-block; width: 30%; margin: 10px 0px 10px 10px; vertical-align: top; border: solid 1px #ffae00; }
  .left-box-yellow-top{ display: inline-block; width: 96%; margin-top: 0; }
  .bannerbottom { display: inline-block; margin-left: 15px; }
  .bannerbottomlist { display: inline-block; width: 96%; text-align: center; margin: 10px 0 15px 0; }
  .header-from { display: none;}
  .toplogin { display: inline; background: none; border: none; background: #fafafa; border: solid 1px #6f9cb7; border-radius: 5px; width: 80px; height: 28px; font-size: 13px; color: #888787; font-family: arial; padding-left: 5px; }
  .toplogindiv{ display: inline-block; float: right; margin: 5px 5px 0 0;}
  .error-msg { margin-right: 10px; }
  .content .reg-form{ width: 400px; }
}

@media screen and (max-width: 550px) {
  .right-box-design { width: 370px; }
  #wrap { width: 370px; /*height: 246px;*/ }
  .shadow { width: 370px; }
  .spotad { width: 360px; border-width: 0; }
  .banner468 { margin: 5px; width: 420px; height: 56px;}
}