/* CSS Document */

/* Layout */
/*-----------------------------------------------------------------------------------------*/

body {
background-color: #96944D;
margin: 0;
}

#container {
position:relative;
width: 790px;
margin-left: 10px;
margin-top: 10px;
border: 2px solid #6D5249;
height:auto;
background-color:#866C51;
}

#topcontainer {

}

#header {
height: 130px;
background: url(images/header.jpg) ;
}

#navbar { 
text-align: center;
background: #B5A04A;
border-top: 2px solid #6D5249; 
font-family: Arial, fantasy;
padding: 8px 3px 15px 3px;
}

#maincontainer {
border-top: 2px solid #6D5249;
background: #866C51;
}

#sidebar {
float: left;
background: #866C51;
height: 100%;
width: 190px;
padding: 10px 10px 0px 10px ;
font-family: Arial, fantasy;
}


#mainbody {
width: 540px;
float: right;
padding: 10px 20px 20px 20px ;
background: #E9E0D1;
text-align: justify;
height:100%;
min-height:335px;
}

#checkout {
padding: 20px 20px 20px 20px ;
}


#footer {
background: #B5A04A;
border-top: 2px solid #6D5249;
border-bottom: 1px solid #6D5249;
clear:both;
padding: 0 0 5px 0;
}

/* Lists */
/*---------------------------------------------------------------------------------------*/

ul {
margin: 0;
padding: 0;
}

ol {
margin: 0 0 0 0;
padding: 0;
color:#FFFFFF;
list-style: georgian;
list-style-type:georgian;
}

li {
margin: 0 0 0 0;
padding: 0;
color:#FFFFFF;
list-style:disc;
}

#navbar ul {
display: inline;
}

#navbar li {
display: inline;
padding: 10px;

}
#sidebar ul {
margin-left: 10px;
}

#sidebar li {
margin: 10px 10px 10px 10px;
padding: 0 0 5px 0;
list-style-position:outside;
text-indent: 0;
}

li.current {
font-weight: bold;
}

/* Links */
/*------------------------------------------------------------------------------------------*/

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

#footer a {
color:#5E4C39;
text-decoration:none;
font-weight:bold;
margin-left: 30px;
text-decoration:none;
}

a:hover {
color: #6D5249;
}

#mainbody a:active , #mainbody a:visited, #mainbody a {
color:#FFFFF;
text-decoration:underline;

}

#navbar a:hover {
color: #6D5249;
}

#sidebar a, #navbar a {
color:#FFFFFF;
padding: 0 0 0 0;
}

#sidebar a:hover {
background: #B5A04A;
}

#sidebar h2 {
color:#FFFFFF;
padding: 20px 0 20px 0px;
}

#checkout a:hover {
background:none;
}

#mainbody ul {
display: inline;
margin: 10px 0px 0px 25px;
padding: 0 0 5px 0;
}

#mainbody li {
margin: 10px 0px 0px 25px;
color:#000000;
font-family: Calibri,"Times New Roman", Times, serif ;
list-style-position:outside;
list-style-type:decimal;
line-height: 1.1;
font-size:16px;
padding: 0 0 5px 0;
}

img.floatRight { 
    float: right; 
    margin-right: 0;
	margin-left: 30px;
	margin-top: 0;
	margin-bottom: 10px;
}

img.floatleft { 
    float: left; 
    margin-right: 10px;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 10px;
}

.tag , .tag1{
padding: 0;
font-family: Calibri, Arial;
vertical-align:middle;
}

.tag1 {
text-align:right;
padding: 0 0 10px 0;
vertical-align:middle;
}

.bookdesc {
width: 395px;
float:right;
padding: 0 ;
min-height: 70px;
}

.bookbox {
border: 2px solid #663333;
margin-left: 10px;
margin-bottom: 20px;
padding: 10px;
background-color:#FFFAF2;
}

.downbox {
border: 2px solid #663333;
margin: 0 5px 0 5px;
padding: 0 5px 0 5px;
background-color:#FFFAF2;
}


.drop1 {
margin: 0 0 0 5px;
padding: 0 0 0 0;
vertical-align:middle;
}

.drop2 {
margin: 0 0 0 5px;
padding: 0 0 0 0;
vertical-align:middle;
}
.drop3 {
margin: 0 0 0 5px;
padding: 0 0 0 0;
vertical-align:middle;
}

.top {
padding: 0 0 0 0;
float:right;
}

.footalignleft {
float:left;
}

.footalignright {
float:right;
}

/* Text */
/*-----------------------------------------------------------------------------------------*/

h1 {
margin: 0;
padding: 20px 0 20px 0px;
font-size: 24px;
font-family: "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
}

.bookdesc h2 {
margin: 0;
padding: 0;
font-size: 16px;
font-family: "Times New Roman", Times, serif;
color:#696836;
font-weight: bold;
font-variant:small-caps;
}

h2 {
margin: 0;
padding: 0 0 10px 0px;
font-size: 16px;
font-family: "Times New Roman", Times, serif;
color:#696836;
font-weight: bold;
font-variant:small-caps;
}

#sidebar h2 {
margin: 0;
padding: 20px 0 10px 0px;
font-size: 20px;
font-family: "Times New Roman", Times, serif;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}

h3 {
margin: 0;
padding: 10px 0px 10px 0px;
font-size: 16px;
font-family: "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
font-style:italic;
}

h4 {
margin: 0;
padding: 0px 0px 10px 0px;
font-size: 16px;
font-family: "Comic Sans MS", Arial;
color:#000000;
font-weight:bold;	
}

.bookdesc h4 {
margin: 0;
padding: 0px 0px 10px 0px;
font-size: 14px;
font-family: "Comic Sans MS", Arial;
color:#000000;
font-weight:bold;	
}


#footer p {
font-family: Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0;
font-size:small;
padding:5px;
}

p {
padding: 0px 10px 20px 0;
font-family: Calibri,"Times New Roman", Times, serif ;
text-align:justify;
font-size:16px;
}

.bookdesc p {
padding: 10px 10px 20px 0;
font-family: Calibri,"Times New Roman", Times, serif ;
text-align:justify;
font-size:16px;
}

.white {
color: white;
padding: 5px 10px 5px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.white1 {
color: white;
padding: 5px 10px 5px 10px;
font-family:"Times New Roman", Times, serif;
}

@font-face {
   font-family: Calibri;
   font-style:  normal;
   font-weight: normal;
   src: url("assets/calibri0.eot");
}