﻿*
{  
	font-family: 'Century Gothic';
	font-size: 10pt;
	color: #66686a;
}

#credit
{
	text-align:right;
	font-size:7.5pt;
	width: 890px;
	
}
.IE8Fix
{
z-index:100;
}

h1
{
	font-size: 16pt;
	color: #33ccff;
	font-family: 'Century Gothic';
}
.reglink a
{
	color: black;
	text-decoration: none;	
}
.reglink a:hover
{
	
	color: black;
	text-decoration: underline;
	
}
.nav
{
	background: #fafafa;
	border: 1px solid #b0b0b0;
	color: #606060;
	display: block;
	position: relative;
	text-transform: uppercase;
	width: 155px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom: 7px;
	font-size: 8pt;
	font-family: Verdana;
}

.nav:hover, .active
{
	background: white;
	border: 1px solid #909090;
	color: #303030;
	text-decoration: none;
}

h2
{
	font-size: 14pt;
	color: #66686a;
	font-family: 'Century Gothic';
	font-weight:normal;
	
}
h3
{
	font-size: 10pt;
	color: #66686a;
	margin-bottom:4px;
	font-weight:normal;
	
	
	
}
h6
{
	font-size: 10pt;
	color: #66686a;
	margin-bottom: 10px;
	font-weight: normal;
	
}


.h3
{
	font-size: 12pt;
	color: #66686a;
	margin-bottom:4px;
	font-weight:bolder;	
}

p
{
	font-size:10pt;
	text-align:justify;
	margin-top:0px;
}

h4
{
	font-size: 10pt;
	text-align: justify;
	font-style: italic;
	font-weight:bold;
}


#left h1
{
	font-size:12pt;
	font-weight:bold;
	color:#ffffff;
	
}


#left p
{
	color:White;

}
	

body
{
	margin: 0px 0px 25px;
	padding: 0px;
}

#main
{
	width:890px;
	background-color:White;
}
#header
{
	height: 110px;
	width: 100%;
	vertical-align: middle;
}
#menu
{
	height:25px;
	width:100%;
	background-color: #33ccff;
	
}


#banner
{
	width:100%;
	margin:0px;
	padding:0px;
	}
#left
{
	height: auto;
	text-align:left;
	
	
}
#middle
{
	
	min-height:50px;
	text-align:left;
	
}


#content
{
	margin:0px;
	min-height:50px;
	padding:0px;
	text-align:left;
	
}
.padding1
{
	padding:15px;
}




#footer
{
	width: 890px;
	height: 50px;
	background-color: #ebebeb;
	color: #33ccff;
	vertical-align: middle;
	font-size: 7pt;
}

	.leftalign
	{
		text-align:left;
	}
	

	
#equipment
{
	background-image: url('images/equipment-background.jpg');
}

#stairs
{
	background-image: url('images/STAIRS BACKGROUND.jpg');
	font-weight: bold;
	font-size: 18pt;
	text-transform: none;
	color:White;
}
	
.admin_menu a
{
	color:gray;
	text-decoration:none;
}

.admin_menu a:hover
{
	color: Blue;
	text-decoration: none;
	
}

.admin_menu a:selected
{
	color:red;
	text-decoration:none;
}

#picborder
{
	 
}

ul
{
  margin-top: -5px;
  margin-bottom: 0px;
  text-align:justify;
}
.credit_website
{
	font-size:7pt;
	color:Gray;
}
a.credit_website:link
{
	font-size: 7pt;
	text-decoration: none;
	color: Gray;
}

a.credit_website:hover
{
	font-size:7pt;
	color:Gray;
	text-decoration:underline;
}
a.footer:link
{
	color:#33ccff;
		text-decoration:none;
}
a.footer:visited
{
	color:#33ccff;
		text-decoration:none;
	
}

a.footer:hover
{
	color: gray;
	text-decoration: none;
}

a.email:link
{
	color: gray;
	text-decoration:underline;
	font-size:8pt;
}
a.email:visited
{
	color: gray;
	text-decoration:underline;
	font-size:8pt;
	
}

a.email:hover
{
	color: gray;
	text-decoration:underline;
	font-size:8pt;
}




TD.KMShopHeader
{
	padding: 7px 0 10px 6px;
	background: #75AE29 url(Images/SunflowerBack.jpg) no-repeat top right;
}
DIV.KMShopLogo
{
	padding: 1px 0px 0px 12px;
}
DIV.KMShopTagLine
{
	color: #fff;
	letter-spacing: 5px;
	padding-left: 12px;
}
/* ************************************************ */
/* Footer											*/
/* ************************************************ */
DIV.KMShopFooter
{
	text-align: center;
	color: #ccc;
	margin: 10px;
}
DIV.KMShopFooter A
{
	color: #eee;
	text-decoration: none;
}
/* ************************************************ */
/* Navigation bar									*/
/* ************************************************ */
TD.KMShopNavBar
{
	background-color: #427518;
}
TD.KMShopNavBar TABLE
{
	margin-left: 5px;
}
TD.KMShopNavBar TABLE TD
{
	padding: 3px 5px 3px 5px;
	line-height: 19px;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}
TD.KMShopNavBarItem, TD.KMShopNavBarItem A
{
	color: gray;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10pt;
	font-family: 'Century Gothic';
	padding-bottom: 5px;
	padding-top: 5px;
}
TD.KMShopNavBarItem A:hover
{
	color: #83ccff;
	text-decoration: none;
}
TD.KMShopNavBarSep
{
	color: #83ccff;
}
/* ************************************************ */
/* Breadcrumb										*/
/* ************************************************ */
DIV.KMShopBreadcrumb
{
	font-size: 10px;
	color: #427518; /* #88aa00 */
	background-color: #f7f7f7;
	padding: 7px 0px 7px 15px;
	border-bottom: 1px solid #ddd;
}
/* ************************************************ */
/* Main content area								*/
/* ************************************************ */
DIV.KMShopContent
{
	margin: 10px;
	padding: 0px;
}
/* ************************************************ */
/* Forms											*/
/* ************************************************ */
DIV.KMShopFormSubHead
{
	color: #336699;
	font-family: 'Century Gothic';
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 4px 5px;
}
DIV.KMShopFormContainer
{
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 10px;
}
DIV.KMShopFormContainer TABLE TR TD
{
	padding: 2px 0px 2px 0px;
}
TD.KMShopFormLabel
{
	font-family: 'Century Gothic';
	font-size: 11px;
	color: #666;
	white-space: nowrap;
	width: 24%; /* NB: If we use a px value IE ignores the width! */
}
TD.KMShopFormData
{
	color: #333;
}
TD.KMShopFormField INPUT, TD.KMShopFormField SELECT, TD.KMShopFormField TEXTAREA
{
	color: #333;
	font-size: 12px;
	font-family: Courier New, Courier, Verdana, Tahoma, Arial;
	background-color: #e5ebef;
	border: 1px solid #999;
	padding: 2px;
}
TD.KMShopFormInfo
{
	padding-bottom: 5px !important;
}
/* ************************************************ */
/* Lists and grids									*/
/* ************************************************ */
TABLE.KMShopListTable
{
	margin-bottom: 10px;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
TR.KMShopListHeadRow TD
{
	padding: 2px 0px 2px 5px;
	color: #555;
	background-color: #eee;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
TR.KMShopListRowAlt TD, TR.KMShopListRow TD
{
	padding: 3px 0px 3px 5px;
	background-color: #f5f5f5;
}
/* ************************************************ */
/* Buttons											*/
/* ************************************************ */
DIV.KMShopButtonRow
{
}
A.KMShopButton
{
	/* To shrink the DIV to fit the text, we float the DIV. Another technique uses display:table and width:5% */
	float: left;
	font-family: Tahoma, MS Sans Serif, Arial, Sans Serif;
	font-size: 11px;
	color: #000;
	white-space: nowrap;
	text-decoration: none;
	cursor: hand;
	border: 1px solid #808080;
	background: url(Images/ButtonBack.gif) center;
	padding: 0px 3px 0px 3px;
	line-height: 17px; /* The combination of line-height and height make the button appear identical in IE and FireFox */
	height: 17px;
	margin: 0px;
}
A.KMShopButton:hover
{
	color: #880000;
	text-decoration: none;
	border: 1px solid #880000;
}
DIV.KMShopButtonSeparator
{
	float: left;
	width: 5px;
	padding: 5px; /* Have to pad otherwise FireFox ignores width */
}
/* ************************************************ */
/* System messages									*/
/* ************************************************ */
TABLE.KMShopSysMsgError
{
	color: #ff0000;
	border: 1px solid #ffaaaa;
	background-color: #ffeeee;
}
TABLE.KMShopSysMsgSuccess
{
	color: #008800;
	font-weight: bold;
	border: 1px solid #9fbe4c;
	background-color: #eeffcc;
}
TABLE.KMShopSysMsgInfo
{
	color: Black;
	background-color: #efefc5;
	border: 1px solid #d5cca4;
}
TABLE.KMShopSysMsgError, TABLE.KMShopSysMsgSuccess, TABLE.KMShopSysMsgInfo
{
	margin-bottom: 10px;
}
TABLE.KMShopSysMsgError TD, TABLE.KMShopSysMsgSuccess TD, TABLE.KMShopSysMsgInfo TD
{
	padding: 10px;
}
/* ************************************************ */
/* Pager											*/
/* ************************************************ */
TABLE.KMShopPagerContainer
{
	margin: 10px auto 10px auto;
}
TR.KMShopPagerRow
{
}
TD.KMShopPagerButtonCol
{
}
TD.KMShopPagerPagesCol
{
	padding-left: 15px;
	padding-right: 15px;
	color: #888;
}
TD.KMShopPagerPagesCol SELECT
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #555;
	background-color: #E5EBEF;
}
/* ************************************************ */
/* Product listing AND detail pages	(shared styles)	*/
/* ************************************************ */
TABLE.KMShopProdPrices
{
	margin: auto;
}
TABLE.KMShopProdPrices TD
{
	white-space: nowrap;
	padding-left: 5px;
	padding-bottom: 3px;
}
TD.KMShopProdPriceLabel
{
	color: #888;
}
TD.KMShopProdSellPrice
{
	color: #990000;
	font-size: 12px;
	font-weight: bold;
}
TD.KMShopProdSavePrice
{
	color: #995555;
}
TD.KMShopProdListPrice
{
	color: #005555;
	text-decoration: line-through;
}
.KMShopProdInStock
{
}
.KMShopProdOutOfStock
{
	color: #ff7777;
}
/* ************************************************ */
/* Product listing page								*/
/* ************************************************ */
TABLE.KMShopProdListContainer
{
	border-collapse: collapse;
}
TD.KMShopProdImgCol
{
	color: #888;
	font-size: 9px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	width: 75px;
}
TD.KMShopProdTitleCol, TD.KMShopProdPriceCol, TD.KMShopProdAddCol
{
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
TD.KMShopProdPriceCol
{
	width: 110px;
}
TD.KMShopProdAddCol
{
	width: 5%;
}
TABLE.KMShopProdAddForm
{
	margin: auto;
}
DIV.KMShopProdTitle
{
	margin-bottom: 2px;
}
DIV.KMShopProdTitle A
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
DIV.KMShopProdTitle A:Hover
{
	color: #880000;
}
DIV.KMShopProdDescShort
{
	margin-bottom: 2px;
}
DIV.KMShopProdOtherInfo
{
	color: #666;
	margin-top: 10px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 9px;
}
/* ************************************************ */
/* Product detail page								*/
/* ************************************************ */
DIV.KMShopProdAttributes
{
	color: #888;
}
TABLE.KMShopProdDetContainer
{
	border-collapse: collapse;
}
TD.KMShopProdDetImgCol
{
	color: #888;
	font-size: 9px;
	padding-right: 15px;
	width: 15%;
}
TD.KMShopProdDetTitleCol
{
	padding-right: 20px;
}
TD.KMShopProdDetAddCol
{
	width: 20%;
}
DIV.KMShopProdDetAddBox
{
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	padding: 15px;
}
TABLE.KMShopProdDetAddForm
{
	margin: 10px auto auto auto;
}
DIV.KMShopProdDetTitle
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
DIV.KMShopProdDetDesc
{
	padding-bottom: 10px;
}
DIV.KMShopProdDetOtherInfo
{
	margin-top: 10px;
	text-align: center;
	font-family: Tahoma, Arial, Verdana;
	font-size: 9px;
}
/* ************************************************ */
/* Shopping cart page								*/
/* ************************************************ */
TABLE.KMShopCartDet
{
	border-top: 1px solid #ccc;
	margin-bottom: 3px;
}
TR.KMShopCartDetItemTitle TD
{
	padding: 2px 0px 2px 3px;
	background-color: #eee;
	color: #555;
	font-weight: bold;
}
TR.KMShopCartDetItemTotal TD
{
	padding: 2px 0px 2px 3px;
	color: #555;
}
DIV.KMShopCartDetFooterTotal
{
	font-weight: bold;
	background-color: #ddd;
	text-align: right;
	padding-right: 3px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 8px;
}
/* ************************************************ */
/* General sidebar box styles						*/
/* ************************************************ */
DIV.KMShopSideBarBox
{
	width: 210px;
	margin-top: 15px;
	overflow: hidden;
	font-family: Tahoma, Arial, Verdana;
	text-align:left;
}
DIV.KMShopSideBarHeader
{
	padding: 0px 5px 5px 5px;
	margin: 0px;
	font-family: 'Century Gothic';
	font-size: 14px;
	font-weight: bold;
	color: white;
}
DIV.KMShopSideBarContent
{
	color: #555;
	padding: 8px 8px 5px 8px;
	border: 1px solid #ccc;
	background-color: #ffffff;
	overflow: hidden;
}
/* ************************************************ */
/* Shopping cart sidebar box						*/
/* ************************************************ */
DIV.KMShopCartSum
{
	background-color: #fff;
}
DIV.KMShopCartSumItems
{
	font-size: 10px;
	color: #5E5D5D;
	white-space: nowrap;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 2px dotted #ccc;
}
DIV.KMShopCartSumItem
{
	width: 100%; /* So IE doesn't ignore parent element padding */
	overflow: hidden;
	padding-bottom: 3px;
}
DIV.KMShopCartSumTotal
{
	font-weight: bold;
	color: #5E5D5D;
	margin-bottom: 3px;
}
/* ************************************************ */
/* Categories sidebar box							*/
/* ************************************************ */
DIV.KMShopCategories, DIV.KMShopCategories A
{
	color: #5E5D5D;
	text-decoration: none;
}
DIV.KMShopCategories A:hover
{
	color: #000;
	text-decoration: underline;
}
DIV.KMShopCatMain
{
	font-weight: bold;
}
/* ************************************************ */
/* Search sidebar box								*/
/* ************************************************ */
DIV.KMShopSearch TD.KMShopFormField INPUT
{
	background-color: #fff;
	width: 120px;
	border: 1px solid #bbb;
}
/* ************************************************ */
/* Editable content box								*/
/* ************************************************ */
DIV.KMShopEditContainer
{
	background-color: #FFFFCC;
	border: 1px dashed #880000;
	margin-top: 10px;
}
DIV.KMShopEditHeader
{
	background-color: #FFFF66;
	color: #880000;
	font-family: Arial;
	font-size: 9px;
	text-align: center;
}
DIV.KMShopEditContent
{
	padding: 4px;
	color: #5E5D5D;
}
