/* CSS Document */


.mainTable { 
	border: solid 1px #333;
	}


body {
	font-family:Helvetica, Arial, Verdana, Geneva,  sans-serif;
    margin-top:0;
	margin-bottom:0;
	text-align:left;
}



a:link, a:visited { 
	color:#7B0021; 
	font-family: Helvetica; 
	text-decoration: none;
	 }

a:hover{ 
	color:#000000; 
	font-family: Helvetica; 
	text-decoration: none;
	 }

a.black_menu:link, a.black_menu:visited    
	{ 
	color: #000000; 
	font:  10.5px Helvetica; 
	text-decoration: none;
	}

a.black_menu:hover
	{ 
	color: #7B0021; 
	font:  10.5px Helvetica; 
	text-decoration: none;
	}

a.smallmenu:link, a.smallmenu:visited    
	{ 
	color: #7B0021; 
	font:  9px Helvetica; 
	text-decoration: none;
	font-weight: bold;
	}

a.smallmenu:hover
	{ 
	color: #000000; 
	}

a.black_menuon:link, a.black_menuon:visited
	{ 
	color: #7B0021; 
	font:  10.5px Helvetica; 
	text-decoration: none;
	}

a.black_menuon:hover
	{ 
	color: #000000; 
	font:  10.5px Helvetica; 
	text-decoration: none;
	}

a.bigred:link, a.bigred:visited 
	{ 
	color: #000000; 
	font:  11px Helvetica; 
	text-decoration: none; 
	font-weight: bold;
	}

a.bigred:hover 
	{ 
	color: #7B0021; 
	font:  11px Helvetica; 
	text-decoration: none; 
	font-weight: bold;
	}

a.bigredon:link, a.bigredon:visited
	{ 
	color: #7B0021; 
	font:  11px Helvetica; 
	text-decoration: none; 
	font-weight: bold;
	}
a.bigredon:hover 
	{ 
	color: #7B0021; 
	font:  11px Helvetica; 
	text-decoration: none; 
	font-weight: bold;
	}

.mainlink:link, .mainlink:visited 
	{ 
	color: #000; font-size: 11px; 
	font-family: Helvetica; 
	text-decoration: none;
	}

.mainlink:hover 
	{ 
	color: #7B0021; font-size: 11px; 
	font-family: Helvetica; 
	text-decoration: none;
	}

.whitelink:link, .whitelink:visited 
	{ 
	color: #ffffff; 
	font-size: 12px; 
	font-family: Helvetica; 
	text-decoration: none;
	font-weight: bold
	}

.whitelink:hover 
	{ 
	color: #DABE0D; 
	font-size: 12px; 
	font-family: Helvetica; 
	text-decoration: none;
	font-weight: bold
	}

a.sub_menu:link, a.sub_menu:visited
	{ 
	color: #7B0021; 
	font:  12 px Helvetica; 
	text-decoration: none;
	}

a.sub_menu:hover
	{ 
	color: #000000; 
	font:  12 px Helvetica; 
	text-decoration: none;
	}

.Text, .text { 
	color: #666666; 
	font:  14px Helvetica;
	 align: justify;
	  }

.blacktext { 
	color: #000; 
	font-size: 11px; 
	font-family: Helvetica;
	}

.hours { 
	color: #b90000; 
	font-size: 12px; 
	font-family: Helvetica;
	font-weight: bold
	}

.TextBold { 
	font-weight: bold
	 }

.SmallText 
	{ 
	color: #000000; 
	font:  11px Helvetica; 
	align: left;
	}

.smallcart 
	{ 
	color: #000000; 
	font:  9px Helvetica; 
	text-align: right;
	border: 1px dotted #999;
	padding: 3px
	}

.Copyright 
	{ 
	color: #000000; 
	font:  9px Helvetica; 
	align: left;
	}

.menucell 
	{ 
	border-right: 1px dotted #999;
	}

.checkouttitle  { 
	color: #666; 
	font-size: 14px; 
	font-family: Helvetica; 
	font-weight: bold; 
	}


.redcheckouttitle  { 
	color: red; 
	font-size: 14px; 
	font-family: Helvetica; 
	font-weight: bold; 
	}

.label { 
	color: #000; 
	font-size: 11px; font-family: 
	Helvetica; 
	}

.FormTable { 
	border: solid 1px #666;
	padding: 8px;
	}

.tableheader { 
	color: #b71219; 
	font-size: 12px; 
	font-family: Helvetica;
	}

.HeaderSubTitle { 
	color: #ffffff; 
	font-size: 18px; 
	font-family: Helvetica;
	font-weight: bold;
	background-color:#333333;
	padding: 10px; 
	}

.MainTitle { 
	color: #333333; 
	font-size: 16px; 
	font-family: Helvetica;
	font-weight: bold;
	}

.subtitle { 
	color: #000; 
	font-size: 12px; 
	font-family: Helvetica; 
	font-weight: bold;
	}

.mainTable, FormTable { 
	border: solid 1px #fff;
	}

.topline { 
	border-top: 1px solid #333;
	}

.allaround  { 
	padding: 10px; 
	border: solid 1px #333;
	}

.tiledproducts
	{
	text-align: center;
	color:#000000;
	padding:3px;
	margin : -1px;
	border:1px solid #999999;
	background-color:#ffffff;
	}

.bottomtable  { 
	border-top: 0 #333; 
	border-right: 1px solid #333; 
	border-bottom: 1px solid #333; 
	border-left: 1px solid #333;
	}

.toprightcell  { 
	border: solid 1px #333 
	}

.topleftcell { 
	border-top: 1px solid #333; 
	border-right: 0 #333; 
	border-bottom: 1px solid #333; 
	border-left: 1px solid #333 
	}
.bottomleftcell { 
	border-top: 0 solid #333; 
	border-right: 0 #333; 
	border-bottom: 1px solid #333; 
	border-left: 1px solid #333;
	}
.bottomrightcell { 
	border-style: solid; 
	border-width: 0 1px 1px; 
	border-color: #333;
	}
.bottomcell { 
	border-top: 0 #333; 
	border-right: 0 #333; 
	border-bottom: 1px solid #333; 
	border-left: 1px solid #333;
	}

.ProdName   { 
	color: #fff; font:  
	18px Helvetica; 
	text-decoration: none; 
	font-weight: lighter; 
	background-color: #000; 
	padding: 3px 5px 1px;
	 }

.smallprodname { 
	color: #000; 
	font-size: 12px; 
	font-family: Helvetica; 
	font-weight: bold; 
	padding-top: 10px; 
	padding-left: 3px;
	}

.description  { 
	color: #000; 
	font-size: 10px; 
	font-family: Helvetica; 
	padding-top: 3px; 
	padding-left: 10px 	
	}

.bgcontact { 
	background-image: url("http://www.kinetichome.com/nav/contact.png"); 
	background-repeat: no-repeat; 
	background-position: right top;
	}

.bgresellers { 
	background-image: url("http://www.kinetichome.com/nav/resellers.png"); 
	background-repeat: no-repeat; 
	background-position: right top;
	}

.tablelines 
	{
	border-right: dotted 1px #333; 
	border-left: dotted 1px #333; 
	border-bottom: dotted 1px #333;
	border-top: dotted 1px #333;
	}

.rightLine 
	{ 
	border-right: dotted 1px #333;
	}

.lineBottom 
	{ 
	border-bottom: solid 2px #333;
	}

.smallCell 
	{
	border-right: dotted 1px #333;
	border-bottom: dotted 1px #333;
	}


.toolTipNote
	{
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	margin: 5px 0px 0px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	z-index: 0;
	visibility: hidden;
	position: absolute;
	white-space: nowrap;
	text-align: left;
	padding: 5px 5px 5px 5px;
	}


.ImgBorder 
	{ 
	border: solid 1px #666;
	}


.error {
	padding:2px; 
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFffff;
	background-color:#7B0021;
	}

input, select 
	{
	color: #7B0021;
	font-family:Helvetica;
	font-size:10px;
	padding:2px;
	border:1px solid #333333;
	background-color:#FFFFFF;
	text-decoration: none;
	}
.noborder
	{
	color: #7B0021;
	font-family:Helvetica;
	font-size:8px;
	padding:1px;
	border:0px;
	background-color:#FFFFFF;
	text-decoration: none;
	}

.button, a.button:link, a.button:visited 
	{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
	color:#000000;
	padding:3px;
	margin-top : 3px;
	margin-bottom : 3px;
	border:1px solid #000000;
	background-color:#ffffff;
	}

a.button:hover 
	{
	font-family:Helvetica;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	padding:3px;
	margin-top : 3px;
	margin-bottom : 3px;	border:1px solid #333333;
	background-color:#7B0021;
	}

a.menulink:link, a.menulink:visited
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color:#000000;
	}
a.menulink:hover
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color:#7B0021;
	}

#blanket 
	{
	background-color:#111;
	opacity: 0.65;
	filter:alpha(opacity=65);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
	}

#popUpDiv 
	{
	position:absolute;
	background-color:#eeeeee;
	width:425px;
	height:390px;
	z-index: 9002;
	}

div#menu {
	display: inline;
	//margin-left: 1em;
	//margin-right: 4em;
}

#container { 
	font-family: Arial, Helvetica, sans-serif;
	width: 900px;
	padding-right: 10px;
	padding-left: 10px;
	min-height:120;
}

#box {
	float: left;
	position:relative;
	text-align: center;
	width: 126px;
	height: 80px;
	padding: 4px;
}

/*
#box 	{ 
margin: 0px; 
padding: 5px; 

display: -moz-inline-box; /* For FF<3 */ 
-moz-box-orient: vertical; /* For FF<3 */ 
display: inline-block; /* IE <8 needs this tripped back to display: inline; to make it work on block elements - see conditional below */ 
width: 120px; /* now optional */ 
vertical-align: bottom; /* explicitly declare your preference as Moz inline-box auto aligns to top */
text-align: bottom; /* to left align text within divs when container has been set to center */ 
	}



div#box	{ 
	position:relative;
	float: left;
	width: 120px; /* now optional */ 
	height: 120px; /* now optional */ 
	}

#box p {margin: 0.1em;} 

*/


.hiddenPic {display:none;}


#floater
	{ 
	position:relative;
	float: left;
	width: 280px; /* now optional */ 
	height: 280px; /* now optional */ 
	text-align: center;
	vertical-align: middle;
	}