/*--------OVERALL---------*/

body 			{ font-family: Verdana, Arial, Sans Serif; font-size: x-small; margin: 21px 6px 6px 6px; background-color: #FFFFFF; color: #000000; }

table 			{ font-size: x-small;}

a, a:active, a:visited	{ color: #852C2C; text-decoration: none; }
a:hover, a:active:hover, a:visited:hover { text-decoration: underline; }

 a.dark,  a.dark:active,  a.dark:visited	{ color: #ffffff; text-decoration: none; }
 a.dark:hover,  a.dark:active:hover,  a.dark:visited:hover { text-decoration: underline; }

/*--------STRUCTURE---------*/

.main			{ width: 985px; background-color: #ffffff;}

.logo			{ width: 223px; padding-bottom: 15px;}
.montage		{ width: 762px; padding-bottom: 15px;}

.leftnav		{ background-image: url(images/base/nav_bg.gif); background-repeat: repeat-y; border-bottom: 15px solid white;}
.nav1		{ border-left: 15px solid #A6A6A6; margin-bottom: 1px; padding: 2px 5px 2px 5px; background-color: #852C2C;}
.nav2		{ border-left: 15px solid #A6A6A6; margin-bottom: 1px; padding: 2px 5px 2px 5px; background-color: #A85151;}

.nav1 a, .nav1 a:active, .nav1 a:visited	{ width: 100%; color: #FFFFFF; text-decoration: none; display:block; }
.nav1 a:hover, .nav1 a:active:hover, .nav1 a:visited:hover { color: #FFFFFF; text-decoration: underline; display:block; }

.nav2 a, .nav2 a:active, .nav2 a:visited	{ width: 100%; color: #FFFFFF; text-decoration: none;  display:block;}
.nav2 a:hover, .nav2 a:active:hover, .nav2 a:visited:hover { color: #FFFFFF; text-decoration: underline;  display:block;}

div.login		{ border-left: 15px solid #A6A6A6; padding: 2px 5px 2px 5px; background-color: #929292; font-weight: bold;}

div.login a, div.login a:active, div.login a:visited	{ color: #FFFFFF; text-decoration: none; }
div.login a:hover, div.login a:active:hover, div.login a:visited:hover { color: #FFFFFF; text-decoration: underline; }

.contenttd		{ padding: 0px 0px 15px 15px; font-size: small;}

.advert			{ background-color: #C5C5C5; padding: 15px;}
.advert a, .advert a:active, .advert a:visited	{ color: #C5C5C5; text-decoration: none; }
.advert a:hover, .advert a:active:hover, .advert a:visited:hover { color: #C5C5C5; text-decoration: underline; }

.copyright		{ color: #111111; text-align: right; font-size: xx-small; padding: 5px 0px 5px 0px;}


/*--------CONTENT---------*/

.contentheader		{ background-color: #852C2C; color: #FFFFFF; width:100%; font-size: x-small;}
.contentheadertxt	{ padding: 5px;}
.content		{ font-size: small; padding-right: 5px;}

.headingimg		{ margin-top: 15px;}

.boxbottomleft		{background-color: #852C2C; color: #FFFFFF; padding: 5px; border-right: 5px solid #FFFFFF;}
.boxbottomright		{background-color: #852C2C; color: #FFFFFF; padding: 5px;}

.latestnews		{ width: 235px; padding: 5px; color: #484848; background-color: #C5C5C5;}
.latestnews .heading	{ font-weight: bold; font-size: 12pt;}
.latestnews .heading2	{ font-style: italic;}

/* Google Map & Directions */


.map { width:720px; height:380px; border: solid 1px #555; margin-top:6px; }
.mapH1 { margin:0px; padding:0px; font-size:16px; font-weight:bold;}
.mapText { float:left; width:260px;}
.mapImage { float:left; margin-right:20px;}
.mapinstructions { font-family: Verdana, Tahoma; font-size:1.0em; text-align:left;}
.minimap { width:236px; height:236px; border: solid 1px #000000; position:relative; }
.directions { margin-top:20px; font-family:Verdana; font-size:14px; }
.directions .text { font-family:Verdana; font-size:14px; width:200px; margin-right:10px; margin-left:10px; }
.directions .button { font-family:Verdana; font-size:14px; width:100px; }

.button { font-family: Verdana; font-size:1.0em; color: #353f15;}

.day { width:180px; float:left; padding-left:10px; }
.time { float:left; }

.pageSummary { width:610px; height:150px; background-color:#852C2C; clear:both; display:block; text-decoration:none;}
.pageSummary:hover { width:610px; height:150px; background-color:#5F5F5F; clear:both; display:block; text-decoration:none;}

.pageSummaryImgLink { display:block; border-style:none;float:left;}

.pageSummaryText { width:300px; float:left; margin:5px; text-decoration:none; }
.pageSummaryTextLink, .pageSummaryTextLink:active, .pageSummaryTextLink:visited { display:block; color:White; text-decoration:none; height:150px; }
.pageSummaryTextLink:hover { display:block; color:White; text-decoration:none; height:150px; }

/* Books */
.books { margin-top:30px; margin-bottom:20px; }
.book { margin-bottom:25px; font-size:0.8em; }
.book .picture { float:left; width:100px; margin-right:20px; }
.book .details { float: left; width: 500px; }
.book .title { font-weight: bold; font-size: 1.8em; margin-bottom:4px;}
.book .author { font-weight: bold; font-size: 1.0em; margin-bottom:8px; }
.book .description { margin-bottom:12px; }
.book .price { font-weight: bold; margin-bottom:10px; }
.book .quantity { float: left; margin-right:10px; margin-top:12px; }
.book .input { float: left; margin-right:10px; margin-top:4px; font-weight:normal; font-family:Verdana; }
.book .button { float: left; padding-top:7px; }
.book img { border: 0; }

/* Shopping Basket */
.basketpreview { padding-top:20px; font-family: Verdana, Lucida Sans Unicode; color: #852c2c; font-weight:bold; text-align:right; float:right; margin-top:-20px; }
.basketpreview .items { float: left; }
.basketpreview .view { float: left; }
.basketpreview .clear { float: left; }
.basketpreview a, .basketpreview a:active, .basketpreview a:visited { color: #373737; text-decoration: underline }
.basketpreview a:hover, .basketpreview a:active:hover, .basketpreview a:visited:hover { color: #c60407; text-decoration: underline }
.basket { margin-top:20px; font-family: Verdana, Lucida Sans Unicode; font-size: 1.0em; color: #444; }
.basket .input { font-family: Verdana, Lucida Sans Unicode; font-size: 0.9em; }
.basket table { border-collapse:collapse; border:solid 1px #888; font-size:0.8em; }
.basket .title { color: #fff; background-color: #852c2c; height:28px; font-weight:bold; }
.basket .total { color: #fff; background-color: #852c2c; height:28px; font-weight:bold; }
.basket .light { background: #fff; color: #222;}
.basket .dark { background: #e2e2e2; color: #222;}
.basket .lightdelivery { background: #fff; color: #222; font-weight:bold; font-size:1.1em; }
.basket .darkdelivery { background: #e2e2e2; color: #222; font-weight:bold; font-size:1.1em;}
.basket td { border: solid 1px #888; padding: 6px 4px; }
.basket .total td { border: solid 1px #ccc; padding: 6px 4px; }
.basket .title td { border: solid 1px #ccc; padding: 6px 4px; }
.basket a, .basket a:active, .basket a:visited { color: #11429f; text-decoration: underline }
.basket a:hover, .basket a:active:hover, .basket a:visited:hover { color: #0959f1; text-decoration: underline }
.basket .availabledate { font-style: italic; color: #015ad9; }
.basket .product { font-size: 1.1em; font-weight: bold; }
.basket .author { font-weight: bold; margin-bottom:4px; }
.basket .product a, .basket .product a:active, .basket .product a:visited { color: #015ad9; }
.basket .product a:hover, .basket .product a:active:hover, .basket .product a:visited:hover { color: #0096fa; }
.basket .input2 { font-weight:bold; font-size: 1.1em;  font-family: Verdana; background: #c6e3c3;}
.basket img { border: 0; }
.details td { font-size:1.2em; }
.input { font-family: Verdana; }

/* Order Details */
.orderdetails { margin-top:20px; margin-bottom: 20px; font-size: 1.0em; font-weight: bold; }
.orderdetails .label { float: left; width: 150px; margin-bottom:5px; }
.orderdetails .value { float: left; margin-bottom:5px; }
.payment { margin-top:20px; margin-bottom:20px; }
.text a { text-decoration:underline; }
.text a:hover { color: #e1292d; }

/* Order Form */
.orderform { font-size: 1.2em; }
.orderform .items { font-size: 1.2em; }
.orderform li { margin-bottom:8px; }
.orderform table { border: solid 1px #888; border-collapse:collapse; font-size:0.9em;  margin-top:40px; margin-bottom:40px;}
.orderform td { border: solid 1px #888; padding:5px; }
.orderform .title td { border: solid 1px #ccc; padding: 6px 4px; }
.orderform .title { background: #852c2c; color: #fff; font-weight:bold;}
.orderform .product { font-weight: bold; }
.orderform .author { font-weight: bold; font-size: 0.9em; }
.orderform .description { font-size:0.8em; }