/* 
type: 2column fixed width float
colour palette:white (#FFFFFF), darkolivegreen (#556B2F), whitesmoke, indigo
*/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: white;
	color: teal;
}
#wrapper {
	position: relative;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	background: url(/img/other/tkp-masthead.jpg) no-repeat;
}

/* header styles ------------------------------------------------------------ */
#header {
	height: 100px;
	position: relative;
	font-size: 70%;
}
#header img {
  border: 0;
  margin-left: 35px;  /* (230 - 154)/2 */
  margin-top: 10px; /* (100 - 81)/2 */
  float: left;
}
#header form {
	float: right;	
  display: inline;
	padding: 4px;
}
#header form input {
	font-size: 100%;
}
#header ul, #footer ul {
  list-style-type: none;
  float: right;	
	padding: 5px;
	margin: 0;
	border: none;
}
/* nav-items */
#header ul li, #footer ul li {
	float: right;	
  padding: 3px 3px 3px 3px;	
  border-right: 1px darkgrey dotted;
}

/* content styles ----------------------------------------------------------- */
#content {
	float: right;
	width: 500px;
	padding: 0 10px 0 0;
	font-size: 80%;
}
#content h1,h2,h3,caption {
	font-size: 100%;
	font-family: Georgia, Times, serif;
	clear: both;
}
#content h4,caption {
	font-size: 120%;
	font-family: Verdana, Helvetica, sans-serif;
	color: indigo;
	clear: both;
}
#content img {
	float: left;
	margin: 5px 5px 5px 5px;
}
#content table {
  border-collapse: collapse;
  background: whitesmoke;
}
#content caption {
	text-align: left;
}
#content th {
  border: 2px solid white;
	padding: 5px;
}
#content td {
  border: 2px solid white;
  font-size: 90%;
}

/* left column styles ------------------------------------------------------- */
#leftcolumn {
	float: left;
	width: 230px;
	font-size: 70%;
}
#leftcolumn ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border: none;
}
/* sub-items */
#leftcolumn ul li ul li {
	font-weight: normal;
	float: left;
	clear: none;
	padding: 0px 3px 0px 3px;
  border-right: 1px darkgrey dotted;
	margin: 0;
}
#leftcolumn ul li ul {
	padding: 5px;	
}
#leftcolumn ul li {
	font-weight: bold;
	margin: 10px 10px 10px 0px;
	clear: left;
	padding-top: 10px;
}
#leftcolumn p {
	font-weight: normal;
	padding: 5px 5px 15px 5px;
	margin: 0;
}
#leftcolumn img {
	float: left;
	padding: 5px 5px 5px 5px;
}
#leftcolumn fieldset {
	padding-top: 5px;
	margin-bottom: 15px;
	-moz-border-radius: 8px;
	border-radius: px;
}
#leftcolumn legend {
	color: teal;
	padding: 5px;
}
#leftcolumn form {
  display: inline;
}
#leftcolumn form input {
  font-size: 100%;
}
#leftcolumn p.free-delivery {
  color: red;
}
/* footer styles ------------------------------------------------------------ */
#footer {
	clear: both;
	font-size: 70%;
	padding: 5px 0 5px 0;
	color: darkgrey;
}
/* other styles ------------------------------------------------------------- */
a:link, a:visited {
	color: indigo;
	text-decoration: none;
}
a:hover {
	color: blue;
	text-decoration: underline;
}
a:active {
	color: red;
}
.clear {
	clear: both;
}

/* twitter style mods. */
.twtr-widget-profile
{
    float: right;
    padding: 5px 0px 5px 5px;
}

.twtr-widget a { border: none !important; display: inline !important; width: auto !important; }
.twtr-widget-profile h3, .twtr-widget-profile h4 { display: inline; margin: 0 0 0 5px !important; }
.twtr-ft a { width: auto !important; }