/* Kudos Solutions Limited e-Retailer version 2.000 master stylesheet */

/* [A] Standard text font, size, and colour */
BODY {
 	font-family :	Verdana, Arial, Geneva, Sanserif;
 	font-size :	12px;
	font-weight: bold;
 	color :	#333333;
	}
TABLE {
 	font-family :	Verdana, Arial, Geneva, Sanserif;
 	font-size :	12px;
	font-weight: bold;
 	color :	#333333;
	}
SELECT {
 	font-family :	Verdana, Arial, Geneva, Sanserif;
 	font-size :	12px;
 	color :	#333333;
	}
INPUT {
 	font-family :	Verdana, Arial, Geneva, Sanserif;
 	font-size :	12px;
 	color :	#333333;
	}
TEXTAREA {
 	font-family :	Verdana, Arial, Geneva, Sanserif;
 	font-size :	12px;
 	color :	#333333;
	}
	
/* [B] (BODY) Background colour on the sides of each page and for table headers (default: pale gray) */
body.masterbackground {
	background:	#333333 url(bg.gif) top repeat-x;
	}

/* [C] Table border colour (default: gray) */
.tableborder {
	color : black;
	background-color :	black;
	}

/* Border style for all input fields and any buttons that are not images, should match table border colour above */
.border {
	border: 1px;
	border-color: black;
	border-style: solid;
	}

/* [D] Background colour at the top of each page, where the logo sits (default: white) */
.topbackground {
	background:	url(header.jpg);
	height: 180px;
}

.topbackground img{
	visibility:hidden;
}

/* [E] Text (color) and background (background-color) colours for title bar and order page sections (defaults: white/navy); if you change the color you also need to change the color in the .whitelink style */
.mainbar {
 	color : white;
 	background: url(topnavbg.gif) repeat-x;
	height: 30px;
	}
.whitelink, .mainbar a:link, .mainbar a:active, .mainbar a:visited {
 	color : white;
 	text-decoration : none;
	}
.mainbar a:hover {
	text-decoration: underline;
}

/* [F] Background colour at the bottom each page (default: medium gray) */
.bottombackground {
	background: #004e94 url(tag.gif) right bottom no-repeat;
	color: #ffffff;
	}
	
.bottombackground .small{
	color: #ffffff;
	font-weight: normal;
}

.bottombackground .small a:link, .bottombackground .small a:visited, .bottombackground .small a:active {
	color: #ffffff;
}

/* [G] Link colours, usually looks tidy when all four are the same (defaults: link:navy, visited:purple, active:red, hover:red) */
A:link {
	text-decoration: underline;
	color: #333333;
	}
A:visited {
 	text-decoration: underline;
	}
A:active {
 	text-decoration: underline;
	}
A:hover {
 	text-decoration: underline;
	color: #0054a0;
	}

/* [H] Promotion colours (default: red) */
.highlightbig {
	font-size : 16px;
	font-weight : bold;
	color : #990000;
	}
.highlight {
 	color : #990000;
	}
.highlightsmall {
 	font-size : 9px;
 	color : #990000;
	}

/* Do not change these styles */
.tiny {
 	font-size : 7px;
	}
.small {
 	font-size : 9px;
	}
.menu {
	line-height: 1.5;
	}
	
	
/* table heading background */
td.masterbackground {
	background: #000000 url(topnavbg.gif) repeat-x center;
	height: 24px;
	color : white;
}

td.masterbackground a:link, td.masterbackground a:visited, td.masterbackground a:active{
	color : white;
 	text-decoration : none;
	font-weight: bold;
}

td.masterbackground a:hover{
	text-decoration:underline;
}

body table[width="850"] {
	border-right: solid 4px #000000;
	border-left: solid 4px #000000;
}

.menu tr td{
	height: 25px;
	border-bottom: solid 1px #0054a0;
	color: navy;
	padding-left: 10px;
}

.menu a:link, .menu a:active, .menu a:active{
	color: #0054a0;
	text-decoration: none;
	font-size: 90%;
	padding-left: 5px;
}

.menu a:hover{
	text-decoration: underline;
}

.masterbackground table tr td table tr td table tr td strong {
	display:block;
	padding-left: 10px;
	height: 20px;
	font-size: 120%;
	background: url(links.gif) repeat-x bottom;
	color:#000066;
	margin-top: 10px;
}

td[width="180"] {
	background: #eff4f8;
	display: block;
}


