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

	Sitehand Framework (v1.0a)
	
	Daniel Crowther (daniel.crowther@sitehand.com)
	http://www.sitehand.com/
	
	-
	Copyright (C) 2005+ Sitehand. All Rights Reserved.
	
	-
	$Author: Daniel Crowther $
	File Created: 1/07/2005
	Last Update $Date: 2005/07/1 07:06:25 $
	$Revision: 1.0 $
	
********************************************************************************/

/* -----------------------------------------------------------------------------
	DEFAULT TAGS
----------------------------------------------------------------------------- */
 BODY, .ContentPanel, .ContentPanel TD {	 
	color:				#ffffff;
	font-family:		verdana;
	font-size: 			11px;
	font-weight: 		normal;
}

P, UL, LI
{
	margin-top: 		0px;
	margin-bottom: 		0px;
}

h1, .MajorTitle {
	color: 				#3A5A69;
	font-family: 		tahoma;
	font-size: 			14px;
	font-weight: 		bold;
	font-style:			normal;
	margin-top: 		0px;
	margin-bottom: 		0px;
}

h2, .MinorTitle {
	color:				#000000;
	font-family:		tahoma;
	font-size:			16px;
	margin-top: 		0px;
	margin-bottom: 		0px;
}

h3, {
	color:				#ff6600;
	font-family:		tahoma;
	font-size:			10px;
}

.highlight {
	color:				#ff6600;
}

.highlight2 {
	color:				#ff0000;
}

.smalltext{
	font-family:		tahoma;
	font-size:			9px;
	color:				#ffffff;
}

A {
	color:				#DE531E;
	text-decoration:	none;
	
}

IMG {
	border-color:		#ff6600;
	behavior: 			url("/styles/pngbehavior.htc");	
}

/* -----------------------------------------------------------------------------
	SYSTEM REQUIRED
----------------------------------------------------------------------------- */

.ObjectTitle {
	color: 				#ffffff;
	font-family:		verdana;
	font-size: 			11px;
	font-style: 		normal;
	font-weight: 		bold;
	height:				17px;
	padding-top:		2px;
	padding-left:		10px;
	text-decoration: 	none;
	background:			 url(../images/titlebg.gif);
}

.ObjectBody {
	padding:			5 5 5 5;
}

/*Div located between the Objects*/
.ContentObject_Seperator {
	padding-bottom:		1px;
}

/* -----------------------------------------------------------------------------
	NAV SECTION
----------------------------------------------------------------------------- */

.NavItem{
	color:				#ffffff;
	font-size:			9px;
	font-weight:		bold;
}

.NavItem a, .NavItem a:active, .NavItem a:visited{
	color:				#ffffff;
	font-size:			9px;
	font-weight:		bold;
	text-decoration:	none;
}

.NavItem a:hover{
	color:				#000000;
	text-decoration:	none;
}

/* -----------------------------------------------------------------------------
	SIDE NAV SECTION
----------------------------------------------------------------------------- */
.SideNav {
	background-color:	#bfb3d8;
	padding:			4px 4px 4px 4px;
	border-right:		4px solid #3A5A69;
	vertical-align:		top;
}

.SideNav_Cart {
	background:			#d7d7d7;
	border:				4px solid #ff6600;
}

.SideNavTitle {
	font-family:		tahoma;
	font-size: 			11px;
	font-weight: 		bold;
	text-align:			left;
	padding-left:		2px;
	color:				#000000;	
}

.SideNavTitleLight {
	font-family:		tahoma;
	font-size: 			11px;
	font-weight: 		bold;
	text-align:			left;
	padding-left:		2px;
	color:				#FFFFFF;
}

.SideNavSubTitle {
	color:				#3A5A69;	
}

.SideNavSubTitleLight {
	color:				#bfb3d8;
}

.ProductSearch {
	color:				#3A5A69;
	font-family:		tahoma;
	font-size: 			11px;
	font-weight: 		normal;
}

.FormButton {
	border:				1px solid black;
	background-color:	#3A5A69;
	color:				#ffffff;
	font-family:		verdana;
	font-size: 			10px;
	font-weight: 		normal;	
}

.ProductNav {
	border-top:			4px solid #333333;
	border-bottom:		4px solid #333333;
	border-right:		4px solid #333333;
}

.ProductNav TD{
	background-color:	#3A5A69;
	font-family:		tahoma;
	font-size: 			11px;
	font-weight: 		normal;
}

/* -----------------------------------------------------------------------------
	Paging
----------------------------------------------------------------------------- */
.PageCounterSel a {
	color:			#000000;
	text-decoration:	underline;
}

/* -----------------------------------------------------------------------------
	COLLAPSE MENU
----------------------------------------------------------------------------- */

#tmenu0 {
	width:				240px;
	-moz-user-select:	none;
	margin:				0px;
	padding:			0px 0px 0px 4px;
	list-style:			none;
}

#tmenu0 ul {
	list-style:			none;
	margin:				0px;
	padding:			0px 0px 0px 0px;
}

#tmenu0 li {
	list-style:			none;
	margin:				0px;
	text-decoration:	none;
	padding:			0px 0px 0px 0px;
	font-weight:		bold;
	font-family:		arial;
	font-size:			11px;
	color:				#ffffff;	
	
}

#tmenu0 ul li{
	background-color:#666666;
	text-decoration:	none;
	padding:			0px 0px 0px 0px;
	font-weight:		normal;
	font-family:		arial;
	font-size:			11px;
	color:				#ffffff;
}

#tmenu0 ul li ul li{
	margin-left:		10px;
	padding-left:		5px;
	border-left:		1px solid #000000;
}


#tmenu0 a {
	color:				#ffffff;
	text-decoration:	none;
}

#tmenu0 a:hover {
	color:				#ffffff;
}

#tmenu0 ul a {
	color:				#000000;
	font-size:			11px;
}

#tmenu0 ul a:hover {
	color:				#ff6600;
}

.ctmmainhover {
	color:				#ffffff;
}

.ctmsubhover {
	color:				#ffffff;/*Naeem mouse over change color*/
}

#tmenu0 li span,.plusminus {
	cursor:				hand;
	cursor:				pointer;
}

#tmenu0 .selecteditem {
	color:				#ffffff;
}

/* -----------------------------------------------------------------------------
	TEXT NAV SECTION
----------------------------------------------------------------------------- */

.TextNavSection {
	height:				28px;
	background-color:	#303030;
	color:				ffffff;
	font-family:		tahoma;
	font-size:			9pt;
	font-weight:		normal;
	text-align:			center;	
	padding:			2px 4px 2px 4px;
}

.TextNavTable {
	background-color:	#303030;
	color:				#ffffff;
	font-family:		tahoma;
	font-size:			9pt;
	font-weight:		normal;
	text-align:			center;	
}

.TextNavSection A {
	color:				#ffffff;
	font-family:		tahoma;
	font-size:			9pt;
	font-weight:		normal;
	text-decoration:	none;
}

/* -----------------------------------------------------------------------------
	FOOTER SECTION
----------------------------------------------------------------------------- */
.FooterSection, .FooterSection TD {
	height:				28px;
	background-color:	#d7d7d7;
	color:				black;
	font-family:		tahoma;
	font-size:			12px;
	font-weight:		normal;
	padding:			4px 4px 4px 4px;
	text-align:			center;	
	vertical-align:		top;
}

/* -----------------------------------------------------------------------------
	FORM TAGS
----------------------------------------------------------------------------- */

.FormTitleTD {
	font-family:		verdana;
	font-size:			10pt;
	font-weight:		bold;
	color:				#000000 !important;
}

.FormTextTD {
	font-family:		verdana;
	font-size:			8pt;
	font-weight:		bold;
	text-align:			right;
	width:				100px;
}

.FormInputTD {
	font-family:		verdana;
	font-size:			8pt;
}

.FormInputButton {
	border:				1px solid black;
	background-color:	#3A5A69;
	color:				#ffffff;
	font-family:		verdana;
	font-size: 			10px;
	font-weight: 		normal;	
}

/* -----------------------------------------------------------------------------
	DROP DOWN MENU
----------------------------------------------------------------------------- */

.site-webfx-menu, .site-webfx-menu * {
	/*
	Set the box sizing to content box
	in the future when IE6 supports box-sizing
	there will be an issue to fix the sizes

	There is probably an issue with IE5 mac now
	because IE5 uses content-box but the script
	assumes all versions of IE uses border-box.

	At the time of this writing mozilla did not support
	box-sizing for absolute positioned element.

	Opera only supports content-box
	*/
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

.site-webfx-menu {
	position:			absolute;
	z-index:			100;
	visibility:			hidden;
	width:				100px;	
	border-top:				1px solid #ffffff;
	padding:			0px;
	background:			#7c7c7c;
}

.site-webfx-menu-empty {
	display:			block;
	border:				1px solid #7c7c7c;	
	padding:			2px 5px 2px 5px;
	font-size:			10px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;
	color:				#ffffff;
}

.site-webfx-menu a {
	display:			block;
	width:				expression(constExpression(ieBox ? "100%": "auto"));	/* should be ignored by mz and op */	
	height:				expression(constExpression("1px"));
	overflow:			visible;		
	padding:			0px 0px 0px 0px;
	font-size:			10px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;
	font-weight:		bold;
	text-decoration:	none;
	vertical-align:		center;
	text-align:			center;
	color:				#ffffff;
	border:				1px solid #7c7c7c;}	

.site-webfx-menu a:visited,
.site-webfx-menu a:visited:hover {
	color:	black;
	font-size:			10px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;		
}

.site-webfx-menu a:hover {
	color:				#000000;
	background:			#7c7c7c;/*#ffeedd;*/
	border:				1px solid #3A5A69;/*#ff8800;*/
	font-size:			10px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;		
}	

.site-webfx-menu a .arrow {
	float:			right;
	border:			0;
	width:			3px;
	margin-right:	3px;	
	margin-top:		4px
}

/* separtor */
.site-webfx-menu div {
	height:			0;
	height:			expression(constExpression(ieBox ? "2px" : "0"));
	border-top:		1px solid black;
	border-bottom:	1px solid silver;
	overflow:		hidden;
	margin:			2px 0px 2px 0px;
	font-size:		0mm;
}

.site-webfx-menu-bar {
	/*background:		red;rgb(120,172,255);rgb(255,128,0);*/

	padding:		2px;
	
	font-family:	Verdana, Helvetica, Sans-Serif;
	font-size:		11px;
	
	/* IE5.0 has the wierdest box model for inline elements */
	padding:		expression(constExpression(ie50 ? "0px" : "2px"));
}

.site-webfx-menu-bar a,
.site-webfx-menu-bar a:visited {
	border:				1px solid #dc143c;/*rgb(255,128,0);*/
	padding:			1px 5px 1px 5px;		
	color:				white;
	text-decoration:	none;
	font-family:	Verdana, Helvetica, Sans-Serif;
	font-size:		11px;	

	/* IE5.0 Does not paint borders and padding on inline elements without a height/width */
	height:			expression(constExpression(ie50 ? "20px" : "20px"));
}

.site-webfx-menu-bar a:hover {
	color:			black;
	font-family:	Verdana, Helvetica, Sans-Serif;
	font-size:		11px;	
	background:		rgb(247,193,193);	
	border-left:	1px solid rgb(0,66,174);
	border-right:	1px solid rgb(234,242,255);
	border-top:		1px solid rgb(0,66,174);
	border-bottom:	1px solid rgb(234,242,255);
	
}

.site-webfx-menu-bar a .arrow {
	font-family:	Verdana, Helvetica, Sans-Serif;
	font-size:		11px;
	border:			0;
	float:			none;
}

.site-webfx-menu-bar a:active/*,  .site-webfx-menu-bar a:hover*/ {
	font-family:	Verdana, Helvetica, Sans-Serif;
	font-size:		11px;
	-moz-outline:	none;
	outline:		none;
	/*
		ie does not support outline but ie55 can hide the outline using
		a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
	*/	
	ie-dummy:		expression(this.hideFocus=true);		
	border-left:	1px solid rgb(0,66,174);
	border-right:	1px solid rgb(234,242,255);
	border-top:		1px solid rgb(0,66,174);
	border-bottom:	1px solid rgb(234,242,255);
}

/********************************************************************************
								END STYLE SHEET
********************************************************************************/