/*
Theme Name: UVICBOOK2
Description: A theme with much help from many sources by Katharine Wright.
Version: 2.0
	
*/

body {  
	margin: 0;
	padding: 0;
	background: #e9e7e8 url(../images/background.gif) repeat-y center;
	font: 11px/18px Arial;
	color: #767475;
}

img {
	border: 0;
}

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

a:hover {
	color: #ca1717;
}

#wrapper {
	width : 730px;
	margin : 0 auto;
	background : #fff;
	padding : 10px 5px;
}

#header {  
	width: 730px;
    margin: 0 auto;
	height: 88px;
	margin: 5px 0;
}

#logo {  
	width: 50%;
	float: left;
	height: 38px;
    margin: 0 auto;
	background: url(../images/index_logo.jpg) no-repeat;
	cursor: pointer;
}

#uppercart {  
	width: 50%;
	float: right;
	text-align: right;
	margin: 20px 0px 0px 0px;
}

/*
******************
NAVIGATION 
******************
*/
#newnav {
	width: 728px;
	margin: 0 auto;
	background-color: #ebeaea;
	margin-bottom: 10px;
    border: 1px solid #e2e2e2;
}

#newnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 5px;
	}

#newnav li {
	float: left;
	margin: 0;
	padding: 0;
	}

#newnav li a {
	float: left;
	margin: 0 1px 0 0;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
    padding: 5px 10px;
	color: #34699E;
	}

#newnav li a:hover {
	color: #fff;
	background: #354966;
	}
	
#newnav .there a {  
	background-color: #E2E2E2;
	color: #CA1717;
	}

#newnav .there a:hover {
	background-color: #354966;
	color: #fff;
	}

/*
+++++++++++++++++++
LAYOUT 
+++++++++++++++++++
*/

#content-wrap {
	width: 100%;
	clear: both;
	overflow: hidden;
}

#content-wrap #panel {  
	width: 260px;
	float: left;
	font-size: 12px;  
}

#content-wrap #main {  
	width: 460px;
	padding: 5px;
    padding-top: 0px;
	float: right;
    line-height: 150%;
    font-size: 12px;
}

#content-wrap #sidenav {  
	width: 180px;
    padding: 5px;
    height: 100%;
	float: left;
    background-color: #fff;
    font-size: 12px;
}

#content-wrap #submain {  
	width: 510px;
	float: right;
	padding-right: 5px;
	font: 12px/20px Arial;
	color: #767475;
}

#content-wrap #merchmain {  
	width: 510px;
	float: right;
	padding-right: 5px;
	font: 12px/20px Arial;
	color: #767475;
}

#content-wrap #event {  
	width: 700px;
	padding-top: 5px;
	padding-left: 15px;
	font: 12px/20px Arial;
}

/*
===================================
INDEX PAGE 
===================================

*******************
In Brief Side Panel 
*******************
*/
 
#panel .box {  
	width: 240px;
	padding: 5px;
}

#inBrief {  
	width: 250px;
	border: 1px solid #e2e2e2;
	padding-bottom: 5px;
	margin-bottom: 14px;
}

#inBrief .subheading {  
	height: 16px;
	padding-left: 16px;
	background: url(../images/star_bl2_16.gif) no-repeat;
	margin: 0 0 15px 0;
}

#inBrief .heading {  
	background: #efefef url(../images/index_inBrief.gif) no-repeat;
	height: 28px;
	margin-bottom: 5px;
	border-bottom: 1px solid #e2e2e2;
}


#inBrief #bluebox { 
	width: 210px;
	padding: 5px;
	padding-left: 25px;
	margin: 0 auto;
	background: #e7eef8 url(../images/trade_search_16.gif) no-repeat;
	background-position: 5px 5px;
	border: 1px solid #8faccb;
}

/*
****************
NEWSLETTER 
****************
*/

#news {
	width: 250px;
	border: 1px solid #e2e2e2;
}

#news a:hover {
	border-bottom: 1px solid #ccc;
}

#news .heading {
	background: url(../images/head_enews.gif) no-repeat;
	height: 23px;
	margin-bottom: 5px;
}

/*
*****************
INDEX ADS
*****************
*/

.adbox {  
	width: 165px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 2px solid #e2e2e2;
	float: left;
}

.adbox img {
	width: 165px;
	height: 130px;
	color: #ccc;
	vertical-align: bottom;
}

.adboxwords {  
	font-size: 12px;
	border-top: 1px solid #efefef;
	text-align: right;
	padding-right: 5px;
}

#adboxtop {  
	width: 100%;
	height: 30px;
	margin-bottom: 15px;
}

#adboxtop h1 {
	color: #369;
	font: 20px "Verdana", Helvetica, Arial, Sans-Serif;
}

.adboxbig {  
	width: 350px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 2px solid #e2e2e2;
	float: left;
}

.adboxbig img {
	width: 350px;
	height: 130px;
	color: #ccc;
	vertical-align: bottom;
}

/*
****************
ENEWS LONG BOX INDEX ONLY
****************
*/

#enews { 
	width: 723px;
    margin: 0 auto;
    margin-top: 10px;
	padding: 4px 2px 0 5px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background: #efefef;
    vertical-align: middle;
}

#enews .icon {
	background: url(../images/index_enews.gif) no-repeat;
	height: 28px;
	display: block;
    padding: 5px 5px 0 100px;
	font-size: 1.1em;
}


#enews span {
	font-weight: normal;
}


/* 
*******************
WHITESPACE
*******************
 */

#whitespace {  /* div */
width: 100%;
height: 10px;
background-color: #fff;
}

.wspace {  /* class */
width: 100%;
height: 10px;
background-color: #fff;
}

/*
===================================
SUBPAGES
===================================

***************
SUBPAGE SIDE NAVIGATION
***************
*/

#sidenav ul{  
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidenav ul li{  
	border-bottom:1px dotted #ddd;
	margin-bottom:0.3em;
	padding:0.3em;
}

#sidenav p {  
	font-size: 11px;
	line-height: 19px;
}

#sidenav p a { 
	background-color: #efefef;
}

#sidenav p a:hover {
	background-color: #f7f7f7;
}

#sidenav h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	color:#369;
}
#sidenav h2 a{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	color:#369;
} 

#sidenav h2 a:hover{
	color: #ca1717;
}

#sidenav img {
	margin-bottom: 5px;
}

#sidenav img a {
	margin-bottom: 5px;
}

#sidenav #minibox  {
	margin: 15px 0px 0px 0px;
	padding: 5px 5px 10px 5px;
	border: 1px solid #e2e2e2;
}

#sidenav #minibox a:hover {
	border-bottom: 1px solid #ccc;
}

/*
*****************
SUBMAIN COLUMN
*****************
*/

			
#submain h1 { 
	color: #369;
	font: 20px "Verdana", Helvetica, Arial, Sans-Serif; 
}

#submain h2 {  /* striped headings  */
	font-size: 16px;
	font-weight: bold;
	color: #369;
	padding: 5px;
	background: #ebebe8;
	
}

#submain h2 img { 
	vertical-align: middle;
}

#submain h2 a {  
	color: #369;
}

#submain h2 a:hover {  
	color: #ca1717;
}

#submain h3 { /* smaller gray subtitles  */
	color: #666;
	font-weight: bold;
	line-height: 90%;
	font-size: 16px;
}

#submain .text { 
	color: #666; 
}
#submain  p img {  
	margin-right: 15px;
	margin-bottom: 5px;
	float: left;
}

#submain p a, .infolink a, .download a { 
	color: #666;
	background-color: #DDE7F4; 
	text-decoration: none; 
}
			
#submain p a:hover, .infolink a:hover, .download a:hover { 
	color: #000;
	border-bottom: 1px solid #369;
	background-color:#FFF;
}
						
#submain .postInfo { /* smaller text with red top border */
	font-size: 11px;
	border-top: solid 2px #ca1717;
	padding: 5px 0px 5px 0px;
	margin: 15px 0px 0px 0px;
}

#submain .bestsellerbox { 
	height: 150px;
	display: block; 
	margin: 10px 0px;
	padding: 3px 0px;
	border-bottom:1px dotted #e2e2e2;
}

#submain .bestsellerbox img  {
	margin-right: 15px;
	margin-bottom: 5px;
	float: left;
}

#submain blockquote {  
	background-position: 0px 7px;
	width: 200px;
	float: right;
	font-weight: normal;
	font-style: italic;
	letter-spacing: -2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	text-align: left;
	line-height: 90%;
	padding: 0px 0px 5px 30px;
	margin: 5px 5px 5px 5px;
	color: #666;
}

#submain blockquote a img {
	border: 0px;
}

/*
******************
CONTACTS COLUMNS
******************
*/
#submain #leftcolumn { 
	width: 250px;
	margin-right: 10px;
	float: left;
}

#submain #rightcolumn { 
	width: 250px;
	float: right;
}

.columnheader  {  
	width: 250px;
	margin-top: 15px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;color: #666;
	font-weight: bold;
	line-height: 90%;
	font-size: 16px;
}

.contactlist {
	height: 100%;
	width: 100%;
	padding-bottom: 10px;
}

.contactlist ul {
	font-size: 12px;
	list-style-image: url(../images/star_bl2.gif);
}

.contactlist ul li {
	margin-bottom: 10px;
}

/*
****************
MERCH PAGES - SELLING BOXES
*****************
*/

#submain .sellbox {  
	width: 150px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 2px solid #e2e2e2;
	float: left;
}

#submain .sellbox img {
	height: 150px;
	color: #ccc;
	vertical-align: middle;
	text-align:center;
}

#submain .sellboxwords {  
	font-size: 11px;
	border-top: 1px solid #efefef;
	text-align: center;
}

#submain .sellboxwords a  {  
	color: #369;
	text-decoration: underline;
}

#submain .sellboxwords a:hover { 
	color: #ca1717;
}

/* 
*******************
FAQS
*******************
 */
#faq {
	margin-top: 20px;
}

#faq ul  {
	list-style-image: url(../images/star_bl2.gif);
}

#faq li a  {
	color: #666;
	background-color: #DDE7F4; 
	text-decoration: none; 
}

#faq li a:hover  {  /* this might have to go */
	color: #000;
	border-bottom: 1px solid #369;
	background-color:#FFF;
}

#faq h4  {
	color:#666;
	font-weight: bold;
	font-size:14px;
	margin-bottom: -12px;
}

/* 
*******************
ALERT BOX
*******************
 */

#ai {
	width: 500px;
	float: left;
	padding-left: 10px;
}

#ai .alert {
	width: 490px;
	padding: 5px;
	background-color: #e7eef8;
	border-bottom: 1px solid #8faccb;
	border-top: 1px solid #8faccb;
	font-size: 12px;
	color: #222;
	margin-bottom: 15px;
}

#ai .alert img {
	vertical-align: text-top;
	margin-right: 10px;
}

#ai .alert a {
	color: #111;
	border-bottom: 1px solid #369;
}

#ai .alert a:hover {
	border-bottom: 1px solid #ca1717;
}

/*
******************
CLASSES & IDS FOR USE ON ANY PAGE
******************
*/

#boxborder {  /* lovely div with double line border top & bottom */
	padding: 5px 30px; 
	line-height: 150%;
	border:3px double #e2e2e2;
	border-width:3px 0;
}

.boxborder {  /* made it a class for multiple use */
	padding: 5px 30px; 
	line-height: 150%;
	border:3px double #e2e2e2;
	border-width:3px 0;
}

.imgleft  {
	margin-right: 15px;
	margin-bottom: 5px;
	float: left;
}

.indent {  /* adjusted margin indent for text */
	margin-left: 30px;
}

.indenttitle  {
	padding: 10px 0px 10px 30px;
}

.indenttop   {
	padding: 10px 0px 5px 30px;
}

.italicbox {  /*  nice use of smaller italics block with grey border */
	font-weight: normal;
	font-style: italic;
	padding: 10px;
	border: 1px solid #CCC;
	width: 80%;
	margin: 0 auto;
}

.blocknobox { /* displays text as block with small padding no border */
	display: block; 
	margin: 0 auto;
	padding: 3px 0px;
	border: 0px;
} 

.divide  { /*  nice single bottom-border for p tags divider */
	border-bottom:1px solid #e2e2e2;
	padding-bottom: 10px;
	margin-bottom: 20px;
} 

.blockbdrbtm  {  /*text block with blue bottom border  */
	display: block; 
	margin: 0 auto;
	border-bottom: 2px solid #369;
	padding-bottom: 20px;
}
.blockbluebdr  {
	display: block; 
	margin: 0 auto;
	border-top: 2px solid #369;
	border-bottom: 2px solid #369;
	padding: 15px 0 15px 0 ;
}

.point {
	padding-left: 16px;
	background: url(../images/star_red_16.gif) no-repeat;
	margin: 0 0 15px 0;
}
.small  {
	font-size: 11px;
}

.blockspace  {
	margin-bottom: 20px;
}

.imgright  {  /* moves the add to cart to a closer place in the page  */
	float: right;
	border: 0px;
	padding-right: 200px;
}

.imgRighty {
	float: right;
	border: 0px;
	padding-right: 30px;
}

 .download {  /* adjusted margin indent for downloads with a blue down arrow */
	height: 20px;
	padding-left: 30px;
	margin: 10px 0 10px 30px;
	background: url(../images/download_3.gif) no-repeat;
	/*border: 1px dotted #008000;*/
}

.subalert1 {
	background: #fff6bf url(../images/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

.subalert2 {
	background: #E7EEF8  url(../images/information.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid  #8FACCB;
	border-bottom: 2px solid  #8FACCB;  /* used to be #B5D4FE */
}

.subalert3 {
	background: #EBFCE1 url(../images/download_33.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #B9DAA6;
	border-bottom: 2px solid #B9DAA6;
}

.subalertsuccess {
	background: #EBFCE1 url(../images/happy.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #B9DAA6;
	border-bottom: 2px solid #B9DAA6;
}

.infolink {
	background: #E7EEF8 url(../images/information.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
}


/*
+++++++++++++
GBS SEARCH PAGES FULL SIZE
+++++++++++++
*/

#event h1 { /* Titles */
	color: #369;
	font: 20px "Verdana", Helvetica, Arial, Sans-Serif; 
}

#event h2 { /* subtitles with grey background  */
	color: #666;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	background: #ebebe8;
	margin-bottom: 5px;
}

#event h3 { /* smaller gray subtitles with no bkgd  */
	color: #666;
	font-size: 16px;
	font-weight: bold;
	line-height: 90%;
}

#event .text { /* paragraph colour text */
	color: #666; 
}

#event img {  /* sets all images in submain to the left with margins for text to float around */
	margin-right: 15px;
	margin-bottom: 5px;
	float: left;
}

#event .bestsellerbox { /* displays text as block with small padding no border */
	height: 150px;
	display: block; 
	margin: 10px 0px;
	padding: 3px 0px;
	border-bottom:1px dotted #e2e2e2;
}

#event .pinkbox { 
	margin-bottom: 10px;
	width: 440px;
	border: 1px solid #FDDED7;
	padding: 10px; 
	}
/*-----
#event ul {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

#event ul li {  /* stars for list items in event  
	list-style-image: url(../images/star_bl2_16.gif);
	list-style-position:inside;
	margin-bottom: 2px;
}
-----*/
.ckoutbtn {
	float: right;
	border: 0px;
	padding-right: 8px;
}

.srchbtn  {
	float: right;
	border: 0px;
	padding-right: 100px;
}

.loginbtn  {
	float: left;
	border: 0px;
	padding-left: 200px;
	}

.columnone { /* three column structure inside articles */
	width: 240px;
	margin-right: 5px;
	float: left;
}

.columntwo { /* three column sturcture inside articles */
width: 240px;
margin-right: 5px;
float: left;
}

.columnthree { /* three column sturcture inside articles */
width: 240px;
float: right;
}

.gbsleftcolumn {  /* test columns for gbs  */
width: 360px;
margin-right: 5px;
float: left;
}

.gbsrightcolumn  {  /* test columns for gbs  */
width: 360px;
margin-right: 5px;
float: right;
}

/*
*************
SEARCHES
*************
*/

#search { /*  search box on index page*/
	width: 250px;
	border: 1px solid #e2e2e2;
	margin-bottom: 14px;
	padding-bottom: 15px;
	padding-top:15px;
}

#searchformbox {  /* search inner form index page with search image  */
	background: url(../images/search_ti.gif) no-repeat;
	padding-left: 25px;
	margin-left: 5px;
	margin-bottom: 2px;
}

#searchform {/* this search gives a dotted bottom border for other page nav  */
	margin-left: 5px;
	padding-bottom: 10px;
	border-bottom:1px dotted #ddd;
}

#searchformsb {  /* search inner form for other pages */
	margin-left: 5px;
	margin-bottom: 10px;
}

.jbsearch {  /* pink search box for gbs search boxes */
	width: 680px;
	border: 1px solid #FDDED7;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
}

#searchspace {  /* big space to roll footer div to bottom */
	width: 100%;
	height: 280px;
	margin-bottom: 15px;
}

/* 
*******************
CONTACT FORM
*******************
 */
.contactform  {
 	display: inline;
 	padding: 4px;
 	margin: 5px 0;
}
 
.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 2px 0;
	background: #DDE7F4;
}

.contactright {  /* problem with relative sizing */
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 2px 0;
}

.contactright textarea  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.contactrightc {  /* problem with relative sizing */
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 2px 0;
	background: #ebeaea;
}
.contacterror {
	border: 1px solid #ff0000;
}

/*
+++++++++++++++++
Advanced Search Page
+++++++++++++++++
*/

#satop {
	width: 100%;
	height: 10px;
	margin-bottom: 5px;
}

#sstop {
	width: 100%;
	height: 40px;
	margin-bottom: 15px;
}

#ssatop {
	margin-bottom: 15px;
	margin-top: 15px;
}

/*
*******************
FOOTER
*******************
*/

#footer {  
	margin: 15px 0;
	padding-top: 3px;
	border-top: 3px solid #ebebe8;
	width: 100%;
    height: 55px;
}

#footer .zoom {  /* testing span class for image loading */
	background: url(../images/zoom_icon_20.gif) no-repeat;
	display: inline; 
	padding-right: 45px;
	padding-bottom: 3px;
}

.red {
	color: #ae141e;
}


/*
*******************
GENERAL BOOK SEARCH
*******************
*/

.gbstitle  {   /*  Subject headings in Subject for GBS */
	color: #369;
	font-size: 16px;
	font-weight: bold;
}

.gbslist {   /*  sublistings in Subject for GBS */
	font-size: 12px;
}

.gbsheader  {   /*  Red Title Header Alert Text Course items and other headers in GBS */
	font-size: 16px;
	font-weight: bold;
	color: #CA1717;
	padding-top: 10px;
}

.searchauthor  {
	font-size: 14px;
}

.searchauthor a:link  {
	color: #666;
	background-color: #DDE7F4; 
	text-decoration: none; 
	}

.searchauthor a:hover  {
	color: #000;
	border-bottom: 1px solid #369;
	background-color:#FFF;  
	}

.nostock  {
	font-size: 14px;
	color: #CA1717;
}

.bigboldred {
	font-size: 16px;
	font-weight: bold;
	color: #CA1717;
}

.Tiny 	{
	font-size: 11px;
}

.gbsresults  {
	font-size:80%;
	font-style: italic;
}

/*
*****************
 SHOPPING CART table classes 
****************
*/

.newused { /* checkout */
	height: 100%;
	width: 100%;
	padding: 30px 30px 30px 30px;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 10px;
}

table.order{
    width: 100%;
	margin-top: 5px;
}

table.order td {
    padding: 5px;
    border: solid #EEE 1px;
    text-align: center;
	}
	
table.order th {
	background-color:#DDE7F4;
	padding: 10px;
	border: solid #CCC 1px;
	text-align: center;
	}
	
#price{ /* remove */
	padding: 5px;
	border: solid #EEE 1px;
	}

.price{
	padding: 5px;
	border: solid #EEE 1px;
	}
	
#saleprice, .saleprice {
	padding: 5px;
	border: solid #EEE 1px;
	color: #CA1717;
	}

#addr{ /* problem with CSS - the table order td overrides class but not id but you can only use id once per page */
	padding: 5px;
	border: solid #EEE 1px;
	text-align: left;
	}
	
.addr{
	padding: 5px;
	border: solid #EEE 1px;
	text-align: left;
	}

#nousedprice, .nousedprice {
	background-color: #EEE;
	}

#label, .label {
	padding: 5px;
	border: solid #EEE 1px;
	text-align: right;
	}

table.ship  {
	width: 100%;
	margin-top: 5px;
	}

table.ship td {
    padding: 2px;
    border: solid #EEE 1px;
    text-align: center;
	}
/*****************
 ACCOUNT Navigation
*****************/

#navlist {
	background-color: #e7eef8;
	margin: 0 auto;
	border: 1px solid #e2e2e2;
	margin-bottom: 10px;
	}

#navlist ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 5px;
	}

#navlist li {
	margin: 0;
	padding: 0;
	float: left;
}

#navlist li a {
	float:left;
	font-size: 12px;
	padding: 5px 10px;
	margin: 0 1px 0 0;
	background: #e7eef8;
	text-decoration: none;
	color: #369;
}

#navlist li a:hover {
	color: #FFF;
	background: #0f677f;
}

#navlist .there a {  
	color: #CA1717;
	}

#navlist .there a:hover {
	background-color: #0f677f;
	color: #fff;
	}
	
/*****************
 TECHNOLOGY
*****************/
#apple-affil
{
	margin-top: 20px;	
}
#apple-affil img
{
	border: 0;
}