/*element styles*/

html, body{ 
margin:0; 
padding:0; 
text-align:center; 
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
} 

img {
border:none;
}

p, div, form, ul, h1, h2, h3, h4 {
margin:0;
padding:0;
}

/*container styles*/

#pagewidth{ 
width:719px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

#header{
position:relative;  
background-color:#fff; 
width:100%;
margin:0 0 8px 0;
padding:0;
} 

#header-left {
float:left;
}

#header-right {
float:right;
padding-top:12px;
}

#header-three-col {
background:url(images/vety.jpg) bottom left no-repeat #a60000;
min-height:69px;
}

#header-three-col-left {
float:left;
height:100%;
padding:20px 10px 10px 10px;
background-color:none;
}

#header-three-col-right {
float:right;
height:100%;
margin-top:5px;
padding:15px 10px;
border-left:1px dotted #f7f7f7;
}

#leftcol{
width:186px; 
float:left; 
position:relative; 
}

#leftcol .box {
width:186px;
background:url(images/taling.jpg) top left repeat-y #fff;
}

#leftcol .box-top {
background:url(images/subject.jpg) top left repeat-y #fff;
padding:6px;
color:#fff;
font-size:90%;
font-weight:bold;
}

#leftcol .box-top-alt {
background:url(images/subject2.jpg) top left repeat-y #fff;
padding:6px;
color:#fff;
font-size:90%;
font-weight:bold;
}

#maincol{ 
float: right; 
display:inline; 
position: relative; 
width:523px;
margin-left:10px;
}

.latest-books {
float:left;
width:259px;
margin-bottom:15px;
min-height:260px;
}

#latest-books-top {
background:url(images/oi.jpg) top left no-repeat #fff;
padding:6px;
color:#fff;
font-size:90%;
font-weight:bold;
}

.latest-books-left {
float:left;
margin-right:4px;
}

.latest-books-right {
padding-right:8px;
float:left;
text-align:left;
width:146px;
}

#news-list-header {
padding:0;
color:#919191;
font-size:13px;
font-weight:bold;
clear:both;
}

#news-list {
list-style:none;
background-color:#ededed;
padding:8px 4px;
margin-top:0;
}

#news-list li {
padding:0;
margin-top:0;
margin-bottom:8px;
}

.category-result {
width:523px;
margin-top:15px;
}

#category-result-top {
background:url(images/oi.jpg) top left no-repeat #fff;
padding:6px;
color:#fff;
font-size:90%;
font-weight:bold;
}

.category-result-left {
float:left;
margin-right:10px;
}

.category-result-right {
padding-right:8px;
float:right;
text-align:left;
width:420px;
padding-bottom:10px;
}

#book-result {
width:523px;
}

.book-result-left {
float:left;
width:190px;
}

.book-result-right {
float:left;
width:300px;
margin-left:10px;
}

#book-result .text2{
width:320px;
}

#book-result .book-image {
width:190px;
height:291px;
}

.gallery-image-thumb {
width:100px;
height:137px;
border:4px solid #ccc;
}

.gallery-image-thumb:hover {
border:4px solid #666;
}

.cart-table {
width:100%;
color:#919191;
font-size:13px;
line-height:140%;
}

.cart-table td {
padding:10px 0px;
border-bottom:1px solid #999;
}

.cart-table input {
font-family:tahoma;
font-size:11px;
width:25px;
border:1px solid #303030;
}

.cart-table input#submit {
width:63px;
}

#footer{
height:80px; 
background-color:#fff; 
clear:both;
} 

.display-none {
display:none;
}

/*alignment styles*/
.margin-zero {
margin:0;
padding:0;
}

.align-left {
float:left;
}

.align-center {
margin:inherit auto;
text-align:center;
}

.align-right {
float:right;
text-align:left;
}

.margin-bottom-minus-4 {
*margin-bottom:-4px;
}

/*appearance styles*/

.border-bottom-dotted {
border-bottom:1px dotted #ccc;
}

#search input {
font-family:tahoma;
font-size:11px;
width:116px;
border:1px solid #303030;
}

#search input#submit {
width:63px;
}

#search select {
width:64px;
height:17px;
font-family:Tahoma;
font-size:11px;
}

.search-label {
color:#fff;
font-size:70%;
margin:0;
padding:0;
font-weight:bold;
}

#leftcol ul {
color:#000;
list-style:none;
margin:0;
padding:8px;
}

#leftcol ul li {
border-bottom:1px dotted #a3a097;
padding:5px 0px 5px 10px;
background:url(images/aa.jpg) 0px 12px no-repeat;
}

#leftcol .text {
color:#000;
padding:5px 10px 5px 10px;
font-size:10px;
line-height:140%;
}

.title1 {
color: #ABA05F; 
font-weight: bold; 
font-size: 11px;
}

.title2 {
color: #ABA05F; 
font-weight: bold; 
font-size: 9px;
}

.title3 {
color:#a60000;
font-size:9px;
}

.title4 {
color:#a60000;
font-size:11px;
font-weight:bold;
}

.title5 {
color:#000;
font-size:16px;
font-weight:bold;
}

.text1 {
color:#333;
font-size:10px;
}

.text2 {
color:#333;
font-size:13px;
line-height:140%;
}

.text3 {
color:#fff;
font-size:12px;
line-height:140%;
}

.text4 {
color: #000; 
font-size: 12px;
}

.link1 {
color:#919191;
text-decoration:none;
text-align:center;
font-size:10px;
}

.link1:hover {
text-decoration:underline;
}

.link2 {
color:#000;
text-decoration:none;
font-size:11px;
}

.link2:hover {
color:#a60000;
}

.link3 {
color: #ABA05F; 
font-weight: bold; 
font-size: 11px;
text-decoration:none;
}

.link3:hover {
color: #919191; 
font-weight: bold; 
font-size: 11px;
}

.link4 {
color:#919191;
text-decoration:none;
font-size:12px;
}

.link7 {
color:#000;
text-decoration:none;
font-size:12px;
font-weight:bold
}

.link5 {
color:#ABA05F;
text-decoration:none;
font-size:12px;
}

.link6 {
color:#a60000;
text-decoration:none;
font-size:13px;
}

.link4:hover, .link5:hover, .link6:hover, .link7:hover {
text-decoration:underline;
}

.list1 {
list-style:none;
margin-top:15px;
}

.list1 li {
padding:5px 0;
width:300px;
}

.hr1 {
width:80%;
border-bottom:1px dotted #ccc;
height:4px;
}

.red {
color:#FF0000;
}
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}