/**********************************************************

	TAG DEFINITIONS

**********************************************************/

body
		{
		margin: 0;
		padding: 0;
		font: 55% Tahoma, Helvetica, Arial, Verdana, sans-serif;
		text-align: center;
		color: #2b2980;
		background: #ffffe7 url('/toki_files/website/images/body_bg.gif') 50% 50% repeat-y;
		}
img
		{
		border: 0;
		display: block;
		}
form
		{
		margin: 0;
		padding: 0;
		}
input,
select,
textarea
		{
		font: 55% Verdana, Tahoma, Helvetica, Arial, sans-serif;
		}

/**********************************************************

	LAYOUT IDS

**********************************************************/

#wrapper
		{
		margin: auto;
		width: 740px;
		text-align: left;
		}
#header
		{
		border-top: 5px solid #e34a43;
		border-bottom: 5px solid #e34a43;
		background-color: #ffffe7;
		}
		#header h1
				{
				margin: 0;
				}
#navigation
		{
		border-bottom: 5px solid #e34a43;
		padding: 0 10px;
		height: 4.4em;
		overflow: hidden;
		background-color: #2b2980;
		}
#navigation ul
		{
		margin: 0;
		padding: 0;
		}
#navigation ul li
		{
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
#navigation ul li a
		{
		display: block;
		float: left;
		padding: 0 10px;
		font-size: 1.2em;
		font-weight: bold;
		color: #fff5ce;
		line-height: 3.6em;
		text-decoration: none;
		}
#navigation ul li a:hover
		{
		color: #ffffff;
		text-decoration: underline;
		}
#content
		{
		}
#CL1
		{
		float: left;
		width: 538px;
		background: #fffff6 url('/toki_files/website/images/CL1_bg.gif') top right no-repeat;
		}
#CL2
		{
		float: right;
		width: 202px;
		}
#footer
		{
		clear: both;
		margin-right: 202px;
		padding: 0 10px;
		text-align: right;
		background-color: #ffffe7;
		}
#footer a
		{
		font-size: 1em;
		font-weight: bold;
		line-height: 30px;
		color: #e34a43;
		}
#CL1 .CLcontent
		{
		padding: 0 20px 20px 20px;
		font: normal 1em Verdana, Tahoma, Arial, Helvetica, sans-serif;
		}
#CL2 .CLcontent
		{
		padding: 0 7px 10px 10px;
		font: normal 1em Verdana, Tahoma, Arial, Helvetica, sans-serif;
		}
#CL1 p
		{
		margin: 1em 0 1em 0;
		font-size: 1.3em;
		color: #2b2980;
		}
#CL1 p a
		{
		color: #2b2980;
		}
#CL1 p a:hover
		{
		color: #e34a43;
		}
#CL1 h2
		{
		margin: 20px 0 15px 0;
		font: bold 1.6em Verdana, Tahoma, Arial, Helvetica, sans-serif;
		color: #e34a43;
		}
#CL1 h3
		{
		margin: 20px 0 15px 0;
		font: bold 1.6em Verdana, Tahoma, Arial, Helvetica, sans-serif;
		color: #e34a43;
		}
#CL2 p
		{
		margin: 1em 0 1em 0;
		font-size: 1.3em;
		color: #fff5ce;
		}
#CL2 p a
		{
		color: #fff5ce;
		}
#CL2 p a:hover
		{
		color: #ffffff;
		}

/**********************************************************

	CLASSES

**********************************************************/

.clear
		{
		display: block;
		clear: both;
		height: 1px;
		}
.clear img
		{
		visibility: visible;
		border: 0;
		height: 1px;
		}
.akey
		{
		text-decoration: underline;
		}
.red
		{
		color: #e34a43;
		}
#CL1 p.back
		{
		margin: 5px 0;
		padding: 5px 10px;
		color: #fff5ce;
		background: #2b2980;
		}
#CL1 p.back a
		{
		font-size: 1em;
		font-weight: bold;
		color: #fff5ce;
		text-decoration: none;
		}
#CL1 p.back a:hover
		{
		color: #ffffff;
		text-decoration: underline;
		}

/**********************************************************

	CATEGORIES

**********************************************************/

.grouplinks
		{
		}
.grouplinks a
		{
		display: block;
		margin: 0;
		border-bottom: 1px solid #ffffff;
		padding: 5px 10px;
		font-size: 1.2em;
		font-weight: bold;
		color: #e34a43;
		text-decoration: none;
		vertical-align: bottom;
		background: #ffffe7;
		}
.grouplinks a:hover
		{
		color: #ffffe7;
		background: #e34a43;
		}

/**********************************************************

	PRODUCTS LIST

**********************************************************/

#products
		{
		margin: 15px 0;
		}
#products table
		{
		width: 498px;
		font-size: 1em;
		}
#products table tr
		{
		}
#products table th
		{
		border-bottom: 1px solid #ffffff;
		padding: 4px;
		font-size: 1em;
		color: #fffff6;
		background: #2b2980;
		}
#products table td
		{
		border-bottom: 1px solid #ffffff;
		padding: 3px 4px;
		font-size: 1em;
		color: #2b2980;
		line-height: 1;
		background: #ffffe7;
		}
#products table td p
		{
		margin: 0;
		padding: 0;
		font-size: 1em;
		line-height: 1;
		}

/**********************************************************

	CONTACT FORM

**********************************************************/

#CL1 form
		{
		}
#CL1 form .formrow
		{
		padding: 5px;
		}
#CL1 form .formrow label
		{
		display: block;
		float: left;
		padding: 4px 0;
		width: 160px;
		font-weight: bold;
		font-size: 12px;
		color: #2b2980;
		}
#CL1 form .formrow input,
#CL1 form .formrow textarea,
#CL1 form .formrow select
		{
		display: block;
		float: left;
		border: 1px solid #2b2980;
		background: #ffffe7;
		}
#CL1 form .formrow input:hover,
#CL1 form .formrow textarea:hover,
#CL1 form .formrow select:hover
		{
		border: 1px solid #2b2980;
		background: #ffffff;
		}
#CL1 form .formrow .field
		{
		padding: 3px 2px;
		width: 180px;
		font-size: 10px;
		color: #2b2980;
		}
#CL1 form .formrow .select
		{
		padding: 3px 2px;
		width: 220px;
		font-size: 10px;
		color: #2b2980;
		}
#CL1 form .formrow .textarea
		{
		padding: 3px 2px;
		width: 220px;
		height: 120px;
		font-size: 10px;
		color: #2b2980;
		}
#CL1 form .formrow .button
		{
		padding: 3px 2px;
		font-weight: bold;
		font-size: 10px;
		color: #fff5ce;
		background: #2b2980;
		}
#CL1 form .formrow .button:hover
		{
		color: #ffffff;
		}
#CL1 form .formrow br
		{
		clear: both;
		}
#right_col_text
{
font-size: 10px;
color: #ffffff;
Padding: 0px 0px 0px 15px;
}
#right_col_text h2
{
font-size: 12px;
font-weight: bold;
}

table.wirelessDetect { width:498px; margin-bottom:20px; }
table.wirelessDetect td { vertical-align:top; border-bottom:solid 1px #333; padding:4px 2px; }