/* ***************************** */	
/* COMPONENTS CSS */
/* This stylesheet controls each of the components dropped into Marketeer templates */
/* ***************************** */	

/* ***************************** */	
/* SITELINKS CSS */
/* ***************************** */	

div.sitelinks { background-color:#797B83; float: left; border-left:1px solid #6A6D75;}
	div.sitelinks ul { list-style-type:none; margin:0px; padding:0;}
	div.sitelinks ul li { font:11px tahoma; display:inline;}
	
	div.sitelinks ul li a { text-decoration:none; color:#fff; font-weight:bold; font-size:14px;  border-left:1px solid #8B8D93; border-right:1px solid #6A6D75; padding:9px 20px 9px 20px; line-height:35px; font-family:arial;}
	div.sitelinks ul li a:hover {  text-decoration:none; background-color:#6A6B72; }

/* ***************************** */	
/* STATICLINKS CSS */
/* ***************************** */	

div.staticlinks { background-color:#697277;  float: left; }
	div.staticlinks ul { list-style-type:none; margin:0px; padding:0px; }
	div.staticlinks ul li { font:11px tahoma; display:inline; }

	div.staticlinks ul li a {text-decoration:none; color:#fff; font-weight:bold; padding:10px; line-height:33px; border-right:1px solid #858A8D;}
	div.staticlinks ul li a:hover {  text-decoration:none; background-color:#cc0000; }

/* ***************************** */	
/* LOGINLINK CSS */
/* ***************************** */	

span.login-welcome-text { padding-right:3px; }
	div .login a{ color: #fff; font-family: tahoma, sans-serif; font-size: 11px;}
	div .login a { text-decoration:none; color: #fff; }
	div .login a:hover{ text-decoration:underline; color: #fff; }

/* ***************************** */	
/* CATEGORIES CSS */
/* ***************************** */	
/* note that div.categories is in page_framework.xsl, the categories component is just ULs and LIs */
/* ***************************** */	

div.categories { width:223px;  float:right; }
	div.categories  ul { list-style-type:none; margin:0px; padding:0px; }
	div.categories  ul li { font:11px tahoma; font-weight:bold; line-height:42px; }
	
	div.categories  ul li a { background-color:#939ea2; text-decoration:none; width:100%; display:block; text-indent:20px; color:#fff; border-bottom:1px solid #737a80; }
	div.categories  ul li a:hover { background-color:#5c6165; }
	div.categories  ul li a.on { background-color:#5c6165; }
	
	div.categories  ul ul li a { text-decoration:none; width:100%; display:block; text-indent:40px; }
	div.categories  ul ul ul li a { text-decoration:none; width:100%; display:block; text-indent:60px; }
	div.categories  ul ul ul ul li a { text-decoration:none; width:100%; display:block; text-indent:80px; }	
	
/* ***************************** */	
/* PAGES CSS */
/* ***************************** */	
/* note that div.pages is in page_framework.xsl, the pages component is just ULs and LIs */
/* ***************************** */	

div.pages{background-color:#797B83;line-height:35px; height:35px; float:right;}
	div.pages ul{list-style-type:none; margin:0px; padding:0px;}
		div.pages li{position:relative; display:inline;}
			div.pages a{font-weight:bold; font-size:14px; color:white; padding:9px 15px 9px 15px; text-decoration:none; border-left:1px solid #8B8D93; border-right:1px solid #6A6D75; font-family:arial;}
		div.pages li ul{display:none;}
		div.pages li ul li{float:left; background-color:#797B83; z-index:100; width:150px; *top:11px; *left:1px;}
		div.pages li ul li a{width:110px; display:block; border:0; padding-top:0; padding-bottom:0;}
	div.pages li:hover > ul{display:block; position:absolute; left:0px; top:24px; z-index:100;}
		div.pages li:hover > a{background-color:#6A6B72;}
	div.pages li ul li:hover > ul{display:block; position:absolute; top:0px; left:150px; z-index:100; *top:-11px; *left:149px;}
		div.pages li ul li:hover > a{background-color:#6A6B72;}
		
div.pages li:hover ul{_display:block; _position:absolute; _top:24px; _left:0px; _z-index:100;}
 div.pages li:hover ul li{_z-index:100; _clear:both;}
 div.pages a:hover{_background-color:#6A6B72; _text-decoration:none;}
div.pages li ul li:hover ul{_display:block; _position:absolute; top:0px; _left:149px; top:-11px; _z-index:100;}
 div.pages li:hover ul ul{_display:none;}
 div.pages li ul a:hover{_background-color:#6A6B72; _text-decoration:none;}
	
/* ***************************** */	
/* CURRENCY CONVERTER CSS */
/* ***************************** */	
/* note that div.currency is in page_framework.xsl, the currency component is just ULs and LIs */
/* ***************************** */	

div.currency { }
	div.currency input { float:left; }
	div.com-currency-button { float:left; display:none; }
	#com-currency-dropdown{ }

/* ***************************** */	
/* SEARCH CSS */
/* ***************************** */	

div.search form{margin:0;}
.com-search-button{font-size:11px;font-family:verdana,arial,geneva,sans-serif;background-color:#FFFFFF;border:1px solid #7f9db9;color:#676767; }
.com-search-textfield{width:120px;border:1px solid #7f9db9; margin-right: 5px; font-size: 10px;color:#676767;}