/* Stylesheet for Wizbizltd.co.uk
	by Mark Kelly
/*
==========================================================================
					page
==========================================================================
*/
* {
	margin			: 0;
	padding			: 0;
	}

body {
	background		: url(../images/tread-small.jpg) white;
	color			: #4C4C4C;
	font-family		: Tahoma, Verdana, sans-serif;
	font-size		: 12px;
	}

a {
	color			: #0000AA;
	text-decoration	: none;
	outline			: none;
	}

a:visited {
	color			: #0000AA;
	}

a:hover {
	background		: #F2D951;
	color			: black;
	}

img {
	border			: none;
	}

ul {
	list-style		: none;
	text-align		: center;
	}

button {
	outline			: none;
	}

form button {
	display			: inline;
	background		: white;
	color			: #0000AA;
	font-weight		: bold;
	border			: none;
	}

form button:hover {
	text-decoration	: none;
	color			: black;
	background		: #F2D951;
	cursor			: pointer;
	}

fieldset {
	border			: none;
	}

textarea,input {
	border			: 1px solid #888888;
	padding			: 0.1em;
	}

select {
	border			: 1px solid #888888;
	padding			: 0.1em;
	}
/*
==========================================================================
					main body container
==========================================================================
*/
#main {
	background		: white;
	width			: 90%;
	margin-left		: auto;
	margin-right	: auto;
	}
/*
==========================================================================
					header div
==========================================================================
*/
#header {
	height			: 8em;
	background		: url(../images/newlogo-narrow.png) #E5E5E5 bottom left no-repeat;
	border-bottom	: 2px solid #4C4C4C;
	}

#header img {
	float:left;
	}

#headerlinks {
	float			: right;
	text-align		: right;
	padding			: 10px;
	margin			: 5px;
	}

/*
==========================================================================
					navigation div
==========================================================================
*/
#navigation {
	float			: left;
	width			: 20%;
	margin-left		: 1px;
	margin-bottom	: 2px;
	text-align		: right;
	}

#navigation a {
	display			: block;
	background		: #7F7F7F;
	color			: white;
	padding-right	: 25px;
	text-align		: right;
	}

#navigation a:hover {
	text-decoration	: none;
	color			: #4C4C4C;
	background		: url(../images/nav-arrow.gif) right no-repeat #F2D951;
	}

#navigation .heading {
	display			: block;
	background		: url(../images/header-background.png) repeat-x #CE713D;
	color			: white;
	padding			: 3px;
	padding-right	: 25px;
	font-size		: 120%;
	font-weight		: bold;
	margin-top		: 1px;
	text-align		: right;
	}

#navigation ul {
	list-style		: none;
	}

#navigation li {
	background		: #7F7F7E;
	border			: 1px solid #7F7F7F;
	margin-top		: 1px;
	}

#navigation li:hover {
	background		: #F2D951;
	}

.nav-section {
	background		: #7F7F7F;
	margin-top		: 1px;
	color			: white;
	padding			: 0.5em;
	text-align		: center;
	}

.nav-section p {
	margin-top		: 0.5em;
	}

.nav-section input {
	width			: 12em;
	margin-bottom	: 2px;
	}

.nav-section button {
	width			: 80%;
	background		: #7F7F7E;
	color			: white;
	border			: 1px solid #7F7F7F;
	}

.nav-section button:hover {
	text-decoration	: none;
	color			: #4C4C4C;
	background		: #F2D951;
	cursor			: pointer;
	}
/*
==========================================================================
					content div
==========================================================================
*/
#content {
	background	: white;
	float		: right;
	width		: 74%;
	margin-top	: 1em;
	margin-right: 1em;
	}

#content table {
	width			: 100%;
	border-collapse	: collapse;
	}

#content td {
	vertical-align	: top;
	}

#content p {
	padding			: 1em;
	}

/*
==========================================================================
					admin div
==========================================================================
*/
#admin {
	text-align		: center;
	}

#admin ul {
	list-style		: none;
	text-align		: center;
	}

/*.adminheader {
	text-align		: center;
	color			: #CE713D;
	font-size		: 150%;
	font-weight		: bold;
	}*/

/*
==========================================================================
					details div
==========================================================================
*/
#details {
	background	: white;
	margin		: 1em;
	}

#details img {
	float		: left;
	padding		: 1em;
	}

#details .ItemDescription {
	padding		: 1em;
	}


/*
==========================================================================
					footer div
==========================================================================
*/
#footer {
	clear			: both;
	background		: #E5E5E5;
	border-top		: 2px solid #4C4C4C;
	margin-top		: 3px;
	padding			: 8px;
	color			: #4C4C4C;
	text-align		: center;
	font-size		: 80%;
	}

#footer a {
	float			: right;
	background		: #CE713D;
	color			: white;
	border			: 1px solid #E5E5E5;
	padding			: 3px;
	margin			: 3px;
	font-size		: 100%;
	}
/*
==========================================================================
					listing classes
==========================================================================
*/
.ProductListing {
	margin-bottom	: 1em;
	}

.ProductListing ul {
	text-align		:  left;
	}

.ProductListing th {
	color			: white;
	background		: url(../images/header-background.png) repeat-x #CE713D;
	font-size		: 120%;
	font-weight		: bold;
	text-align		: left;
	padding			: 0.5em;
	}

.ProductListing small {
	font-size		: 80%;
	font-weight		: normal;
	text-align		: left;
	padding			: 0.5em;
	}

.backlink a {
	float		: right;
	}

.ProductListing th a {
	background		: transparent;
	color			: #F2D951;
	font-size		: 100%;
	}

.ProductListing th a:hover {
	color			: #4C4C4C;
	}

.ProductListing td {
	border-bottom	: #CE713D solid 1px;
	padding			: 1em;
	padding-bottom	: 0;
	}

.ItemDescription {
 	display			: block;
	padding-left	: 1em;
 	margin-bottom	: 0.5em;
	}

.ItemLabel {
	background		: transparent;
	color			: #CE713D;
	font-weight		: bold;
	}

#BikeData {
	background		: transparent;
	color			: #CE713D;
	font-size		: 120%;
	font-weight		: bold;
	padding			: 1em;
 	margin-bottom	: 0.5em;
 	border			: 1px solid #CE713D;
	}

.ItemPrice {
	float			: right;
	background		: transparent;
	color			: #CE713D;
	padding			: 0.2em;
	font-size		: 120%;
	font-weight		: bold;
	border-top		: #CE713D solid 1px;
	}

.ItemPrice small {
	padding			: 0;
	}

.ItemBuyButton form {
	display			: inline;
	font-size		: 120%;
	}

.detailbox {
	background		: red;
	border			: 1px solid black;
	}

.itemimage {
	width			: 25%;
	text-align		: center;
	}

.DenseListing th {
	color			: white;
	background		: url(../images/header-background.png) repeat-x #CE713D;
	font-size		: 120%;
	font-weight		: bold;
	text-align		: left;
	padding			: 0.5em;
	}

.DenseListing td {
	border-bottom	: #CE713D solid 1px;
	}

/*
==========================================================================
					static page classes
==========================================================================
*/
.pageheader {
	display			: block;
	background		: transparent;
	color			: #CE713D;
	font-size		: 150%;
	font-weight		: bold;
	margin-bottom	: 1em;
	}

.pagesubheader {
	display			: block;
	color			: white;
	background		: url(../images/header-background.png) repeat-x #CE713D;
	font-size		: 120%;
	font-weight		: bold;
	padding			: 0.5em;
	}

.pagesubheader a {
	background		: transparent;
	color			: #F2D951;
	}

.pagesubheader a:hover {
	color			: black;
	}

/*
==========================================================================
					ToggleDiv() classes
==========================================================================
*/
.hidden {
	display		: none;
	}

.shown {
	display		: block;
/* 	border		: 1px solid black; */
	}

/*
==========================================================================
					basicform
==========================================================================
*/
#basicform {
	padding			: 1em;
	width			: 30em;
	margin			: 1em auto 0 auto;
	text-align		: center;
	}

#basicform p {
	padding			: 0.5em;
	}

#basicform input {
	font-size		: 100%;
	color			: #666666;
	padding			: 0.25em;
	border			: 1px solid #AAAAAA
	}

#basicform label {
	display			: block;
	background		: transparent;
	color			: #CE713D;
	padding			: 0.5em;
	font-weight		: bold;
	}

#basicform .submit input {
	color			: #666666;
	font-weight		: bold;
	background		: white;
	border			: 1px solid #AAAAAA
	}

#basicform .wide {
	width			: 99%;
	}

#basicform textarea {
	width			: 99%;
	height			: 5em;
	padding			: 0.5em;
	border			: 1px solid #AAAAAA;
	}

#basicform-header {
	background		: url(../images/header-background.png) repeat-x #CE713D;
	color			: white;
	padding			: 1em;
	font-size		: 110%;
	font-weight		: bold;
	margin-bottom	: 1em;
	}

#basicform button {
	display			: block;
	margin-left		: auto;
	margin-right	: auto;
	padding			: 0.5em;
	color			: white;
	font-weight		: bold;
	background		: #7F7F7F;
	border			: 1px solid #666666
	}

#basicform button:hover {
	text-decoration	: none;
	color			: #4C4C4C;
	background		: #F2D951;
	cursor			: pointer;
	}

#basicform fieldset {
	margin			: 0.5em;
	padding			: 1em;
	text-align		: left;
/* 	border			: 1px solid #CE713D; */
	}

#basicform .centred {
	text-align:center;
	margin-left		: auto;
	margin-right		: auto;
	}

#basicform legend {
	font-weight		: bold;
	}

/*
==========================================================================
	generic
==========================================================================
*/

.menulist a {
	width			: 20em;
	margin			: 0.5em;
	display			: block;
	padding			: 0.5em 0 0.5em 0;
	margin-left		: auto;
	margin-right	: auto;
	text-align		: center;
	}

.menulist a:hover {
	color			: #B90808;
	background		: #F2D951;
	text-decoration	: none;
	}

#messagebox {
	width			: 30em;
	margin			: 1em auto 0 auto;
	text-align		: center;
	}

#messagebox p {
	padding			: 0.5em;
	}

#messagebox ul {
	width			: 28em;
	list-style		: none;
	}

.messageheader {
	background		: url(../images/header-background.png) repeat-x #CE713D;
	color			: white;
	padding			: 0;
	font-size		: 110%;
	font-weight		: bold;
	}

.errormessage {
	background		: transparent;
	color			: red;
	}

.warningmessage {
	background		: transparent;
	color			: #DD3333;
	font-weight		: bold;
	}

.plaintext {
	text-align		: left;
	}
/*
==========================================================================
	tag old products table
==========================================================================
*/

#oldproduct tr {
	border-top			: 1px solid #DDDDDD;
	}

#oldproduct ul {
	background		: transparent;
	color			: #CE713D;
	text-align		: left;
	padding-left	: 1em;
	}

.oldproductlabel {
	background		: transparent;
	color			: #CE713D;
	width			: 20%;
	text-align		: right;
	padding-right	: 1em;
	border-right	: 2px solid #CE713D;
	border-left		: none;
	}

.oldproductdata {
	text-align		: left;
	padding			: 0.25em 0.25em 0.25em 1em;

	}

.required input,
.required textarea,
.required select {
	border			: 1px solid red;
	}

.hidden {
	display		: none;
	}

/*
==========================================================================
	tag pop chart table
==========================================================================
*/
#PopChart table {
	width			: 30em;
	margin-left		: auto;
	margin-right	: auto;
	}

.PopChart th {
	color			: white;
	background		: #CE713D;
	font-weight		: bold;
	text-align		: center;
	padding			: 0.5em;
	}

.PopChart td {
	width			: 50%;
	border-bottom	: #E5E5E5 solid 1px;
	padding			: 0 1em 0 1em;
	}

.PopChartTag {
 	text-align		: right;
	}

.PopChartTotal {
 	text-align		: left;
	background		: transparent;
	color			: #CE713D;
	}
/*
==========================================================================
	full index
==========================================================================
*/
#FullIndex {
	text-align		: center;
	}

.indexheader {
	display			: block;
	color			: white;
	background		: url(../images/header-background.png) repeat-x #CE713D;
	width			: 16em;
	font-size		: 120%;
	font-weight		: bold;
	padding			: 0.5em;
	margin			: auto;
	}

#AlphabetLinks ul {
	margin-bottom	: 2em;
	}

#AlphabetLinks ul li {
	display			: inline;
	}

#AlphabetLinks ul li a {
	color			: white;
	padding			: 0.4em;
	background		: #7F7F7F;
	border			: 1px solid #7F7F7E;
	font-size		: 80%;
	text-decoration	: none;
	font-weight		: bold;
	}

#AlphabetLinks ul li a:hover {
	background		: #F2D951;
	color			: #4C4C4C;
	}