/*
 * Typography styling
 *
 * COLOURS
 * Main purple        #8b64ab;    * strap middot, submenu
 * Dark blue          #20368c;    * menu here,menu footer,strapline
 * Dark grey          #636363;    * main menu (not here)
 * Medium grey        #898989;    * page h1
 * Light grey         #a8a8a8;    * body text (p)
 * Light blue         #e8ebf2;    * background to feedback form & timenow
 * Medium blue        #7683ad;    * links
 */

/*a
{
  color: #2b5b83;
  background-color: #fff;
  text-decoration: underline;
  font-weight: bold;
}

a:hover
{
  text-decoration: underline;
  color : #000000;
}*/
/* generic reset to sync all browsers */
p, a, h1, h2, h3, pre,
table, th, td, tr,
form, fieldset, img,
div
{
  margin: 0;
  padding: 0;
  border: none;
}

input, textarea
{
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
}

table
{
  border-collapse: collapse;
  color: #2b5b83;
  background-color: #fff;
}


/*
 * GENERIC STYLING
 */

/* a non-floated element so that 'container' has correct height */
br.clearall
{
  clear: both;
  height: 0;
  margin: 0;
  font-size: 1px;
  line-height: 2em;
}

h1
{
  color: #6c2b03;
  background-color: #fff;
  font-size: 1.2em;
  letter-spacing: -1px;
  padding-bottom: 20px;
}

h2
{
  color: #6c2b03;
  background-color: #fff;
  font-size: 1.1em;
  padding-bottom: 15px;
}

h3
{
  color: #6c2b03;
  background-color: #fff;
  font-size: 1em;
  text-decoration: underline;
  padding-bottom: 10px;
}

p
{
  color: #2b5b83;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.2em;
/*border: 1px solid black; */
}

p em
{
  color: #6c2b03;
  background-color: #fff;
  font-weight: bold;
  font-style: normal;
}

p strong
{
  font-weight: bold;
  font-style: ;
}

a
{
  color: #2b5b83;
  background-color: #fff;
  text-decoration: none;
  font-weight: bold;
}

a:hover
{
  text-decoration: underline;
}

ol, ul
{
  margin-top: 0;
  color: #2b5b83;
  background-color: #fff;
  font-size: 0.9em;
  font-weight: bold;
}

ol li
{
  margin-left: 24px;
}

fieldset
{
  border: none;
  font-size: 0.9em;
}

/*
 * Banner area
 */

div#menubanner h1
{
  float: left;
}

div#menubanner1
{
  float: left;
  color: #6c2b03;
  background-color: #fff;
  font-size: 22px;
  font-weight:bold;
  text-decoration:none;
  letter-spacing: -1px;
  padding-bottom: 1px;
}

/*div#menubanner2
{
  float: right;
  color: #2b5b83;
  background-color: #fff;
  font-size: 22px;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
  letter-spacing: -1px;
  padding-bottom: 1px;
}*/

div#menubanner2 h1
{
  float: right;
  text-decoration:none;
}

div#menubanner p
{
  font-size: 0.9em;
  padding-top: 0.4em;
  text-align: right;
}


/*
 * Main body content styling
 * inc. Terms and Conditions type pages
 */

div#maincontenttermsetc ul
{
}

div#maincontenttermsetc ul li, div#maincontenttermsetc ol li
{
  margin-bottom: 5px;
  line-height: 1.2em;
  font-weight: normal;
}

img.imageleft
{
  float: left;
  clear: left;
  margin: 0px 10px 10px 0;
}

img.imageright
{
  float: right;
  margin: 0px 0 10px 10px;
}

div.rightpanel img
{
  display: block;
  margin-left: 15px;
}


/*
 * Order pages
 */

div.rightpanel ol
{
}


li#proghere
{
  color: #6c2b03;
  background-color: #fff;
}

div.rightpanel ol img
{
  margin-left: 0;
  margin-top: 10px;
}


/*
 * ***************
 * FORM FORMATTING
 * ***************
 */

input.button
{
  color: #20368c;
  background-color: #fff;
  width:65px;
}


p.order
{
/*  font-size: 0.8em; */
  padding: 0 0 5px 0;
}


table.orderformtable
{
margin-bottom:10px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
border-bottom:1px solid black;
border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
}

table.orderformtable td
{
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

table.orderformtable2
{
width:720px;
margin-bottom:10px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
border-bottom:1px solid black;
border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
}

table.orderformtable2 td
{
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

table.orderformtable tr
{
}

tr.totalrow
{
  vertical-align: top;
}

tr.totalrow td
{
	
  padding-top: 20px;
}

td.titlecolumn
{
  width: 180px;
  padding-right: 10px;
  color: #6c2b03;
  /* background-color: #fff; */
  font-size:14px;
  font-weight: normal;
}
td.prodimgcolumn
{
  width: 80px;
  padding-right: 10px;
  color: #6c2b03;
  /* background-color: #ffffff; */
  font-size:14px;
  font-weight: normal;
}
td.desccolumn
{
  width: 250px;
  padding-right: 10px;
  font-size:14px;
}

td.pricecolumn{ }
td.pricecolumnlh{ }
td.selectcolumn{  }


tr#dynamictotal
{
  font-weight: bold;
  /* visibility: hidden; */
}

tr#dynamicvouchertotal
{
  font-weight: bold;
  /* visibility: hidden; */
}

td#totaltitle
{
  font-weight: bold;
  text-align: right;
}

td#totalvouchertitle
{
  font-weight: bold;
  text-align: right;
}

tr#dynamicdiscounttotal
{
  font-weight: bold;
  /* visibility: hidden; */
}

td#totaldiscounttitle
{
  font-weight: bold;
  text-align: right;
}

tr#dynamicdeliverytotal
{
  font-weight: bold;
  /* visibility: hidden; */
}

td#totaldeliverytitle
{
  font-weight: bold;
  text-align: right;
}

tr#dynamicvouchertotal
{
  font-weight: bold;
  width:100px;
  /* visibility: hidden; */
}

td#totalvouchertitle
{
  font-weight: bold;
  text-align: right;
}

td#totalvoucheramount
{
}

td#totalamount
{
}

input#voucher
{
  width: 6em;
  margin-top: 30px;
}

input#totaldiscountpay
{
  width: 5em;
  text-align: right;
}

input#totaldeliverypay
{
  width: 5em;
  text-align: right;
}

input#totalvoucherpay
{
  width: 11.5em;
  text-align: right;
}
input#voucherid
{
  width: 13.0em;
  text-align: right;
}

input#totalpay
{
  width: 5em;
  text-align: right;
}
input#totalpay2
{
  width: 4.5em;
  text-align: right;
}


/* DELIVERY ADDRESS FORM */
p.orderwarning
{
  color: #20368c;
  background-color: #fff;
  font-size: 1em;
  margin-bottom: 10px;
}

p.ordererror
{
  color: red;
  background-color: #fff;
  font-size: 1em;
  margin-bottom: 10px;
}

label.addresslabel
{
  float: left;
  width: 200px;
  margin-top: 4px;
  font-weight: bold;
  color: #6c2b03;
  background-color: #fff;
}

p.deliverydetails
{
  font-size: 0.8em;
}

input.addressentry
{
  margin-top: 5px;
}

select.deliverydetails
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin-top: 5px;
  width: 257px;
  border: 1px solid #7683ad;
}

input.deliveryradio { float: left; margin: 5px 5px 0 0; }
p.deliveryradio { float: left; margin: 4px 0 0 0; }
td.radiolabel{ width: 300px; }
td.radiolabel p{ padding-right: 8px; }

input.deliverydetails#postcode
{
  width: 80px;
}

p.postcodenote
{
  color: #20368c;
  background-color: #fff;
  font-size: 0.8em;
  margin: 5px 0 3px 210px;
}

textarea.deliverydetails
{
  margin-top: 5px;
  width: 250px;
  height: 4em;
  padding: 2px 2px 2px 2px;
  border: 1px solid #7683ad;
}

input.indentsubmit
{
  clear: left;
  margin-left: 207px;
  margin-top: 15px;
  width: 150px;
}

input.confirmsubmit
{
  float: right;
}

table.orderreview h2 { float: left; }


/* REVIEW ORDER FORM */
table.orderreview
{
  margin-left: 5px;
  width: 555px;
  padding: 2px 2px 2px 2px;
  /* border: 1px solid #7683ad; */
}

th.entrytext
{
  font-weight: bold;
  width: 400px;
}

th.entrycost
{
  text-align: right;
  font-weight: bold;
}

td.entrytext
{
  padding-right: 3px;
}

td.entrycost
{
  text-align: right;
  vertical-align: top;
}

td.grandtitle
{
  text-align: right;
  font-weight: bold;
}

/*
 * Contact form stuff
 */
label.contactform
{
  float: left;
  clear: left;
  color: #777;
  background-color: #fff;
  text-align: right;
  padding-right: 4px;
  margin-top: 3px;
  padding-top: 2px;
  width: 150px;
/*border: 1px solid #8492b4;  */
}

input.contactform
{
  float: left;
  margin-top: 3px;
  border: 1px solid #8492b4;
  padding: 2px 2px 2px 2px;
  width: 200px;
}

textarea.contactform
{
  border: 1px solid #8492b4;
  padding: 2px 2px 2px 2px;
  width: 330px;
  margin-top: 3px;
}

input.contactform#sendbutton
{
  border: 1px solid #8492b4;
  width: auto;
}



/* FEEDBACK FORM */
textarea.feedback
{
  padding: 2px 2px 2px 2px;
  margin: 5px 0;
  width: 500px;
  height: 7em;
  color: #636363;
  background-color: #e8ebf2;
  border: 1px solid #898989;
}

input.feedbackcheck
{
  float: left;
  margin-top: 9px;
}



/*
 * FOOTER AREA
 */
 
p.footer2
{
  width: 500;
  /*float: left;
  clear: left;*/
  border-top: 1px solid #2b5b83;
  line-height: 1.2em;
  padding-top: 8px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}
.footer2 A:link { COLOR: #2b5b83; FONT: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;text-decoration:underline; }
.footer2 A:visited { COLOR: #2b5b83; FONT: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;text-decoration:underline; }
.footer2 A:active { COLOR: #2b5b83; FONT: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;text-decoration:underline; }
.footer2 A:hover { COLOR: #000000; FONT: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;text-decoration:underline; }

p.footer3
{
  width: 500;
  /*float: left;
  clear: left;*/
  border-top: 1px solid #2b5b83;
  line-height: 1.2em;
  padding-top: 8px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}
.footer3 A:link { COLOR: #2b5b83; FONT: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;text-decoration:underline; }
.footer3 A:visited { COLOR: #2b5b83; FONT: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;text-decoration:underline; }
.footer3 A:active { COLOR: #2b5b83; FONT: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;text-decoration:underline; }
.footer3 A:hover { COLOR: #000000; FONT: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;text-decoration:underline; }

p.footer
{
  width: 100%;
  float: left;
  clear: left;
  border-top: 1px solid #2b5b83;
  line-height: 1.2em;
  padding-top: 3px;
  margin-bottom: 30px;
  text-align: right;
  font-size: 0.8em;
}

.CategoryTable 
{
	BORDER:0px solid black;
	WIDTH: 700px;
}
.CategoryCell
{
	TEXT-ALIGN: left;
	BORDER:0px solid black;
}
.CategoryLink
{
	FONT-FAMILY:verdana, arial, helvetica, sans-serif;
	COLOR: blue;
	FONT-SIZE:10pt;
	FONT-WEIGHT: bold;
}
.SubCategoryLink
{
	FONT-FAMILY:verdana, arial, helvetica, sans-serif;
	COLOR: blue;
	FONT-SIZE:8pt;
}
.LinkListingTable
{
	BORDER:1px solid black;
	WIDTH: 700px;
}
.LinkListing
{
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 5px;
	FONT-FAMILY:verdana, arial, helvetica, sans-serif;
	COLOR: black;
	FONT-SIZE:10pt;
}
.LinkTitle
{
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 5px;
	FONT-FAMILY:verdana, arial, helvetica, sans-serif;
	COLOR: blue;
	FONT-SIZE:10pt;
	FONT-WEIGHT: bold;
}
.LinkDescription
{
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 5px;
	FONT-FAMILY:verdana, arial, helvetica, sans-serif;
	COLOR: black;
	FONT-SIZE:10pt;
}
.Link
{
	MARGIN-TOP: 3px;
	MARGIN-BOTTOM: 3px;
}
.LinkURL
{
	FONT-FAMILY:verdana, arial, helvetica, sans-serif;
	COLOR: blue;
	FONT-SIZE:10pt;
	FONT-WEIGHT: bold;
}
.NavigationText
{
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 5px;
	FONT-FAMILY:verdana, arial, helvetica, sans-serif;
	COLOR: black;
	FONT-SIZE:10pt;
	TEXT-ALIGN: center;
}
.NavigationLinks
{
	FONT-FAMILY:verdana, arial, helvetica, sans-serif;
	COLOR: blue;
}
.TopNavigation
{
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 5px;
	FONT-FAMILY:verdana, arial, helvetica, sans-serif;
	COLOR: black;
	FONT-SIZE:10pt;
	TEXT-ALIGN: left;
}
.TopNavigationLinks
{
	FONT-FAMILY:verdana, arial, helvetica, sans-serif;
	COLOR: blue;
}

.SearchTerm
{

	FONT-FAMILY:verdana, arial, helvetica, sans-serif;
	FONT-SIZE:9pt;
}
.SearchSelectBox
{
	FONT-FAMILY:verdana, arial, helvetica, sans-serif;
	FONT-SIZE:9pt;
}
.SearchSubmit
{
	FONT-FAMILY:verdana, arial, helvetica, sans-serif;
	FONT-SIZE:9pt;
}