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

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

div.sitelinks { padding-left:300px; padding-top:20px; float: left; }
	div.sitelinks ul { list-style-type:none; margin:0px; padding:0px; }
	div.sitelinks ul li { font:11px tahoma; display:inline; }
	
	div.sitelinks ul li a { text-decoration:none; color:#9C9D9F; font-weight:bold; padding:10px; line-height:33px; }
	div.sitelinks ul li a:hover {  text-decoration:underline; }

/* ***************************** */	
/* 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{ font:bold 11px arial; color:#666; text-decoration:underline; }


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

div.categories { width:201px; padding:0px 0px 0px 6px; float:left; }
	div.categories  ul { list-style-type:none; margin:0px; padding:0px; }
	div.categories  ul li { font:15px arial, helvetica, sans-serif; font-weight:bold; line-height:36px; }
	
	div.categories  ul li a { text-decoration:none; width:100%; display:block; text-indent:20px; color:#fff; }
	div.categories  ul li a:hover { background-color:#5BA422; }
	div.categories  ul li a.on { background-color:#5BA422; }
	
	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; }	
	
	/*extra styling for the home link*/
	a.menuitem_home{ margin-left:-6px;}

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

div.pages { width:223px;  float:right; }
	div.pages ul { list-style-type:none; margin:0px; padding:0px; }
	div.pages ul li { font:11px tahoma; font-weight:bold; line-height:42px; }
	
	div.pages ul li a { text-decoration:none; width:100%; display:block; text-indent:20px; color:#fff; border-bottom:1px solid #737a80; }
	div.pages ul li a:hover { background-color:#5c6165; }
	div.pages ul li a.on { background-color:#5c6165; }
	
	div.pages ul ul li a { text-decoration:none; width:100%; display:block; text-indent:40px; }
	div.pages ul ul ul li a { text-decoration:none; width:100%; display:block; text-indent:60px; }
	div.pages ul ul ul ul li a { text-decoration:none; width:100%; display:block; text-indent:80px; }	
	
/* ***************************** */	
/* 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{ }

/* Custom currency */
div.cur-outer{width:160px; margin:12px 0px 12px 0px; float:left; padding-bottom:12px;  border-bottom:dashed 1px #BEDE9A;}
		div.cover-text{width:120px;border:1px solid #7f9db9; margin-right: 5px; padding:2px; font-size: 11px;color:#4B9701; background-color:#E1FBC3; border:solid 1px #4B9701; float:left; }
		div.cover-img{float:left;}
		div.cover-under{text-align:left;  font-size: 11px; border:1px solid #4B9701; background-color:#4B9701;  padding-left:10px; position:relative; *top:-7px; z-index:10; _position:absolute; _top:143px; _width:219px;}
		div.cover-under div{line-height:26px;}
			div.cover-under div:hover{color:#fff; cursor:pointer;}
			div.cover-under div.CurrencyItem, div.CurrencyItemSelected  { color:#efefef; }


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

div.search {width:160px; margin:12px 0px 12px 0px; float:left; border-top:dashed 1px #BEDE9A; border-bottom:dashed 1px #BEDE9A;  }
div.search form{margin:0; padding:12px 0px 12px 0px; }
div.search img { padding-top:10px;}
.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; margin-bottom:5px; padding:2px; font-size: 10px;color:#4B9701; background-color:#E1FBC3; border:solid 1px #4B9701; }