/* begin most commonly used id's & classes */

	#wrapper
	{
		margin-left: auto;
		margin-right: auto;
		width: 750px;
	}

	.ff
	{
		font-family: verdana, sans-serif;
		font-size: 70%;
		padding: 2px;
	}

	.vr
	{
		background-image: url(../i/vr.gif);
		background-repeat: repeat-y;
		width: 21px;
	}

	.vr_menu
	{
		background-image: url(../i/vr_menu.gif);
		background-repeat: repeat-y;
		width: 21px;
	}

	.breadCrumbs
	{
		font-family: verdana, sans-serif;
		font-weight: normal;
		font-size: 70%;
		padding: 7px 0px 7px 0px;
		margin-bottom: 10px;
		background-image: url(../i/dot.gif);
		background-position: bottom;
		background-repeat: repeat-x;
	}

	.breadCrumbs a { color: #404040; text-decoration: none; }
	.breadCrumbs a:visited { color: #404040; text-decoration: none; }
	.breadCrumbs a:hover { color: #9F1E30; text-decoration: none; }

	.footer
	{
		color: #808080;
		padding: 5px;
	}

	.footer a { color: #FF33CC; text-decoration: none; }
	.footer a:visited { color: #FF33CC; text-decoration: none; }
	.footer a:hover { color: white; text-decoration: underline; }

	.footerNav
	{
		color: #808080;
	}

	.footerNav a
	{
		font-weight: bold;
	}

	.footerNav a { color: #175EA7; text-decoration: none; }
	.footerNav a:visited { color: #175EA7; text-decoration: none; }
	.footerNav a:hover { color: #9F1E30; text-decoration: none; }

	.asterisk
	{
		color: red;
	}

/* begin custom one-liner classes */

	.nowrap		{ white-space: nowrap; }
	.expand		{ width: 100%; }
	.noborder		{ border: 0px; }
	.inline			{ display: inline; }
	.red				{ color: red; }
	.center			{ text-align: center; }

/* begin search box */

	#search{
	border:1px solid #663399;
	height:15px;
	width:150px
	}	


/* begin menu layout classes */


	.menuMain		{
				background-color: #663399;
				font-family:Verdana, Arial, Sans-Serif;
				font-size: 70%;				
				}

	.main_off a		{ color: #FF33CC; text-decoration: none; }
	.main_off a:visited		{ color: #FF33CC; text-decoration: none; }	
	.main_off a:hover		{ color: white; text-decoration: underline; }
	.main_off 			{
				text-align: center;
				padding-top: 0px;
				padding-bottom: 0px;
				padding-left: 10px;
				padding-right: 10px;
				}

	.main_on a		{ color: #FF33CC; text-decoration: none; }
	.main_on a:visited	{ color: #FF33CC; text-decoration: none; }
	.main_on a:hover		{ color: white; text-decoration: underline; }
	.main_on 			{
				text-align: center;
				padding-top: 0px;
				padding-bottom: 0px;
				padding-left: 10px;
				padding-right: 10px;
				}


/* begin side menu */

	.commonMenu		{
				font-family: verdana, sans-serif;
				font-weight: normal;
				font-size: 70%;
				width: 150px;
				}

	.l1 			{
				padding: 7px 0px 7px 0px;
				background-image: url(../i/dot.gif);
				background-position: bottom;
				background-repeat: repeat-x;
				}

	.l1 .content		{
				padding: 0px 10px 0px 10px;
				background-image: url(../i/arrow_1.gif);
				background-position: left center;
				background-repeat: no-repeat;
				font-weight: bold;
				}

	.l1 .content a		{ color: #333344; text-decoration: none; }
	.l1 .content a:hover		{ color: #9F1E30; text-decoration: none;}

	.l1 .contentOn		{
				padding: 0px 10px 0px 10px;
				background-image: url(../i/arrow_1_on.gif);
				background-position: left center;
				background-repeat: no-repeat;
				font-weight: bold;
				}

	.l1 .contentOn a		{ color: #9F1E30; text-decoration: none; }
	.l1 .contentOn a:hover	{ color: #9F1E30; text-decoration: none;}


	.l2 			{
				padding: 7px 14px 7px 14px;
				background-image: url(../i/dot.gif);
				background-position: bottom;
				background-repeat: repeat-x;
				}
	.l2 .content		{
				padding: 0px 10px 0px 10px;
				background-image: url(../i/arrow_2.gif);
				background-position: left center;
				background-repeat: no-repeat;
				font-weight: bold;
				}
	.l2 .content a		{ color: #000000; text-decoration: none; }
	.l2 .content a:hover		{ color: #9F1E30; text-decoration: none;}

	.l2 .contentOn		{
				padding: 0px 10px 0px 10px;
				background-image: url(../i/arrow_2_on.gif);
				background-position: left center;
				background-repeat: no-repeat;
				font-weight: bold;
				}

	.l2 .contentOn a		{ color: #9F1E30; text-decoration: none; }
	.l2 .contentOn a:hover	{ color: #9F1E30; text-decoration: none;}


	.l3 			{
				padding: 7px 21px 7px 21px;
				background-image: url(../i/dot.gif);
				background-position: bottom;
				background-repeat: repeat-x;
				}
	.l3 .content		{
				padding: 0px 10px 0px 10px;
				background-image: url(../i/arrow_2.gif);
				background-position: left center;
				background-repeat: no-repeat;
				font-weight: bold;
				}
	.l3 .content a		{ color: #000000; text-decoration: none; }
	.l3 .content a:hover		{ color: #9F1E30; text-decoration: none;}

	.l3 .contentOn		{
				padding: 0px 10px 0px 10px;
				background-image: url(../i/arrow_2_on.gif);
				background-position: left center;
				background-repeat: no-repeat;
				font-weight: bold;
				}

	.l3 .contentOn a		{ color: #175EA7; text-decoration: none; }
	.l3 .contentOn a:hover	{ color: #9F1E30; text-decoration: none;}
	
	
/* product detail page */

	#comment textarea {
	 background-color: #FED8F5;
	 border: 1px solid #FABDEC;
	 color: #00000;
	}
	
	.commentBtn { 
	 background-color: #FED8F5;
	 border: 1px solid #FABDEC;
	 color: #00000;
	 font-family: verdana, sans-serif;
	 font-size: 70%;
	 padding: 2px;	 
	}




/* begin ticket list */

	.tickets
	{
		border-top: 1px solid #FABDEC;
		border-right: 1px solid #FABDEC;
	}

	.tickets td
	{
		border-bottom: 1px solid #FABDEC;
		border-left: 1px solid #FABDEC;
	}

	.tickets th
	{
		border-bottom: 1px solid #FABDEC;
		border-left: 1px solid #FABDEC;
		background-color: #663399;
		color: #FFF;
		font-weight: normal;
	}	


/* BM CSS */
/*start form layout*/

form{
margin:0;
padding:0;
}

fieldset{
background-color:#FFFFFF;
border:1px solid #663399;
clear:both;
float:left;
margin:0 12px 0 0;
padding:6px 18px 6px 18px;
}

fieldset div br{
display:none;
}

/* Style the legend, labels and the div containing the submit button. */

legend{
background-color:transparent;
color:#663399;
font-size:82%;
font-weight:bold;
margin:0;
padding:2px 2px 2px 2px;
}

label{
background-color:transparent;
color:#663399;
display:block;
font-size:72%;
}

#fm-submit{
clear:both;
padding-top:1em;
}

/* Add the double border effect. */

fieldset div{
width:196px; /* Width for modern browsers */
margin:0;
padding:0;
}

* html fieldset div{
width:200px; /* Width for IE5 */
w\idth:196px; /* Width for IE6 */
}

fieldset div input{
width:192px; /* Width for modern browsers */
border:1px solid #663399;
padding:0;
}
						
* html fieldset div input{
width:196px; /* Width for IE5 */
w\idth:192px; /* Width for IE6 */
}

fieldset div textarea{
width:192px; /* Width for modern browsers */
border:1px solid #663399;
padding:0;
}
						
* html fieldset div textarea{
width:196px; /* Width for IE5 */
w\idth:192px; /* Width for IE6 */
}
	

/* Mandatory fields. */

.fm-required{
	border:1px solid #FF0000;
	font-family: verdana, sans-serif;
	font-size: 70%;
	padding: 2px;
}

.checkbox{
border:1px solid #FF0000;
width:13px;
}

.searchbox{
border:1px solid #663399;
height:15px;
width:100px;
}
/*end form layout*/