/*--------------------------------------------------------------
   Standard page defaults
--------------------------------------------------------------*/
body {
	font-family: "Trebuchet MS", Arial, "Nimbus Sans L", Helvetica, sans-serif;
	font-size: 13px;
	color: #555;
	background-color: #000;
	margin: 8px;
}
a {
	text-decoration: none; color: #333;
}
a:hover { 
	text-decoration: underline; color: #F00;
}
td {
	font-family: "Trebuchet MS", Arial, "Nimbus Sans L", Helvetica, sans-serif;
	font-size: 13px;
	color: #555;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #810000;
	margin: 0;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #810000;
	margin: 0;
}
p {
	padding: 0;
	margin: 3px 0;
}
form {
	padding: 0;
	margin: 0;
}
/*--------------------------------------------------------------
   Main page masthead
--------------------------------------------------------------*/
.topcomplete {
	background: url(images/top_back.gif) repeat-x;
}
.topleft {
	text-align: left;
	padding: 2px 0 0 30px;
}
.topcentre {
	text-align: center;
	padding: 0;
}
.topright {
	text-align: right;
	padding: 2px 30px 0 0;
}
/*--------------------------------------------------------------
   Main page layout
--------------------------------------------------------------*/
.mainwindownoheight, .mainwindow, .mainwindownoshow {
	padding: 20px;
	text-align: center;
	vertical-align: middle;
	background: #E1E1E1;
}
.mainwindow, .mainwindownoshow {
	height: 300px;
}
.mainwindownoshow {
	border: 2px dashed #4D4D4D;
}
.secondarywindow {  /* form windows used on contact page and in admin area */
	padding: 20px;
	background: #D0D4D9;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #B1BBC8;
}
.navbox {
	color: #000;
	text-align: center;
	height: 30px;
	background: url(images/foot_back.gif) repeat-x;
}
.navbox a, .navbox span {
	display: none;
}
.footnote {
	color: #858C8E;
	text-align: center;
}
.creditline {
	color: #6A7071;
	text-align: center;
}
#spacerline {  /* the space between the line of menu buttons */
	height: 4px;
}
.spacetop {  /* the space just above the menu bars */
	height: 8px;
}
.spaceunder {  /* the space just below the menu bars */
	height: 4px;
}
.spacemid {  /* the space imeadiately above the main window */
	height: 8px;
}
.spacebot {  /* the space imeadiately below the main window */
	height: 15px;
}
/*--------------------------------------------------------------
  General text
--------------------------------------------------------------*/
.bodytext {
	line-height: 17px;
	color: #000;
	padding: 5px 10px;
}
a.bodytext {
	color: #666;
	padding: 0px;
}
.italic {
	font-style: italic;
}
.caption {
	font-size: 11px;
	font-style: italic;
	line-height: 18px;
	padding: 8px;
}
.title, .titlecolour {
	font-size: 18px;
	font-weight: bold;
	color: #810000;
	padding: 0 10px 6px 10px;
}
.titlecolour {
	color: #AD302C;
}
.subtitle, .subtitlecolour {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	line-height: 30px;
}
.subtitlecolour {
	display: block;
	color: #223446;
	line-height: 20px;
	background: #B6C1D3;
	padding: 5px;
}
a.next {
	background-image: url(images/next.gif);
	background-repeat: no-repeat;
	font-size: 22px;
	line-height: 13px;
	vertical-align: middle;
}
a.next:hover { 
	background-image: url(images/next_in.gif);
	background-repeat: no-repeat;
}
a.more {
	background-image: url(images/more.gif);
	background-repeat: no-repeat;
	font-size: 22px;
	line-height: 13px;
	vertical-align: middle;
}
a.more:hover { 
	background-image: url(images/more_in.gif);
	background-repeat: no-repeat;
}
.linktext1, .linktext2 {  /* the text that introduces the second level menu */
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #532A00;
	text-align: center;
	vertical-align: middle;
	padding: 20px 5px;
}
/*--------------------------------------------------------------
  Splash Page
--------------------------------------------------------------*/
.splashbody {
	background-color: #FFF;
	margin: 15px;
}
.splashintro {
	font-size: 14px;
	color: #003366;
	font-weight: bold;
}
.enter {
	font-size: 18px;
	color: #000;
	font-weight: bold;
}
a.enter {
	text-decoration: none;
	color: #000;
}
a.enter:hover { 
	text-decoration: none;
	color: #FF6;
}
.linksmall {
	font-size: 10px;
	color: #333;
}
a.linksmall {
	text-decoration: none;
	color: #333;
}
a.linksmall:hover { 
	text-decoration: none;
	color: #FF6;
}
/*--------------------------------------------------------------
  Menu buttons
--------------------------------------------------------------*/
.menua, .menub, .menuc {
	text-align: center;
	padding: 0px 10px;
}
a.menua, a.menub, a.menuc {
	font-size: 14px;
	color: #FCC;
	padding: 5px 10px;
}
a.menua:link, a.menua:visited, a.menub:link, a.menub:visited, a.menuc:link, a.menuc:visited {
	text-decoration: none;
	color: #FFF;
}
a.menua:hover, a.menua:active, a.menub:hover, a.menub:active, a.menuc:hover, a.menuc:active {
	text-decoration: underline;
	color: #FF0;
}
a.menuaa, a.menubb, a.menucc {  /* the class applied to the selected path buttons */
	font-size: 14px;
	color: #ED3D3A;
	font-weight: bold;
	padding: 5px 10px;
}
a.menuaa:hover, a.menuaa:active, a.menubb:hover, a.menubb:active, a.menucc:hover, a.menucc:active {
	text-decoration: underline;
	color: #FFFF00;
}
/*--------------------------------------------------------------
  Alerts and feedback
--------------------------------------------------------------*/
.alert {  /* used for notification of serious problems */
	font-size: 16px;
	font-weight: bold;
	color: #C00;
	background-color: #FF6;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}
.attention {  /* used to draw attention to a note */
	font-size: 13px;
	color: #000;
	background-color: #F6F3B9;
	text-align: center;
	padding: 6px;
	line-height: 18px;
}
.success {  /* used for notification of a successful action */
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #2B7920;
	background-color: #F6F3B9;
	padding: 6px;
	line-height: 26px;
}
.failure {  /* used for notification of an unsuccessful action */
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #C00;
	background-color: #FF3;
	padding: 6px;
	line-height: 26px;
}
/*--------------------------------------------------------------
  Forms and lists
--------------------------------------------------------------*/
.formlabel {
	font-size: 13px;
	color: #435A6B;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	padding-left: 5px;
}
.formbox { 
	text-align: left;
	padding: 7px 4px;
}
.formintro {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding: 10px;
	border-width: 3px;
	border-style: solid;
	border-top-color: #AAC2C2;
	border-right-color: #435A6B;
	border-bottom-color: #435A6B;
	border-left-color: #AAC2C2;
	background: #7A8D8F;
}
.formheader {
	font-weight: bold;
	color: #FFF;
	background-color: #888;
	vertical-align: middle;
	font-size: 14px;
	padding: 7px;
}
/*--------------------------------------------------------------
  One-off formatting
--------------------------------------------------------------*/
.intropic {  /* removes top and left padding from pictures */
	padding: 0 30px 0 0;
	font-size: 11px;
	font-style: italic;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
}
/*--------------------------------------------------------------
  Home Page - category links
--------------------------------------------------------------*/
td ul#cats {
	list-style: none;
	line-height: 100%;
	padding: 0;
	border-left: 1px solid #6D9481;
	border-right: 1px solid #6D9481;
	margin: 0;
}
td ul#cats li {
	display: inline; /*gets rid of IE6 'space under <li>' bug*/
	text-align: left;
	margin: 0;
	padding: 0;
}
td ul#cats li.cats-title {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 7px 5px 7px 15px;
	border-bottom: 1px solid #6D9481;
	border-top: 1px solid #6D9481;
	margin: 0;
	background-color: #6D9481;
}
td ul#cats li a {
	display: block;
	text-decoration: none;
	text-align: left;
	color: #000;
	padding: 5px 5px 5px 15px;
	border-bottom: 1px solid #999;
	margin: 0;
	background-color: #E3EFEB;
}
td ul#cats li a:hover {
	text-decoration: none;
	color: #000;
	background-color: #FF6;
}
/*--------------------------------------------------------------
  Home Page - featured offers list
--------------------------------------------------------------*/
td.so-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	margin: 0;
	border: 1px solid #6D9481;
	padding: 4px 5px 7px 5px;
	background: #6D9481;
}
td a.so-title {
	display: block;
	color: #FFF;
	text-decoration: none;
}
td a.so-title:hover {
	color: #AF0001;
	text-decoration: none;
	background-color: #FFFF99;
}
td.so-pic {
	margin: 0;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 7px;
	background: #FFF;
}
td.so-price {
	text-align: left;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 7px;
	background: #E3EFEB;
}
td.so-price a {
	color: #5C7E6E;
}
/*--------------------------------------------------------------
  Home Page - vat selector
--------------------------------------------------------------*/
td a.homevat {
	display: block;
	text-decoration: none;
	text-align: center;
	color: #7E3F00;
	padding: 5px;
	border: 1px solid #95633D;
	margin: 10px 0 0 0;
	background-color: #EEE5E2;
}
td a.homevat img {
	margin: 4px 0 0 3px;
}
td a.homevat:hover { 
	text-decoration: none;
	color: #000;
	background-color: #FF6;
}
/*--------------------------------------------------------------
  Free delivery box
--------------------------------------------------------------*/
td a.free-del {
	display: block;
	text-decoration: none;
	text-align: center;
	color: #327958;
	padding: 5px;
	border: 1px solid #327958;
	margin: 10px 0 0 0;
	background-color: #FFF;
}
td a.free-del:hover {
	text-decoration: none;
	color: #000;
	background-color: #FF6;
}