

/* begin: banner of all pages (mainmenutop) */

#masthead {
	background-color: white;
	color: #dce3ec;
	height:115px;
	background-repeat:repeat-x;
}


#masthead #shadow {
	position: absolute;
	top:109px;
	height:5px;
	left: 0px;	
	width: 100%;
	z-index:0;
	background-image:url('/images/spstock/shadowtop.png'); 
	background-repeat:repeat-x;
}

#masthead #topcompimg {
	position: absolute;
	top: 11px;
	left: 32px;	
	cursor: pointer;
}

#masthead #collectionbanner {
	position: absolute;
	top: 22px;
	left: 340px;	
}

#masthead #phonemailbanner {
	position: absolute;
	top: 35px;
	right: 35px;	
	cursor:pointer;
}

#masthead #mtabs {
	padding:0px;
	margin:0px;
	float:left;
	height: 50px;
	width:400px;
	position: absolute;
	top:70px;
	left:30px;
	z-index:1;

}
#masthead #mtabs .mtab_off,
#masthead #mtabs .mtab_on {
	width:107px;
	height:45px;
	background-repeat:no-repeat;
	background-position:0px -45px;
	background-image:url('/images/spstock/blogtabm.png'); 
	float:left;
	padding:0px;
	margin:0px;
	z-index:-10;
}
#masthead #mtabs .mtab_on {
	background-position:0px 0px;
}

#masthead #mtabs .mtabfs_off,
#masthead #mtabs .mtabfs_on {
	width:146px;
	height:45px;
	background-repeat:no-repeat;
	background-position:0px -45px;
	background-image:url('/images/spstock/blogtabmfs.png'); 
	float:left;
	padding:0px;
	margin:0px;
	z-index:-10;
}
#masthead #mtabs .mtabfs_on {
	background-position:0px 0px;
}

#masthead #mtab_1,
#masthead #mtab_2,
#masthead #mtab_3 {
	position:relative;
	top:4px;
	left:0px;
	width:105px;
	height:47px;
	cursor:pointer;
	background-position:20px 6px;
	background-repeat:no-repeat;
	background-image:url('/images/spstock/nblog_off.gif'); 
}
#masthead #mtab_2 {
	width:146px;
	background-image:url('/images/spstock/nfootage_off.gif'); 
	background-position:22px 6px;
}
#masthead #mtab_3 {
	width:146px;
	background-image:url('/images/spstock/nstills_off.gif'); 
	background-position:25px 7px;
}

#masthead .toolsection_motion {
	position:absolute; 
	top:36px;
	left:320px; 
	color:#6B6B6B; 
}

.toolsection_rights {
	position:absolute; 
	top:8px;
	left:320px; 
	color:#6B6B6B; 
}

#masthead .powersearchRadioTable td {
	color:#6B6B6B
}


#masthead a {
	color: black;
	text-decoration:none;
}
#masthead a:hover {
	text-decoration:none;
}

#masthead #userInfo {
	color: black;
	z-index: 9;
	position: absolute;
	bottom: 36px;
	left:445px;
	width:124px;
	overflow:hidden;
	font-size:xx-small;
	color:#fff;
}

#masthead #userInfoSP {
	bottom:36px;
	font-size:xx-small;
	color: #fff;
	right:485px;
	overflow:hidden;
	position:absolute;
	width:124px;
	z-index:9;
}

#masthead #userInfoSP a {
	padding: 0px;
	color: #fff;
}

#masthead #userInfo a {
	padding: 0px;
	color:#fff;
}

#masthead #userInfo a:hover {
}

#masthead #userInfoSP a:hover {
}

#masthead #userInfo #territoryName { /* this is a span that holds the user's territory and selected locale name */
	color: #dce3ec;
}

#masthead #userInfo #userLinks { /* this is a div that holds user links, eg orders */
	padding: 3px 0px 0px 0px;
	font-weight: normal;
}

/* this is the container of the search box */

#masthead #searchBox {
	position: absolute;
	top: 68px;
	right: 33px;
	border:0px; /*solid red;*/
	z-index: 3;
	width: 520px;
	height:50px
}

#masthead #searchBox #quicksearchtext {
	float:right;
	border:0px;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-image:url('/images/spstock/searchboxbg.png'); 
	height:22px;
	width:255px;
	padding:2px 4px 0px 6px;
	font-size:1.30em;
}

#masthead #searchbg table {
	height:30px;
	float:right;
	padding:0px;
	margin:0px;
}
#masthead #searchbg tr,
#masthead #searchbg td {
	padding:0px;
	margin:0px;
	height:8px;
	white-space:nowrap;
	color:#fff;
	font-size:xx-small;
}

#masthead #linkQuickSearch {
	cursor: pointer;
}

#masthead form {
	margin: 0px;
	padding: 0px;
}

#masthead input.radio {
	padding-top: 0px;
	vertical-align: middle;
	width: 10pt;
	background-color: transparent;
	border:0px;
}

#masthead #languageContainer {
	top: 20px;
}

/* begin: tab menu (mainmenutop) */


#mainMenu {
	background-color: #fff;		/* Background color of main menu */
	top: 61px;			/* always change both mainmenu and submenu at the same time */
	position: relative;		/* Don't change this position attribute */
	height: 20px;
	padding-top: 1px;
	margin:0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#menuarrow {
	position:absolute;
	z-index: 10001;
}

#mainMenuContainer {
	position: absolute;
	top: 116px;
	left: 30px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#mainMenuContainer ul#mmenu {
	padding:0px;
	margin: 0px 0px 0px 0px;
	display:inline;
	clear: both;
	float: left;
	font-size: 1.00em;
	height:2.00em;
}

#mainMenuContainer ul#mmenu li {
	font-size:1.0em;
	float: left;
	padding:0px 8px 5px 8px;
	cursor: pointer;
	vertical-align: middle;
	color: #b1b1b2;
	text-align:center;
	line-height:1.75em;
	background-image: url(/images/spstock/menusep.gif);
	background-repeat:no-repeat;
	background-position:right 6px;
}


#mainMenuContainer ul#mmenu li.over,
#mainMenuContainer ul#mmenu li.active,
#mainMenuContainer ul#mmenu li.activeover {
	color:#f7941e;
}

#subMenuContainer {
	display:none;
	position: absolute;
	left: 20px;
	top: -10px;
	padding: 0px 0px 3px 0px;
	height: auto;
	width: 70%;
	z-index: 10000;
}

#subMenuContainer ul#smenu {
	margin:0px;
	width: 70%;
	display:inline;
}

#subMenuContainer ul#smenu li {
	float:left;
	cursor: pointer;
	padding:0px 8px 2px 8px;
	font-size:1.0em
	color:#8a8b8c; /*#b1b1b2; */
	text-align:center;
	line-height:1.75em;
	background-image: url(/images/spstock/menusep.gif);
	background-repeat:no-repeat;
	background-position:right 6px;
}

/* no right bar for these items */

#mainMenuContainer ul#mmenu li#menu_5,
#mainMenuContainer ul#mmenu li#menu_6,
#subMenuContainer ul#smenu li#submenu_0_5,
#subMenuContainer ul#smenu li#submenu_1_1,
#subMenuContainer ul#smenu li#submenu_2_2,
#subMenuContainer ul#smenu li#submenu_3_7 {
	border-right:0px;
	background-image: url(/images/spstock/blank.gif);
}

#mainMenuContainer ul#mmenu li#menu_6 {
	background-image: url(/images/spstock/menusep.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
}

#subMenuContainer ul#smenu li#submenu_3_6 {
	background-image: url(/images/spstock/menusep.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
}


#subMenuContainer ul#smenu li.active,
#subMenuContainer ul#smenu li.over,
#subMenuContainer ul#smenu li.activeover {
	color:#f7941e;
}

#submenu div {
	white-space:nowrap;		/* Don't change this option */
}	


#mainMenu a:hover {	
	text-decoration: none;
}

#mainMenu .inactiveMenuItem {	
	margin:0px;
	background-image: url(/images/menu/barbackground.gif);
	background-position: left center;
	background-repeat: repeat-x;	
	border: 1px solid #ccc;
	color: #334d6b;			/* Text color */
	background-color: #fff;		/* Background color */
	cursor: pointer;		/* Cursor like a hand when the user moves the mouse over the menu item */
}

#submenu a {	
	text-decoration: none;	
	border: 0px;			/* border color = background color */
	padding: 1px 15px 1px 5px;
	color: #334d6b;			/* Text color */
}

#submenu a:hover {
	/* when the user moves the mouse over sub menu items */
	border: 0px;
	padding: 1px 15px 1px 5px;
	color: #334d6b;
}


