/*
================================================
STYLES FOR kunstadt.ca
------------------------------------------------
These styles are secondary to the main style sheet.  This
style sheet should be called first, so that any duplicate names
are overwritten when the main style sheet is read.
-------------------------------------------------
This first group of styles is for general use in the content
area of the web page.

Links in the ".mikeNormal" class are normally in-line.  Notice
that the margins on the links are changed to eliminate the
right and left margins.

Styles which are prefixed with "kunstadt_" are styles which have
been moved from Michel Lacroix's stylesheet to this one.  Usually
those styles have been slightly modified by me.
-------------------------------------------------  */
BODY {
	background-image:url(http://www.kunstadt.com/images/repeat2.jpg);
	font-size: 8pt;
	font-family: Verdana, Arial, sans-serif;
}
#kunstadt_back {
	background-image:url(http://www.kunstadt.com/images/bg.jpg);
	margin: 0px auto 0px auto;
	width:930px;
	display:block;
	position:relative;
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	z-index:0;
}
#navitemsdiv {
	width:175px;
	float:left;
	margin: 0px 2px 0px -13px;
	padding: 0px 8px 0px 0px;
	position:relative;
	border-right: 1px solid #000000;
}
#kunstadt_content {
	background:none;
	margin: 15px 0px 50px 0px;
	padding: 0px 30px 0px 10px;
	position: relative;
	float:left;
	width: 675px;
}
.mikeNormal {
	margin: 8px 20px 0px 15px;
	color: #000000;
	line-height: 1.3;
	font-size: 12px;
	font-family: Arial, sans-serif;
}
.mikeNormal a:link, a:visited, a:active,
td.prodtext a:link, td.prodtext a:visited, td.prodtext a:active  {
	padding: 10px 0px 0px 0px;
	color: #000000;
	text-decoration: underline;
}
.mikeNormal a:hover, td.prodtext a:hover {
	padding: 10px 0px 0px 0px;
	color: #cc0000;
	text-decoration: none;
}
h2.content_title {
	margin: 0px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
	color: #009999;
	font-family: Arial, sans-serif;
	font-size: 18px;
}
div.footer {
	display:block;
	position:relative;
	background-image:url(http://www.kunstadt.com/images/foot2.jpg);
	margin: 0px 0px 0px 0px;
	padding: 0px 75px 50px 0px;
	text-align: right;
	font-size: 12px;
	font-family: Arial, sans-serif;
	clear:both;
}
td.footer {
	font-size: 12px;
	font-family: Arial, sans-serif;
}
/*
-------------------------------------------------
STYLES FOR NAV COLUMN
-------------------------------------------------  */
.navtop_times {
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	text-align: center;
	color: #222222;
	text-decoration: none;
	font-family: Times, serif;
}
.navtop_times a:link, .navcolumn_times a:visited, .navcolumn_times a:active {
	color: #222222;
	text-decoration: none;
}
.navtop_times a:hover {
	color: #990000;
	text-decoration: underline;
}
.navcolumn_times {
	font-size: 18px;
	text-align: right;
	color: #222222;
	text-decoration: none;
	font-family: Times, serif;
}
.navcolumn_times a:link, .navcolumn_times a:visited, .navcolumn_times a:active {
	color: #222222;
	text-decoration: none;
}
.navcolumn_times a:hover {
	color: #990000;
	text-decoration: underline;
}
/*
-------------------------------------------------
STYLES FOR HOME PAGE and COLUMNAR USE
-------------------------------------------------  */
img.colimage {
	margin: 10px 0 0 0;
	border: none;
}
/*
-------------------------------------------------
STYLES FOR PRODUCT LISTINGS
-------------------------------------------------
Products are listed in table form, usually with a
thumbnail image on the left and descriptive text on the
right.

prodname: has been re-defined to fit the new web site
style.  In the store, it is used for the names of products.
In "Meet our Team" prodname is used for the team
member's name and in "Partners" it is used for the name
of the group.

prodImage: is used to display the thumbnail image in the store
and also to display thumbnails on the "Meet Our Team" and
"Partners" pages.
--------------------------------------------------  */
td.prodtext {
	padding: 10px 15px 10px 15px;
}
td.prodname {
	padding: 10px 15px 0px 15px;
}
.prodname, td.prodname, div.prodname {
	margin: 10px 15px 0px 15px;
	color: #009999;
	text-align: left;
	font-weight: bold;
	font-size : 14px;
	font-family : Arial, sans-serif;
}
.prodname a:link, a:visited, a:active {
	color: #009999;
	text-decoration: none;
}
.prodname a:hover {
	color: #990000;
	text-decoration: underline;
}
.prodImage {
	margin: 10px 20px 10px 15px;
	border: none;
}
.prodtext {
	line-height: 1.3;
	font-weight: normal;
	font-size: 12px;
	font-family : Arial, sans-serif;
}
.prodtext a:link, a:visited, a:active {
	color: #222222;
	text-decoration: underline;
}
.prodtext a:hover {
	color: #cc0000;
	text-decoration: none;
}

p.prodprice {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*
=================================================
These styles are all used by the store.  Some of them may
no longer be necessary.
-------------------------------------------------
The store database allow images to be used in place of the
usual HTML line.  These two HR styles are used if no thick
and thin line images defined
--------------------------------------------------  */
HR.thickline
{
	color: #000099;
	size: 4;
}
HR.thinline
{
	color: #000099;
	size: 2;
}

/* This is the style for the majority of text not otherwise defined below */
.mainpage {
	color: #000099;
	font-size: 11px;
	padding: 10px 25px 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Style for main page titles, if no image defined */
.title
{
	color: #000099;
	font-size: 14pt;
	font-weight: bold;
	padding: 10px 25px 10px 10px;
	font-family: Arial, sans-serif;
}

/* Style for other page titles, if no image defined */
.title2
{
	font-size: 12pt;
	color : #003399;
	font-weight: bold;
	font-family : Arial, sans-serif;
}
/* Style for text that appears at the top of some special pages like specials, and search engine */
.toptext
{
	color: #003399;
	font-size: 11px;
	padding: 10px 25px 0px 10px;
	font-family: Verdana, Arial, sans-serif;
}

/* Style for product names, if no image defined   */
.prodname {
	color: #009999;
	font-weight: bold;
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
}

/* Style for category names, if no image defined   */
.catname {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
}

/* Style for Product SKU line, if turned on */
.prodSKU {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
}

/* Style for Product price emphasized words */
.prodprice2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: Red;
}

/* Style for Product discount line, if turned on */
.proddisc {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
}
/* Style for orderbox text */
.ordertext {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
}
/* Style for form headers */
.formheader {
	font-size: 10pt;
	color: #ffffff;
	padding: 8px 0px 8px 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.buttontext {
	font-size: 8pt;
	color: #000099;
	padding: 3px 5px 3px 5px;
	font-family: Verdana, Arial, sans-serif;
}
/* ---------------------------------------------
   The "formtext series" are all unpadded versions
   of normal text, allowing for use in tables and
   buttons.

   "formtext is an unpadded version of "myNormal"
   ---------------------------------------------- */
.formtext
{
	color: #000099;
	font-size: 8pt;
	font-family: Verdana, Arial, sans-serif;
}
.largerformtext
{
	color: #000099;
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
}
.smallformtext {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 7pt;
}
/* Style for form error messages */
.formerror {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11pt;
	font-color : red;
}
.myNormal
{
	color: #000000;
	font-size: 10pt;
	padding: 0px 15px 0px 15px;
	line-height: 1.3;
}
.myTopic
{
	color: #653398;
	font-weight: bold;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 15px;
}
.myTopic2
{
	color: #003399;
	font-weight: bold;
	font-size: 10pt;
	padding: 10px 15px 8px 15px;
	font-family: Arial, Geneva, sans-serif;
}
.theTabs
{
	color: #ffffff;
	font-size: 10pt;
	font-family: Arial, sans-serif;
}
.blueBar {
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
}
.blueBar {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, sans-serif;
}
.tableCell
{
	padding: 4px 10px 4px 15px;
	color: #003399;
	font-size: 8pt;
	font-family: Verdana, Geneva, Arial, sans-serif;
}
/* Used for the default header */
A.header {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 7pt;
	color: #000099;
	font-weight: bold;
}
/*
-------------------------------------------------
STYLES FOR LOCATIONS PAGE & CONTACT PAGE
-------------------------------------------------  */
.location {
	padding: 0px 0px 10px 6px;
	text-align: right;
	width:720px;
	position:relative;
	float:left;
}
.location_info {
	width:260px;
	position:relative;
	float:left;
}
.contact_header {
	background: #ccccff;
	margin:0px 15px 10px 15px;
	border: 4px solid #000000;
}
p.contact_header_text {
	padding: 0px 15px 0px 15px;
	color: #003399;
	font-weight: bold;
	font-size: 10pt;
	font-family: Arial, Geneva, sans-serif;
}
.mapframe {
	width: 425px;
	height: 350px;
	border: 4px solid #000000;
}