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

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

div.sitelinks { float: right;display:inline;  }
	div.sitelinks ul { list-style-type:none; margin:0px; padding:0px; }
	div.sitelinks ul li { font:11px arial; display:inline; }
	
	div.sitelinks ul li a { text-decoration:none; color:#333; font-weight:bold; padding:10px; line-height:42px; border-right:1px solid #86b5eb; }
	div.sitelinks ul li a:hover {  text-decoration:none; color:#000; }

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

div.staticlinks {  float: right;display:inline; }
	div.staticlinks ul { list-style-type:none; margin:0px; padding:0px; }
	div.staticlinks ul li { font:11px arial; display:inline; }

	div.staticlinks ul li a { text-decoration:none; color:#333; font-weight:bold; padding:10px; line-height:42px; border-right:1px solid #86b5eb; }
	div.staticlinks ul li a:hover {  text-decoration:none; color:#000; }

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

span.login-block{float:right;height:37px;line-height:35px;background-color:#747c87;padding:0 20px 0 20px;border-right:solid 1px #a9acb1;color: #fff;font-size: 11px;}	
	span.login-block a{ color: #fff; font-family: arial, sans-serif; font-size: 11px; font-weight:bold;}
	span.login-block a { text-decoration:none; color: #fff; }
	span.login-block a:hover{ text-decoration:underline; color: #fff; }

span.login-welcome-text{padding-right:5px;}

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

div.categories { width:210px;text-align:left;}
	div.categories  ul { list-style-type:none; margin:0px; padding:0px; }
	div.categories  ul li { font:11px arial; font-weight:bold; line-height:30px; }
	
	div.categories  ul li a { background-image:url(../images/lhs-menu-bkgd-rpt.gif);background-repeat:repeat-x;background-position:right top; text-decoration:none; width:100%; display:block; text-indent:20px; color:#59616c; border-bottom:1px solid #e1e1e1; }
	div.categories  ul li a:hover { background-color:#5c6165;background-image:url(../images/lhs-menu-bkgd-over.gif);background-repeat:repeat-x;background-position:right top; }
	div.categories  ul li a.on { background-color:#5c6165;background-image:url(../images/lhs-menu-bkgd-over.gif);background-repeat:repeat-x;background-position:right top; }
	
	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 { width:223px;  float:right; }
	div.pages ul { list-style-type:none; margin:0px; padding:0px; }
	div.pages ul li { font:11px arial; font-weight:bold; line-height:42px; }
	
	div.pages ul li a { background-color:#939ea2; 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.cur-outer{text-align:left;margin:15px 0 15px 10px; }
	div.cur-outer input { float:left;font-size:10px; }
	div.com-currency-button { float:left; display:none;font-size:10px; }
	#com-currency-dropdown{ font-size:10px;width:200px;}

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

div.search {margin:0px 6px 0px 0px;padding:0px; float:right;height:25px; }
div.search form{margin:0; padding:0; }
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:145px;line-height:20px;border:1px solid #ccc5bb; margin-right: 5px; margin-bottom:5px; padding:4px 2px 2px 2px; font-size: 10px;color:#948671; background-color:#fff; }