
/* #allLeftGroupsBG contain all left group except left promotion and adverticing
=================================================*/
#leftAllGroupsBG {
	background: url('../imgPG/sx_color.gif') left top repeat;
	}
#leftAllGroupsBG div.bg{
	padding: 0 0 5px 0;
	}

/* leftGroupBG contain all links of every particular group including the group titlte
=================================================*/
.leftGroupBG {
	margin-bottom: 2px;
	background: url('../imgPG/sx_color40.gif') left top repeat; 
	}

.leftGroupBG a {
	text-decoration: none;
	line-height: 12px;
	color: #64000b
	}
/*	Defines attributes for all left links
======================== */

.leftGroupBG a:hover {color: #a36}

.leftGroupTitle {
	padding-bottom: 2px;
	background: url('../imgPG/sx_color_no.gif') left bottom repeat; 
}
.leftGroupTitle div {
	padding: 1px;
	background: url('../imgPG/sx_color20_no.gif') left top repeat; 
}
.leftGroupTitle span {
	display: block;
	padding: 6px 4px 5px 4px;
	color: #fff; 
	font-weight: bold;
	background: url('../imgPG/sx_header_no.jpg') left bottom repeat; 
}

/*	===================================================== 
	MENU CLASSES FOR PRODUCTS WITH UPP TO THREE LEVELS
===================================================== */
/* productMenuBG contain all product menu links
================================*/
#productMenuBG {
	clear: both;
	line-height: 12px;
	}

/*	======================== 
	Defines link attributes on all levels in the products menu
======================== */
#productMenuBG a {
	text-decoration: none;
	line-height: 12px;
	}
#productMenuBG a:hover {}

/*	======================== 
	1st category level 
======================== */
.firstLevel {
	margin-bottom: 1px;
	clear: both;
	}
.firstImgBG {
	float: left;
	cursor: pointer;
	display: inline;
	padding: 5px 2px 6px 2px;
	background: url('../imgPG/menubar.jpg') left bottom repeat-x;}
.firstLinkBG {
	cursor: pointer;
	margin-left: 15px;
	}
.firstLinkBG a {
	display: block;
	padding: 5px 2px 5px 2px;
	background: url('../imgPG/menubar.jpg') left center repeat; 
	}
.firstLinkBG a:hover {
	background: url('../imgPG/menubar_over.jpg') left bottom repeat; 
	}

/*	======================== 
	2nd category level 
======================== */
.secondLevelBG	{
	clear: both;
	padding-left: 13px;
	background: url(../imgPG/sx_colorRev_no.gif) left center repeat;
	}
.secondLevel {
	clear: both;
	padding: 2px 0;
	}
.secondImgBG {
	cursor: pointer;
	float: left;
	margin-right: 4px;
	}
.secondLinkMoreBG {
	cursor: pointer;
	background: url(../imgPG/sx_headerRev_no.gif) left bottom repeat;
	}
.secondLinkBG {
	cursor: pointer;
	}
.secondLinkBG a {
	display: block;
	background: url(../imgPG/sx_headerRev_no.gif) left bottom repeat; 
	}
.secondLinkBG a:hover{
	background: url(../imgPG/sx_headerSec_no.gif) left center repeat; 
	}

/*	======================== 
	3d category level 
======================== */
.thirdLevelBG {
	clear: both;
	}
.thirdLevel {
	clear: both;
	}
.thirdImgBG {
	float: left;
	margin-left: 3px;
	padding: 0 2px;
	}
.thirdLinkBG {
	}
.thirdLinkBG a {
	display: block;
	background: url(../imgPG/sx_dot40.gif) 2px top no-repeat;
	padding-left: 15px;
	}
.thirdLinkBG a:hover {
	background: url(../imgPG/sx_dotRev.gif) 2px top no-repeat;
	}

/*	===================================================== 
	ALL OTHER MENU CLASSES
===================================================== */

/* .leftContentBG has same function as #productMenuBG
	for product links above 
=================================================*/
.leftContentBG {
	padding-bottom: 1px;
	}

/* .leftLinkLineBG has same function as .firstLevel,
	.secondLevel and .thirdLevel for product links above 
=================================================*/
.leftLinkLineBG {
	clear: both;
	padding-bottom: 1px;
	}
.leftLinkImgBG {
	cursor: pointer;
	float: left;
	display: inline;
	padding: 3px 2px;
	margin-right: 1px;
	background: url('../imgPG/sx_headerSec_no.gif') left center repeat-x; 
	}
.leftLinkTitle {
	margin-left: 15px;
	}
.leftLinkTitle a {
	display: block;
	padding: 3px 2px;
	line-height: 100%;
	background-color: #fff;
	background: url('../imgPG/sx_headerSec_no.gif') left center repeat-x; 
	}
.leftLinkTitle a:hover {
	background: url('../imgPG/sx_headerRev_no.gif') left bottom repeat-x; 
	}
.leftLoginBG {
	padding: 4px;
	border: 1px solid #fff;
	color: #a06;
	background: url('../imgPG/sx_headerSec.gif') left center repeat-x; 
	}


/*	===================================================== 
== GENERAL LEFT NAVIGATION CLASSES
===================================================== */
.navBG {
	margin: 0 0 15px 0;
	background-position: left top; 
	background-image:url('../imgPG/sx.bgLight.gif'); 
	background-repeat:repeat-x;
	}

.navHead {
	border: 1px solid #000000;
	color: #ffffff;
	font-weight: bold; 
	padding: 5px 4px;
	background-position: left top; 
	background-image:url('../imgPG/sx.Bar.gif'); 
	background-repeat:repeat-x; 
	}

.navLink {
	clear: both;
	text-decoration: none;
	border-top:1px solid #ffffff;
	line-height: 100%;
	}

.navLink a {
	display: block;
	padding: 4px 4px; 
	font-size: 10px;
	font-weight: bold;
	color: #000000; 
	}
.navLink a:hover {
	color: #fff9f0; 
	background-color: #c00000; 
	background-position: left top; 
	background-image:url('../imgPG/sx.bg2Dark.gif'); 
	background-repeat:repeat;
	}



/**/