body{
    background: #D3D3D3;
    font-family:Arial,Helvetica, sans-serif;
}

#wrapper{
    width: 815px;
    margin: 0 auto;
    position: relative;
	background:url(../images/left_sh.png) 0 0 repeat-y;
	padding-left:15px
}

#wrapper2{
    width: 1050px;
    margin: 0 auto;
    position: relative;
	background:url(../images/left_sh.png) 0 0 repeat-y;
	padding-left:15px
}

#wrapper2 #main{
 	border-bottom:1px solid #01009d;
}

#wrapper2 #content{
	width:788px;
}

#second_wrapper{
    background:url(../images/right_sh.png) right 0 repeat-y;
	padding-right:15px
}

a{
  text-decoration: none;
  color:#c5000f;
}

a:hover{
 text-decoration:underline
}

h2 a:hover,h3 a:hover{
	text-decoration:none
}

#header{
   border-left:1px solid #01009d;
   border-right:1px solid #01009d;
  background: url(../images/bk_blue.png) 0 bottom repeat-x;
  padding-bottom: 21px;
}

#header h1{
  background:#1C89CA url(../images/header.jpg) 0 0  no-repeat;
}

#header h1 img{
  display: block;
}


#main{
   border-left:1px solid #01009d;
   border-right:1px solid #01009d;
   background:#fff url(../images/main.png) 0 0 repeat-y;
   overflow: hidden;
}

#sidebar{
  padding-top: 15px;
  padding-left: 9px;
  width: 180px;
  background: url(../images/sidebar_sh.png) 0 0 repeat-x;
  float: left;
}

ul#nav{
  margin-bottom:17px ;
}

ul#nav li a{
   display: block;
   padding: 9px 10px 8px 14px;
   background: #9CC7EF;
   border-bottom: 1px solid #fff;
   font-weight: bold;
   font-size: 0.875em;
   color:#000;
}

ul#nav li {
	display:inline
}

ul#nav li a:hover{
	background:#cde3f8;
	text-decoration:none;
}

ul#nav li.subnav a{
  background:#cde3f8;
}

ul#nav li.subnav li a{
  padding-left:25px;
  background:#cde3f8;
}

ul#nav li.subnav a:hover{
 background:#e8f0f8
}

ul#nav li.selected a,ul#nav li.subnav li.selected a{
  background: #fff;
}

.box{
  background: #fff;
}

.box h2,.box h3,.box h4,.box h5,.box h6{
  background:#0100d2 url(../images/bk_blue2.png) 0 bottom repeat-x;
  color: #fff;
  font-weight: bold;
}

.box h2{
  padding: 8px 14px;
}

.box h4{
  padding: 7px 8px;
  font-size: 0.93em;
}

#content{
  background:#fff url(../images/content_sh.png) 0 0 repeat-x;
  float: left;
  width: 553px;
  padding: 15px 28px 28px;
}

.details{
   background: #fbeca8;
   border: 2px solid #010083;
   padding:13px 13px 3px;
   font-size: 1.37em;
   color:#010058;
   line-height: 120%;
   font-weight:bold
}


.details h2{
	font-size:1.36em;
	margin-bottom:20px
}

.details a{
  font-size: 0.83em;
  font-weight: bold;
}

.details p{
  margin-bottom:12px
}

.intro img{
  display: block;
}

#content .learning{
  margin-right: 0;
  background: #b6d5f1; 
  margin-top: 18px;
  font-size:0.93em;   
  padding-bottom:5px 
}

#content .learning h3{
	font-size:1.46em;
	background:none;
	color:#010058;
	margin:10px 13px 8px;
	line-height:120%
}

#content .learning p{
  line-height: 130%;
  color:#010058;
  margin:0 13px 10px;
}

#content .learning ul li{
   line-height: 130%;
  color:#010058;
  margin:0 13px 10px;
  background:url(../images/bul.gif) 0 6px no-repeat;
  padding-left:7px;
  font-weight:bold
}

#content .learning .descr{
  width:280px;
  float:left
}

#content .learning .interact{
	float:left;
	width:250px;
	margin-left:5px;
	padding-top:4px
}


#content .learning .interact p.caption{
	margin:0 0 8px;
	padding:8px 0;
	border-bottom:1px solid #fff
}

#content .learning a{
  font-weight: bold;
  font-size:1.2em;
  margin-right:10px
}


.submit{
  float: right;
  margin: 10px 10px 8px;
}

#sidebar .box{
  margin-bottom: 10px;
  width: 171px;
  background: #99c4ec;
}

#sidebar .box p,#sidebar .box form{
  color:#010067;
  line-height: 110%;
}

#sidebar .box p{
  font-size: 0.84em;
  padding: 7px 10px 5px;
}

#sidebar .box p a{
  color:#010067;
  font-weight: bold;
  font-size: 1.05em;
  margin-bottom:5px;
  display:block
}

#sidebar .box form{
  font-weight: bold;
  font-size: 0.87em;
  padding: 0px 10px 7px;
}

#sidebar .box form label{
  padding: 6px 0 2px 0;
  display: block;
}

#sidebar .box form .text{
  border-left:1px solid #c3c3c3;
  border-right:1px solid #c3c3c3;
  border-bottom:1px solid #c3c3c3;
  border-top:2px solid #7c7c7c;
  width: 149px;
}

#sidebar .credentials{ 
 background: #fff;
}

#sidebar .credentials p{
  border-top:1px solid #5c99d6;
  text-align: center;
  font-weight:normal;
  font-size:0.93em;
  margin:0 10px;
  padding:20px 0
}

#sidebar .credentials a.logo{
	display:block;
	text-align:center;
	padding:10px 0
}

#footer{
  padding-bottom: 15px;
  background: url(../images/footer_sh.png) 0 0 no-repeat;
  width: 834px;
  margin: 0 auto;
  position: relative;
  padding-top:16px
}

#footer p{
  padding: 8px 0;
  text-align: center;
  color:#01009d;
  border-bottom: 1px solid #01009d;
  font-size: 0.75em;
  width: 800px;
  margin-left:17px
}

/***************************************/
/**** products page ***/

#content h1{
font-weight:bold;
font-size:1.5em;
border-bottom:4px solid #01009d;
margin-bottom:17px;
padding:6px 0
}

h2.products{
font-weight:bold;
color:#01009d;
margin:1em 0 0.5em;
}

table.products tr.even td{
	background:#e8f0f9;
}

table.products{
	border-collapse:collapse
}

table.products td{
	border:1px solid #9cb9da;
	border-collapse:collapse;
	vertical-align:top;
	padding:14px 16px 14px
}

table.products table{
	border-top:1px solid #9cb9da;
	padding-top:6px;
	margin-top:10px
}

table.products table td{
	padding:4px 0;
	border:none;
	vertical-align:middle
}

table.products table th{
	padding:4px 0;
	border:none;
	text-align:left;
	color:#01009d;
	font-weight:bold;
	width:55%;
	vertical-align:middle;
	font-size:0.87em;
}

table.products table td .price{
	color:#c50000;
	font-weight:bold;
	font-size:0.87em;
}

table.products table td .buy{
	float:right
}

table.products  h2 a{
	color:#01009d;
	font-weight:bold;
	line-height:120%
}

table.products h3 a{
	color:#01009d;
	font-size:0.82em;
	font-weight:bold;
}

table.products h3{
	margin-top:-4px
}

table.products p{
	font-size:0.82em;
	margin-top:14px;
	line-height:120%
}

table.products p.isbn{
	font-size:0.87em;
}

table.products p.more{
	font-weight:bold;
}

table.products table p.more{
	margin-top:3px;
	font-size:0.87em;
}
/*******************************/
/*** old pages formating***/
.article{
	font-size:13px;
	line-height:16px;
}	

.article p{
	margin:1em 0
}

.article h2{
	color:#010067;
	font-size:15px;
	font-weight:bold
}

.article ul{
line-height:18px;
margin:2px;
padding:5px 1px 2px 30px;
}

.article ul li{
  background:url(../images/bulred_tr.gif) 0 6px no-repeat;
  padding-left:15px
}

.article ol {
line-height:18px;
margin:2px;
padding:5px 1px 2px 35px;
list-style:decimal
}

.article ol li, .article ul.spaced li{
margin-bottom:0.8em
}

#content .h1blk h1{
border-bottom:none
}

.article strong{
font-weight:bold
}

.article .section{
display:block;
margin:2em 0 0.5em;
font-style:italic;
}

.article .items li a{
color:#010067;
text-decoration:underline;
line-height:2em
}

.article hr{
color:#010067;
margin:2em 0
}

.strong{
font-weight:bold
}

table.order td,table.order th{
padding:10px;
vertical-align:middle;
}

table.order th{
	padding:4px 0;
	border:none;
	text-align:left;
	color:#01009d;
	font-weight:bold;
	width:55%;
	vertical-align:middle;
}

table.order td .price{
	color:#c50000;
	font-weight:bold;
}

em{
font-style:italic
}

.blockquote{
background:#E8F0F8;
line-height:22px;
font-style:italic;
padding:12px 16px;
margin-bottom:20px
}

blockquote strong{
font-style:normal;
}

.article .box h2{
color:#fff;
}

#content .learning p{
line-height:1.7em
}

/******************/
#content .books{
background:#fff;
border-bottom:2px solid #01009d;
border-left:2px solid #01009d;
border-right:2px solid #01009d;
}

#content .books ul.covers{
list-style:none;
margin-left:11px
}

#content .books ul.covers li{
float:left;
background:none;
margin:0;
padding:0
}

#content .books ul.covers li a{
margin-left:4px;
margin-right:0;
}

#content .books h2{
margin-bottom:10px;
text-transform:uppercase
}

#content .books .shopall{
float:right;
margin-right:12px
}

#content .books .actions{
padding-left:11px;
margin-bottom:20px;
}

.tutorial_content{
margin-left:25%
}