@charset "utf-8";
/* CSS Document */

/* ### LAYOUT STRUCTURE OF MAIN BODY VARIATIONS */
/* ## 3col std */

#page {
margin: 0 auto;
width: 950px;
font-size: .75em;
line-height: 1.6;
background: url(/vup/images/left-margin-fade.jpg) top left repeat-y;
}
#section-content {
width: 950px;
}
#content-wrap {
width: 740px; /*755px */
float: left;
margin:0;
background: url(/vup/images/grey-bottom-border.gif) repeat-x bottom;
}
#intro-caption {
padding: 12px 220px 10px 17px;
font-size: 1.2em;
line-height: 1.1em;
color:#333;
}
#intro {
margin: 0;
float:left;
background:#E6E6E6 url(/vup/images/home-stars.jpg) no-repeat;
width: 740px
}
#content {
margin:0;
padding: 10px 20px 22px 11px;
border-bottom:#A92727 solid 6px;
width:430px;
float:left;
}
#section-nav {
padding:0;
margin:0;
width: 210px; /*210px*/
float: left;
color: #666;
font-family:"Lucida Grande", Verdana, Arial;
font-size: 0.95em;
line-height: 1.25;
}
/* homepage */
#featured{
	float:right;
	width:270px;
	background-color:#F2F2F2;
	padding-bottom: 12px;
	}
#featured h2{
font-size: 1.2em;
color:#333;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin: 6px 0 0 14px;
padding:0;
	}
.item{
clear: left;
padding: 5px;
}
.item p{
line-height:1.3em;
font-size:0.9em;

}
.item a{
font-family:Arial, Helvetica, sans-serif;
color:#A92727;
font-weight:bold;
}
.item p strong{
font-family:Georgia, "Times New Roman", Times, serif;
color:#333;
font-size:1em;
}
.item  img{
padding:3px;
border: #CCC solid 1px;
background-color:#FFFFFF;
float: left;
}
* html .item p{ /* IE 3px jog hack*/
height: 1%;
}
#item-text
{
    width: 123px;
    display: block;
    float: left;
    margin-left: .5em;
}
.item div#item-text input
{
    margin-left: 0;
    margin-bottom:0;
}
.item p{
margin-top: 0;

}
/* Search box */

.local-nav-lift {
padding-bottom: 14px ;
background: url(imgs/search-lift.gif) bottom no-repeat left;
}
#book-search{
background:#DADADA url(/vup/images/search-grey-bk.gif) repeat-y right;
height:auto;
color:#CCCCCC;
border-top: #FFFFFF solid 1px;
}
.submit-btn, #book-search .go{
background-color:#333 !important;
font-size:11px ;
color:#FFFFFF!important;
border:none;
padding: 3px;
margin-left: 5px;
font-weight:bold;
width:auto;
cursor:pointer;
}
#book-search form{
padding: 8px;
}
#book-search input{
background-color:#F9F9F9;
font-size:12px;
color:#666;
border: #CCC solid 1px;
padding: 3px;
font-weight:bold;
width: 140px;
}
#book-search select
{
background-color:#F9F9F9;
font-size:12px;
color:#666;
border: #CCC solid 1px;
padding: 3px;
font-weight:bold;

margin-bottom: 8px;
width: 140px;
}
#book-search h2,#quicklinks h2{
font-size: 1.4em;
color:#333333;
padding: 5px 10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#quicklinks ul
{
list-style: none;
margin: 0 6px 0 0;
padding: 0;
border: none;
}

#quicklinks li{margin:0;}
#quicklinks li a
{
display: block;
padding: 4px 12px;
color: #949494;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size: 1.1em;
background: url(imgs/quicklinks-arrow.gif) no-repeat left 18%;
}

html>body #quicklinks li a { width: auto; }

#quicklinks li a:hover
{
color: #000;
}
#latestnews h3 ,#latestnews h3 a{
color:#A92727 !important;
text-decoration:none;
font-family: Georgia, "Times New Roman", Times, serif !important;
font-size: 0.8em !important;
font-weight:bold;
}
#latestnews h2#book-news {
  width: 430px;
  height: 40px;
  padding: 0;
  background: transparent url(/vup/images/news-top.jpg) left top no-repeat;
  text-indent: -9999px;
}
#latestnews .date{
color:#999999;
font-size:0.8em
}#latestnews img{
color:#999999;
font-size:0.8em
}
.read-more{
font-family:Arial, Helvetica, sans-serif;
color:#A92727;
font-weight:bold;
font-size:0.8em;
}
#latestnews dl{
	border-bottom: #CCC dotted 1px;
	padding: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
}
#latestnews img{
padding:3px;
border: #CCC solid 1px;
background-color:#FFFFFF;
float: left;
margin: 0 6px 6px 0;
}
#content p img{
padding:3px;
border: #CCC solid 1px;
background-color:#FFFFFF;
float: left;
margin: 0 6px 6px 0;
}
#content p{
clear:right}
#related-outer {
margin: 0;
padding: 0;
width: 210px; /*210px*/
color: #666;
font-family:"Lucida Grande", Verdana, Arial;
font-size: 0.95em;
line-height: 1.3em;
float: right;
position:relative;
}

/* ### GLOBAL SITE STRUCTURES */
#top-links {
padding-top: 15px;
background: #004730 url(/vup/css/imgs/stars.gif) 0 0 repeat-y;
background-position: center top;
font-family: "Lucida Grande", Verdana, Arial;
font-size: .70em;
}

#top-links div { 
margin: 0 auto;
width: 950px;
}

#top-links h1 {
margin-bottom: -54px;
width: 220px;
height: 75px;
float: left;
display: block;
position: relative;
}

#top-links ul {
text-align: right;
}

#top-links li {
margin-left: 10px;
display: inline;
}

#top-links li a {
color: #9AABA5;
text-decoration: none;
}

#top-links li a:hover {
text-decoration: underline;
}

#masthead {
background: url(imgs/top-links.jpg) no-repeat;
background-position: center top;
}

#masthead li {
display: inline;
}

#site-nav {
background: url(imgs/nav-hang1a.jpg) no-repeat;
background-position: center bottom;
clear: both;
}
#sitename {
margin: 0 auto 0 !important;
width: 950px;
text-align: left;
clear: both;
background:url(imgs/site-logo-grey-bk.gif) repeat-x bottom;
padding: 50px 0 0 0 !important;
position:relative;
}
#sitename h3{
float:right;
width: 170px;
margin-right: 10px;
}
#sitename h3 a{
display:block;
padding: 4px;
background:none !important;
}
#sitename h3 a:hover{
background:none !important;
}
#sitename img{
margin: 0;
padding:0;
}
#site-nav label {
margin-right: 0.25em;
color: #333;
font-size: 0.90em;
text-transform: uppercase;
vertical-align: middle;
}
#site-nav div {
margin: 0 auto;
width: 950px;
font-family: Arial,Helvetica,sans-serif;
font-size: 0.7em;
padding-bottom: 16px;
}
#site-nav ul {
background: url(imgs/nav-std.gif) 0 50% repeat-x;
clear: both;
border-top: #F5F5F5 solid 1px;
}

#site-nav li {
display: block;
float: left;
}

#site-nav a {
padding: 8px 1.5em 8px;
background: url(imgs/nav-border.gif) 100% 50% no-repeat;
float: left;
display: block;
color: #333;
text-decoration: none;
}

#site-nav a:hover {
background: url(imgs/nav-hover.gif) 0 50% repeat-x;
color: #FFF;
}

#site-nav a.nav-on, #site-nav a:hover.nav-on {
margin: -2px 0 -1px -1px;
padding: 9px 1.5em 9px;
border: 1px solid #FFF;
border-bottom: 0;
background: url(imgs/nav-on.gif) 0 50% repeat-x;
color: #FFF;
font-weight: bold;
position: relative;
}
#banner-header{
margin: -16px auto 0;
padding: 0 14px 1px; 
width: 922px; /*950px;*/
background: #A92727 url(/vup/images/red-heading-bk.jpg) left 0 repeat-y;
height:50px;
clear:both;
border-top: #FFFFFF solid 1px; 
}
#banner-header h2 {
margin: 15px 0 10px 215px;
font-size: 1.1em;
font-family:Arial, Helvetica, sans-serif;
color: #FFF;
}

#breadcrumb{
font-family:"Lucida Grande", Verdana, Arial;
color:#666!important;
font-size: 0.85em;
}
#breadcrumb a{
font-family:"Lucida Grande", Verdana, Arial;
color: #006699!important;
font-size: 0.85em;
}
#breadcrumb p {
margin: 5px 5px 0 0;
font-weight: bold;
font-family:"Lucida Grande", Verdana, Arial;
font-size: 0.85em;
color: #666;
float:left
}
#breadcrumb ul {

padding:0 0 0 45px; /*padding:0 0 0 45px;*/

}
#breadcrumb li,#breadcrumb p {
display: inline ;
margin: 0;
}
#breadcrumb a {
color: #FFF;
}

/* Shopping cart */
#cart{
width:210px;
position: absolute;
top:-51px;
height: 80px;
background:#333 url(imgs/cart-curv-bottom.jpg) no-repeat bottom left;
}
#cart-inner h1{
background:url(imgs/cart.jpg) no-repeat top left;
text-indent:-9999px;
margin:0;
height:25px;
}
#cart-inner{
margin: 8px;
}
#cart-inner a{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding: 0 5px;
}
#cart-inner p{
padding: 8px 5px 8px 38px;
color:#999999;
}
/* Book Detail */
#bookdetail{
border-top: #E0E0E0 solid 1px;
background:url(imgs/book-grey-fade.jpg) repeat-x top;
padding:12px 0 12px 12px;
height:auto;
}
#bookdetail .bookimage{
float: right;
width: 140px;
}
#bookdetail img{
border:  #CCCCCC solid 1px;
padding:3px;
background-color:#FFFFFF;
margin:0;
}
#bookdetail p{
margin-right: 200px;
margin:0;
padding-bottom:5px ;
}
#bookdetail .price{
font-weight: bold;
text-transform:uppercase;
color:#333;
}
#bookdetail form{
padding-top: 8px;
width: 200px;
}
#footer-pre-outer {
padding-top: 16px;
background: url(imgs/nav-hang1a.jpg) no-repeat;
background-position: center top;
clear: both;
/*border: 1px solid #000;*/
}

#footer-outer {
padding: 16px 0 15px;
background: url(imgs/nav-hang2.jpg) no-repeat;
background-position: center top;
clear: both;
}

#footer {
padding: 5px 0 35px 0;
width: 100%;
clear: both;
background-color:#333333;
}
 #footer-inner {
margin: 0 auto;
width: 950px;
font-family:"Lucida Grande", Verdana, Arial;
font-size: .70em;
line-height: 1.2;
}
#footer {
border-top: 1px solid #FFF;
color: #999;
}
#footer-inner a {
color: #CCC;
}
#footer-inner ul {
margin-top: 10px;
color: #CCC;
font-size: .95em;
}

#footer-inner li {
margin-right: 5px;
display: inline;
}

#footer-inner a {
padding-right: 5px;
color: #fff;
font-size: 1.1em;
}

#footer .page-top {
margin: 10px 0 2em 0;
display: inline;
float: right;
font-size: .90em;
}

#footer .page-top a {
color: #666;
font-weight: bold;
}

#footer p {
margin-top: 1em;
}

#footer .update {
margin-top: 0.8em;
color: #999;
}
.clearb{
clear:both;
}