@charset "utf-8";

	/* COMMON ELEMENTS */
html{
	background:url(../images/main-repeat.gif) repeat
}
body{
	margin:0;
	padding:0px;
	background:url(../images/body-x.gif) repeat-x left top;
	
}
.clear:after,.main-contents:after,.header-inner:after,.main-header:after,.sidebar-box-inner:after,.bottom-txt-box:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
a img{
	border:0
}
a,input,select,textarea{
	outline:none
}
html,body{
	height:100%
}
a{
	color:#73A101;
}
a:hover{
	color:#F07901;
}

article,aside,figure,figcaption,footer,hgroup,header,nav,section{
	display:block
}

div.divlinks {
	float:right;
	padding:0;
	margin:0 0 25px 0;
}
div.divlinks a {
	text-decoration:none
}
	/* COMMON ELEMENTS */

#main-wrap{
	clear:both;
	width:1058px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	 z-index:1
}

	/* Begin header */
.main-header{
	clear:both;
	width:982px;
	padding:0 38px;
	position:relative;
	z-index:3;
	overflow:hidden;
}

.header-inner{
	clear:both;
	width:982px;
	padding-top:20px;
	position:relative;
	z-index:6
}
.main-logo{
	float:left;
	margin:0 0 0 25px;
}
.details-btn,.signin-btn{
	background:url(../images/red/btns-sprite.png) no-repeat 0 0
}
a.login-btn, a.logout-btn {
	display:block;
	float:right;
	padding:0 10px;
	margin:0 20px 0 20px;
	border-radius:12px;
	text-decoration:none;
	color:#163973;
	border:1px solid #163973;
	font-size:16px;
	font-weight:bold;
}
a.login-btn:hover, a.logout-btn:hover {
	color:#4081ee;
	border:1px solid #4081ee;
}

.header-nav{
	float:left;
	width:936px;
	padding:20px 26px 30px 20px;
}

.header-nav ul,.sub-nav{
	float:right;
	height:31px;
	margin:0;
	padding:1px 0 0 0;
	list-style:none;
	position:relative;
}

.header-nav li,.sub-nav li{
	float:left;
	white-space: nowrap;
	width:auto;
	padding-right:2px;
	position:relative;
}
.header-nav li a,.sub-nav li a{
	display:block;
	float:left;
	width:auto;
	height:31px;
	margin-right:20px;
}
.header-nav li a.subscribe{
   margin-right:0 !important;
   padding-right:0 !important;
}

.divsepbuy {
margin: 20px 0 20px 0;
border:3px solid #E4C2A7;
padding: 0 20px 20px 20px;
	-moz- border-radius:8px;
	-webkit- border-radius:8px;
	border-radius:8px
}
.gri {
color:#612C02;
}
.divsepbuy img {
	margin:8px 0 0 0;
}
.divsepbuyc {
text-align:center; 
margin: 0; 
font-size:14px;
}


	/* End header */

	/* Begin contents */
.main-container,.main-header,.main-footer{
	background:url(../images/main-y.png) repeat-y;
}
.main-container{
	clear:both;
	width:982px;
	padding:0 38px;
	overflow:hidden;
	position:relative;
	z-index:1
}
.contents{
	clear:both;
	width:982px;
	min-height:350px;
	padding-bottom:2px
}
* html .contents{
	height:auto !important;
	height:350px
}

h1 {
	margin:0 0 10px 0;
	padding:0;
	font-size:26px;
	color:#163973;
	line-height:1.4;
}
h2 {
	font-size:22px;
	color:#F07901;
	margin:30px 0 5px 0;
	line-height:1.4;
}
h3 {
	color: #0073e6;
	margin:25px 0 5px 0;
}


.left-arrow,.right-arrow{
	position:absolute;
	left:0;
	top:107px;
	z-index:12
}
.right-arrow{
	left:auto;
	right:0px
}
.twocol-contents{
	float:left;
	width:955px;
	padding-left:27px;
	position:relative
}
.left-col{
	float:left;
	width:588px;
	margin-top:22px
}

.left-col img.imgscal {
    width: 100%;
    height: auto;
}


.bottom-txt-box{
	float:left;
	width:536px;
	min-height:50px;
	margin-top:45px;
	padding:20px 0 16px;
	background:#f4ede7;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position:relative
}
* html .bottom-txt-box{
	height:auto !important;
	height:45px
}

.right-sidebar{
	float:right;
	width:342px;
	margin-top:22px;
}
.right-sidebar ul{
	clear:both;
	width:285px;
	margin:10px 0 0 15px;
	padding:14px 5px 15px 5px;
	border-top: 8px solid #8a5c3c;
	list-style:none;
	overflow:hidden
}
.right-sidebar li{
	clear:both;
	padding-left:22px;
	margin-top:5px;
	background: url(../images/orange-bullet.gif) no-repeat 0 6px
}
.right-sidebar h4 {
	font-size:16px;
	font-weight:normal;
	margin: 10px 0 -7px 20px;
	padding:0 0 0 25px;
	background: url(../images/files.jpg) no-repeat 0 0
}
.sidebar-box-wrap{
	width:326px;
	position:relative;
}

.sidebar-box-head{
	clear:both;
	width:326px;
	height:36px;
	padding:16px 0 0;
	background:url(../images/red/right-box-head.png) no-repeat left top
}
.sidebar-box{
	clear:both;
	width:326px;
	background:url(../images/box-repeat-y-r.png) repeat-y left top
}
.sidebar-box-btm{
	clear:both;
	width:326px;
	height:28px;
	background:url(../images/red/right-box-btm.png) no-repeat; 
	overflow:hidden
}
.sidebar-box-inner{
	clear:both;
	width:297px;
	min-height:192px;
	margin:0 0 0 13px;
	padding:0;
	background:url(../images/red/right-box-inner-bg.png) no-repeat left top 
}
* html .sidebar-box-inner{
	height:auto !important;
	height:192px
}

.box-thumb{
	clear:both;
	width:230px;
	padding:12px 0 0 33px;
	overflow:hidden
}
.box-thumb img{
	float:left;
	width:auto;
	margin:0
}
.caption{
	display:block;
	clear:both;
	margin-top:-6px;
	position:relative
}
.easy-course-box .caption{
	margin-top:10px
}
.details-btn{
	display:block;
	clear:both;
	width:136px;
	height:35px;
	margin:8px 0 0 85px;
	background-position:0 -200px
}


div.divarticle {
	margin:30px 0 10px 0;
	font-size:12px;
	text-align:right;
}
.divarticle a {
	color:#000;
}

	/* End contents */

	/* Begin footer */
.footer-wrap{
	float:left;
	padding-bottom:175px;
	position:relative;
}
.main-footer{
	clear:both;
	width:985px;
	height:185px;
	padding:0 37px 0 36px;
	position:relative;
	z-index:5
}
.footer-inner{
	width:982px;
	padding:0 1px 0 2px;
	height:250px;
	background:url(../images/red/footer-inner-bg.jpg) no-repeat left top;
	position:absolute;
	left:36px;
	top:6px;
	overflow:hidden
}
.footer-btm{
	width:1058px;
	height:175px;
	background:url(../images/red/footer-btm.png) no-repeat left top;
	position:absolute;
	left:0; 
	bottom:0;
	z-index:3
}

.footer-left{
	float:left;
	width:586px;
	margin-top:135px;
	padding-left:64px
}
.footer-right{
	float:right;
	width:310px;
	margin-top:120px
}
.footer-left ul{
	float:left;
	width:270px;
	margin:0;
	padding:0;
	list-style:none
}
.footer-left li{
	clear:both;
	margin-top:-7px;
	padding-left:32px;
	background:url(../images/flag-bullet.png) no-repeat left 1px;
	position:relative
}
* html .footer-left li{
	background:url(../images/flag-bullet.gif) no-repeat left 2px
}
.copyright{
	clear:both;
	width:270px;
	padding-right:40px
}
.footer-logo{
	float:left;
	width:auto;
	margin:32px 0 0
}
.divdonate {
	float:left;
	width:auto;
	margin:30px 0 0 10px;
	text-align:center;
}
.divdonate a {
	color:#fff;
	font-size:25px;
}
	/* End footer */

	
	

/* R.N. */
p, li {
	text-align:justify;
	line-height:1.4;
}
p.imptext {
	background-color:#EE7A00;
	color:#fff;
}
ul.impul{
	list-style:none;
	margin:10px 0 0 15px;
	padding:0;
}
.impul li{
	padding-left:22px;
	margin-top:10px;
	background: url(../images/orange-bullet.gif) no-repeat 0 6px;
	
}

ul.impul li ul {
	list-style:none;
	margin:10px 0 10px 5px;
	padding:0;
}
ul.impul li ul li {
	background:none
}

div.listdr {
	margin:0;
	padding:5px 0 0 15px;
}
.listdrli {
	display:block;
	padding:15px 0 0 20px;
	background: url(../images/orange-bullet.gif) no-repeat 0 18px;
	font-weight:bold
}

p.nextpage {
	text-align:center;
	margin:0 auto;
	padding:0 0 8px 0;
	margin:10px 0 0 0;
	font-size:15px;
}
p.nextpage img {
	vertical-align:middle;
	margin:0 2px 0 0;
}
p.preview {
	margin:0 0 20px 0;
	padding:20px;
	line-height:1.2;
	font-size:12px;
	background:#f4ede7;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	color:#333;
}
p.preview em {
	font-style:normal;
}
p.preview a {
	text-decoration:none;
}
span.name {
	color:#5A7C09;
}
.right-sidebar h3 {
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#F07901;
	background-image:url(../images/barita.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
.verde {	
	color:#72a200 !important;
}
.port {
	color:#F07901;
}
div.divcontentright {
	width:282px;
	padding:0 32px 0 28px;
}


/*test*/
div.catch {
	margin:0 auto;
	width:982px;
	height:256px;
	background-image:url(../images/bannermare-catc.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

#andrei {
	clear:both;
	font-size:13px;
	font-family:"trebuchet ms", Arial;
	padding:0 0 0 7px;
	margin:0 0 20px 0;
}
#andrei img {
	border:1px solid #5F3914;
	padding:2px;
	width:250px;
	height:216px;
}

.textreview {
	padding:10px;
	font-size:17px;
	font-style:italic;
}
.intrerev {
	margin:10px 0;
}



/* ---------------- responsive css--------------------------- */

/* Smartphones (portrait and landscape) ----------- */


@media screen and (max-width: 480px) {

ul.main-nav li:not(.chessschool) {
	display:none;
}
	
.main-header {
    width: 100%;
    padding: 0px;
    background-size: 100% 100%;
	background: #fefaf0;
	height:100%;
}
.header-upper {
    width: 100%;
    padding: 0px;
}
#main-wrap {
    width: 100%;
}
.header-inner {
    width: 100%;
    padding-top: 16px;
}
.header-nav {
    width: 93%;
    padding: 9px 13px 20px;
}
.header-nav ul, .sub-nav {
    width: 100%;
    height: 100%;
	background:none;
}
.login-btn, .logout-btn  {
    float: right;
	margin-top:12px !important;
}
.main-logo {
    margin: 0px 5px 10px 10px;
	float:left;
	max-width: 60%;
	height:auto;
}
.header-nav li a {
      width:100%;
}
.main-nav {
	text-align:center;
}
.main-nav li {
	width:100%;
}
.main-container {
    width: 100%;
    padding: 0px 0px;
}
.main-container, .main-footer {
    background: #fff;
}
div.catch {
    width: 100%;
    height: 95px;
    background-size: 100% 100%;
}
.twocol-contents {
    width: 94%;
    padding: 0px 10px;
}
.left-col {
    margin-top: 22px;
    width: 100%;
    float: none;
}
.contents {
    width: 100%;
}
.right-sidebar {
    float: none;
    width: 100%;
    margin: 22px auto 0px auto;
}
.sidebar-box-wrap {
    width: 100%;
	margin-top: 0px !important;
}
.sidebar-box-head {
    width: 100%;
    background-size: 100% 100%;
}
.sidebar-box {
    width: 100%; 
}
.sidebar-box-inner {
    width: 92%;
min-height: 192px;
background-size: 100% 100%;
margin: 0px 10px;
}
.header-upper {
	text-align:center;
}
.sidebar-box {
    width: 100%;
    background-size: 100% 100%;
}
.sidebar-box-btm {
    width: 100%;
    background-size: 100% 100%;
}
div.divcontentright {
    width: 100%;
    padding: 0px ;
}
.main-footer {
    width: 100%;
    padding: 0px;
	height: 360px;
}
.footer-inner {
    width: auto;
padding: 0px 1px 0px 2px;
left: 0px;
background-size: 100% 100%;
height: 100%;
  overflow: inherit;
  background: none repeat scroll 0% 0% #fefaf0;
}
.footer-left {
    width: 100%;
    padding-left: 0px;
	margin-top: 22px;
}
.footer-wrap {
    float: none;
    padding-bottom: 0px;
}
.header-nav li, .sub-nav li {
    font-size: 100%;
}
.main-nav li a {
	font-size:18px;
}
.footer-btm {
    width: 100%;
}
.footer-left ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: outside none none;
}
.footer-right {
    width: 100%;
    margin-top: 21px;
}
.copyright {
    width: 100%;
    padding-right: 20px;
}
.footer-logo {
    float: right;
    width: auto;
    margin: 10px 0px 0px;
}
.right-sidebar h3 {
    background-position: left bottom;
}
#andrei img {
    border: 1px solid #5F3914;
    padding: 2px;
    width: 100%;
    height: 100%;
}
#andrei {
    text-align: center;
}
.clear {
	display:none !important;
}
}
@media screen and (min-width: 480px) and (max-width: 1029px) {
	.clear {
	display:none !important;
}
	#andrei {
    text-align: center;
}
	#andrei img {
    border: 1px solid #5F3914;
    padding: 2px;
}
 .main-header {
    width: 100%;
    padding: 0px;
	height:100%;
	background:#fefaf0;
}
.header-upper {
    width: 100%;
    padding: 0px;
}
#main-wrap {
    width: 100%;
}
.header-inner {
    width: 100%;
    padding-top: 20px;
}
.header-nav {
    width: 100%;
    padding: 10px 0px 20px;
}
.header-nav ul, .sub-nav {
    width: 100%;
    height: 100%;
	background:none;
}
.login-btn, .logout-btn {
    float: right;
	margin-top:12px !important;
}
.main-logo {
    margin: 0px auto;
	float:none;
	max-width: 100%;
    height: auto;
}
.header-nav li a {
      width:100%;
}
.main-nav {
	text-align:center;
}
.main-nav li {
	width:100%;
}
.main-container {
    width: 100%;
    padding: 0px 0px;
}
.main-container, .main-footer {
    background: #fff;
}
div.catch {
    width: 100%;
    height: 195px;
    background-size: 100% 100%;
}
.twocol-contents {
    width: 94%;
    padding: 0px 10px;
}
.left-col {
    margin-top: 22px;
    width: 100%;
    float: none;
}
.contents {
    width: 100%;
}
.right-sidebar {
    float: none;
    width: 100%;
    margin: 22px auto 0px auto;
}
.sidebar-box-wrap {
    width: 100%;
	margin-top: 0px !important;
}
.sidebar-box-head {
    width: 104%;
    background-size: 100% 100%;
}
.sidebar-box {
    width: 100%; 
}
.sidebar-box-inner {
    min-height: 192px;
background: none repeat scroll 0% 0% rgb(247, 238, 231);
margin: 0px 30px;
width: 94.7%;
border-right: solid 3px #C6AD9D;
}
.header-upper {
	text-align:center;
}
.sidebar-box {
    width: 100%;
    background-size: 100% 100%;
}
.sidebar-box-btm {
    width: 104%;
background-size: 100% 100%;
}
div.divcontentright {
    width: 100%;
    padding: 0px ;
}
.main-footer {
    width: 100%;
    padding: 0px;
    height: 230px;
}
.footer-inner {
    width: 100%;
padding: 0px 1px 0px 2px;
left: 0px;
background-size: 100% 100%;
height: 100%;
  overflow: inherit;
  background: #fefaf0;
}
.footer-left {
    width: 54%;
    padding-left: 0px;
    margin-top: 20px;
}
.footer-wrap {
    float: none;
    padding-bottom: 0px;
}
.header-nav li, .sub-nav li {
    font-size: 100%;
}
.main-nav li a {
	font-size:18px;
}
.footer-btm {
    width: 100%;
}
.footer-left ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: outside none none;
}
.footer-right {
    width: 43%;
    margin-top: 115px;
    margin-right: 16px;
}
.copyright {
    width: 100%;
    padding-right: 20px;
}
.footer-logo {
    float: right;
    width: auto;
    margin: 10px 0px 0px;
}
.right-sidebar h3 {
     background-position: left bottom;
}
.box-thumb {
    clear: both;
    width: 100%;
    padding:0px;
    overflow: hidden;
    text-align: center;
}
.box-thumb img {
    margin: 0px;
    float: none;
    width: auto;
}
.details-btn {
    margin: 20px auto;
}
.caption {
    margin-top: 10px;
}
.clear {
	display:none !important;
}
}
@media screen and (orientation: landscape) {
  	table td {
		padding:5px;
	}
}

	
	/* ================= responsive table compare css start =========== */
		
	@media 
	only screen and (max-width: 320px),
	(min-device-width: 320px) and (max-device-width: 600px)  {
	
		/* Force table to not be like tables anymore */
		 #tcompare, #tcompare thead, #tcompare tbody, #tcompare th, #tcompare td, #tcompare tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		#tcompare thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		#tcompare tr { border: 1px solid #ccc; }
		
		#tcompare td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
			padding-top:4px;
			padding-bottom:4px;
		}
		
		#tcompare td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		#tcompare td:nth-of-type(1):before { content: " "; }
		#tcompare td:nth-of-type(2):before { content: "Chess Book"; }
		#tcompare td:nth-of-type(3):before { content: "Chess Videos"; }
		#tcompare td:nth-of-type(4):before { content: "Chess Teacher"; }
		#tcompare td:nth-of-type(5):before { content: "GM Package"; }
	
	}
	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		
		}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {
		
	}
	* { 
	margin: 0; 
	padding: 0; 
}

#page-wrap {
	margin: 50px;
}
p {
	margin: 20px 0; 
}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	
	th { 
		background: #fff; 
		color: #000; 
		font-weight: bold; 
	}
	td, th { 
	padding-top:4px;
			padding-bottom:4px;
		border: 1px solid #ccc; 
		text-align: left; 
	}
/* ================= responsive table css end =========== */


.hpprom {
	color:#72a200;
	font-size:18px;
	text-align:center; 
	margin:30px auto;
	line-height:0.9;
}
.recmic {
	font-size:12px;
	padding: 20px;
	background-color:#fefaf0;
	width-max:400px;
}
div.lincuridr {
	padding:10px 0 0 0;
	text-align:right;
	font-size:13px;
}
div.lincuridr a {
	text-decoration:none;
	color:#000;
}
div.lincuridr a:hover {
	text-decoration:underline;
	color:#000;
}
p + h2, ul + h2, div + h2, hr + h2 {
	margin-top: 2em;
}

div.test-concl {
	line-height: 1.3 !important;
	font-weight:normal;
	margin:0 0 30px 0;
}
#test-beg {
}