<style type="text/css">

h1
{
}

h2
{
   color: black;
}

h3
{
	margin-top: 0em; /* Stops whitespace from appearing above heading. */
}

/* Prevents a line of whitespace appearing under the search box.*/
form {
   margin-bottom: 0;
}

body
{
  color: #000000;
  background-color: #FFFFFF;
  font-family:arial, verdana, sans-serif; 
  font-size: 0.825em;
}

a.img_link_no_border img{
border: none;
}

input.image_submit_button { 
	margin-left: 5px;
}

p.breadcrumb
{
	font-size: 0.825em;
	font-weight: bold;
}

/* General error message font */
span.error_message
{
	font-size: 1em;
	font-weight: bold;
	color:#a60000; /* dark red */
}

/* General success message font */
span.success_message
{
	font-size: 1em;
	font-weight: bold;
}

span.bold_text
{
	font-weight: bold;
}

span.italic_text
{
	font-style: italic;
}

span.small_text
{
	font-size: 0.9em;
}

table.no_border
{
	border:0px;
}

li
{
	margin-left: 5px;
}

ul
{
	margin-left: 5px;
	padding-left: 5px;
	list-style-type: disc;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Styles for the browsewade.php page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.cat_listing
{
	border:0px;
	width:100%;
}

td.cat_listing
{
	vertical-align:top;
	padding:5px;
	border:1px solid black;
	background-color:#FFFFA6;
}

p.cat_listing
{
	line-height: 50%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Syles for the listing of items (on several pages) ~~~~~~~~~~~~~~~~~~~ */

table.item_listing
{
	border:1px solid black;
	border-collapse:collapse;
	width:100%;
}

td.item_listing
{
	vertical-align:middle;
	padding:5px;
	border:1px solid black;
}

th.item_listing
{
	vertical-align:middle;
	padding:5px;
	border:1px solid black;
}

tr.item_listing_colour_1
{
	background-color:#FFFFA6;
	/* Also possible: */
	/* #FFFFCC */
	/* #fff373 */
}

tr.item_listing_colour_2
{
	background-color:#ffffff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Styles for the postage rates page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.postage_rates
{
	border:1px solid black;
	border-collapse:collapse;
	width:100%;
}

td.postage_rates
{
	vertical-align:middle;
	padding:5px;
	border:1px solid black;
    background: #FFFFA6;
}

span.table_heading
{
	font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Styles for Why Buy From Ben page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul.starred_list
{
	margin: 0.3em;
	padding: 0px;
	list-style-position: inside;
	list-style-image: url("../images/star_bullet.gif");
	list-style-type: disc;

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Styles for Books page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.book_detail
{
	border:1px solid black;
	border-collapse:collapse;
}

td.book_detail
{
	vertical-align:top;
	padding:5px;
	border:1px solid black;
    background: #FFFFA6;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Styles for the browsecat.php page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.description_on_cat_page
{
	width: 75%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Styles for the item detail page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.item_detail
{
	border:1px solid black;
	border-collapse:collapse;
}

td.item_detail
{
	vertical-align:top;
	padding:5px;
	border:1px solid black;
    background: #FFFFA6;
}

span.item_detail_heading
{
	font-size: 1em;
	font-weight: bold;
}

span.item_title
{
	font-size: 1.2em;
	font-weight: bold;
}

div.description_area
{
	width: 550px;
}

div.item_actions_box {
	padding: 10px;
	border: 1px solid black;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
    background: #FFFFA6;
}

span.view_item_links
{
	font-size: 0.9em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Styles for checkout pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.checkout_options_box {
	width: 400px;
	float: right;
	padding: 5px;
	border: 1px solid black;
    background: #FFFFA6;
	margin-left: 20px;
}

hr.order_summary
{
	color:black;
	background-color:black;
	height:1px;
	border:none;
}

img.order_process
{
	margin-top: 10px;
	margin-bottom: 10px;
}

table.order_summary
{
	border:1px solid black;
	border-collapse:collapse;
	margin-left:5px;
}

td.order_summary
{
	vertical-align:middle;
	padding:5px;
	border:1px solid black;
}

table.discount_code
{
	border:0px;
}

td.discount_code
{
	vertical-align:middle;
	padding:0px;
	border:0px;
}

td.payment_buttons
{
	padding:10px;
	border:0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ News styles (main page and news page) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
span.news
{
	font-size: 1em;
	font-weight: bold;
}

div.news_page_box {
    width: 80%;
	padding: 10px;
	border: 1px solid black;
    background: #FFFFA6;
	margin-top: 20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ START OF LEFT PANEL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Main part of left panel */
div.leftPanel {
	position: absolute;
	left: 0px;
	top: 140px;
	width: 220px;
	background:#fff;
	font-family:arial, verdana, sans-serif; 
	font-size:1em;
	color:#fff;
/*  border-top:1px solid #fff; *//* adds a 1px solid top border. */
/*  border-bottom:1px solid #fff; *//* and a similar bottom border. */
}

/* Lower part of left panel */
div.leftPanel div.lower {
	float: bottom;
    background: #FFFFFF;
	font-size:0.8em;
	color:#000;
	width: 100%;
}

#left_menu a, #left_menu a:visited {
  color:#000; 
  text-decoration:none; 
  display:block; 
	padding:5px 5px 5px 20px;
	background: #2cd449 /* Background of each list entry link. */ url(../images/menuarrowb.gif) no-repeat 10px 10px;
  }

#left_menu a:hover {
  background: #0e8a24 url(../images/menuarroww.gif) no-repeat 11px 10px; /* Background of the list entries when hovered over. */
  color:#fff; /* Link text colour on hover */
  }

dd {
  margin:0;
  padding:0; 
  text-align:left;
  border-top:1px solid #fff;
  background: #2cd449; /* Colour of a list entry that does not contain a link (thus won't be seen on the website) */
  color:#000;
  font-size: 1em;
  }

dt {
  margin:0;
  padding: 3px;
  background: #007F16; /* Background of the middle sections of the menu. */
  color: #fff;
  border-top:1px solid #fff;
  }

dl {
  margin: 0; 
  padding: 0; 
  padding: 0 0 0px 0;
  border-left:1px solid #fff; 
  border-right:1px solid #fff;
  background: #007F16; /* Background of the whole definition list. Won't be seen on the website. */
  color:#000;
  }

.top {
  display:block; 
  background:transparent; 
  font-size:1px;
  }
 
.bottom {
  display:block; 
  background:transparent; 
  font-size:1px; 
  border-top:1px solid #fff;
  }

.b1, .b2, .b3, .b4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
 
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {background:#007F16 /* Colour of top and bottom borders */; border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}

}
 
ol li {font-size:11px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ END OF LEFT PANEL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ START OF TOP PANEL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.topPanel {
	position: absolute;
	left: 0px;
	top: 0px;
    height: 127px;
	width: 100%;

/*	background-image:url(/images/topbanner.jpg); */
/*	background-repeat:no-repeat; */
/*	background-position: 100% 100%; */
}

/* borders and padding for basket area */
div.topPanel div.basket {
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 5px;
	float: right;
	text-align: right;
}

/* borders and padding for the div in the top link sub-container */
div.topPanel div.searchBox {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
	margin-right: 0px;
	float: right;
}

.roundedcornr_box_856448 {
	background: url(../images/borders/roundedcornr_856448_tl.png) no-repeat top left;
}
.roundedcornr_top_856448 {
	background: url(../images/borders/roundedcornr_856448_tr.png) no-repeat top right;
}
.roundedcornr_bottom_856448 {
	background: url(../images/borders/roundedcornr_856448_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_856448 div {
	background: url(../images/borders/roundedcornr_856448_br.png) no-repeat bottom right;
}
.roundedcornr_content_856448 {
	background: url(../images/borders/roundedcornr_856448_r.png) top right repeat-y;
}

.roundedcornr_top_856448 div,.roundedcornr_top_856448,
.roundedcornr_bottom_856448 div, .roundedcornr_bottom_856448 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_856448, .roundedcornr_bottom_856448 {
	margin-top: -15px;
}
.roundedcornr_content_856448 { padding: 0 15px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ END OF TOP PANEL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ START OF MAIN PANEL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.mainPart {
	position: absolute;
	left: 220px;
	top: 127px;
	right: 0px;
	padding: 10px;
}

/* The fills the main part (upper section) */
div.mainPart div.mainPartFull {
	width: 100%;
	padding-right: 0px;
	background: #FFFFFF;
/*	border: 2px solid #007700;*/
}

img.positioned  { position:absolute;}

/* The fills the main part (lower section) */
div.mainPart div.mainPartFullLower {
	width: 100%;
	padding: 0px;
	background: #dcfef0;
	float: top;
	border: 2px solid #007700;
}

div.mainPart div.itemList {
	width: 100%;
	float: top;
	padding: 10px;
}

div.newsBox {
    width: 35%;
	padding: 10px;
	border: 1px solid black;
    background: #FFFFA6;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}

div.showcaseBox {
	padding: 10px;
	border: 1px solid black;
    background: #FFFFA6;
	margin-top: 10px;
	margin-right: 10px;
	float: right;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ END OF MAIN PANEL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Admin area specific CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.statusbar {
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	float: right;
	text-align: right;
	width: 400px;
}

/* Distinguishes between orders on the sold items page.*/
tr.sold_item_listing_colour_1
{
	background-color:#c8c8c8;
}

/* Distinguishes between orders on the sold items page.*/
tr.sold_item_listing_colour_2
{
	background-color:#e5e5e5;
}

/* Sizes the picture input text boxes on the Add Item page. */
input.fileinput {
	width: 650px;
}

/* Table style for query of existing stock item prices on Add Item page. */
table.price_check
{
	border:1px solid black;
	width:100%;
    background: #FFFFA6;
}

</style>
