/*********************code below artile pages**************/ 
div#articles ul{padding: 0 0 0 5px; margin:0; clear:both; margin-top:4px;}
div#articles ul li{clear:left;list-style:none;padding: 0; height: 7.75em; /* was 94px */margin:7px 0;border: 1px solid #d9d9d9;width: 630px;}
div#articles ul li img{float:left;padding-right: 10px;height: 93px; width:193px;}
div#articles ul li div{position:relative; left:0px;padding: 0 5px 0 0; font-size:.9em;}
div#articles ul li h2.title{font-size:90%; color:#0072BC; font-weight:bold; padding: 10px 0 0 0; margin: 0;}
div#articles ul li h2.title a:link, div#articles h2.title a:visited{color: #0072BC;text-decoration: none;}     
div#articles ul li h3.description {font-size:0.9em;margin:0px;padding:0px;font-weight:normal;text-align:justify;color: #666666;margin:0;}
div#articles ul li h3.description a:link, div#articles h3.description a:visited{color: #666;text-decoration: none;}     
#productList {margin-top: 10px;}
.rightarrow{font-weight:bold; background: url(/app/assets/images/arrow_right.jpg) 0px 4px no-repeat; padding: 0 0 0 10px;font-size:.9em; color:#006699; text-decoration:none;}
.rightarrow{font-weight:normal;}

div#sideNAVcontentCatTitle 
{
	font-size: 0.9em;
	font-weight:bold;
	color: #0072BC;
	padding:0 0 0 0!important; 
	margin-top:18px!important;
	margin-left:10px!important;	
	border: 0px solid silver;
	}

p.topicCatHeader{
    color: #0072BC;
    font-size: 90%;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 0;
}

p.topicCatHeader a{
    color: #0072BC;
    text-decoration:none;
}

p.topicCatDesc{
    color: #666666;
    font-size: 0.9em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: justify;
}

p.topicCatDesc a{
   color: #666666;
   text-decoration:none;
}

/********************* code below default and landing pages **************/ 
ul.categoryList {
    padding: 0px; 
    margin:0px;   
    
}
ul.categoryList li {
    padding:0px!important; 
    margin:0px!important;
    list-style:none;   
    width: 318px;
    height:auto; 
    float:left;
    list-style:none;
    background:url(/app/assets/images/filter/category_bg_top.jpg) no-repeat 0 0;
}
ul.categoryList li .catTitle {
    font-size: 100%;
    font-weight:bold;
    color: #0072BC;    
    padding:0px!important; 
    margin:0px!important;
    border: 0px solid green;
}

ul.categoryList li .article-topic-block-text {
    font-size:0.9em; 
    font-weight:normal;
    padding:0px!important; 
    margin:0px!important;
    border: 0px solid green;
}
   
ul.categoryList li img {
    border: 0px solid red; 
    width: 121px; 
    height:96px; 
    padding-left: 5px;
    padding-right:15px
}
ul.categoryList li table {
    padding: 15px 0 15px 15px ;
    cursor:pointer; 
    height: auto;
    /*overflow:hidden;*/
    border: 0px solid red;
    background: url(/app/assets/images/filter/category_bg_bottom.jpg) no-repeat left bottom;
}

h1.pageTitle{padding-bottom: 5px !important;margin-left:5px!important;}
h1.pageHeader{padding:10px 0 0 0; margin:0;height:35px;border: 0px solid green;}

h2.articaltopicheader {
    font-size:100%; 
    color:#003466; 
    font-weight: 700; 
    padding: 10px 0 0 0; 
    margin:0;
    margin-left:10px!important;
}

h3.articaltopictext {
    font-size:0.9em; 
    margin:0; 
    padding:0; 
    font-weight:normal;
    font-family: arial, helvetica, sans-serif; 
    text-align:justify; 
    color: #666;
    margin-left: 10px!important;
}

div.articaltopictext {
    font-size:0.9em; 
    margin:0; 
    padding:0; 
    font-weight:normal;
    font-family: arial, helvetica, sans-serif; 
    text-align:justify; 
    color: #666;
    margin-left: 10px!important;
}
 
h3.article-topic-block-text {
    margin: 0 !important; 
    padding: 0 !important;        
    text-align:left;     
}
    
.article-topic-block-text a:link, 
.article-topic-block-text a:visited {
    color: #666;
	text-decoration: none;
}    
    
h2.catTitle {

	padding:0 0 0 0!important; 	
	margin-top:0px!important;
	margin-bottom:0px!important;
	margin-left:5px!important;	
}	

.catTitle a:link, .catTitle a:visited {
    color: #0072bc;
	text-decoration: none;
}	  

h2.pageTitle{padding-bottom: 5px !important;}
h1.articleTitle{padding: 0 70px 0 0; margin:0; color:#003366; font-size:150%; width: 280px;border: 0px solid red;}

#box
	{
	position: relative;
	padding: 0;	
	text-align: left;
	width:auto;	
	background-color: #fff;	
	height: auto;
	border: 0px solid green;	
	}

#sideNAVcontent
	{
	padding: 0;
	margin-left: 0;
	border: 1px solid #fff;
	}
	
#sideNAVcontent ul
{
list-style-type:none;
padding:0px;
margin-bottom:30px;
margin-left: 10px;
margin-right: 20px;
border: 0px solid red;
}

#sideNAVcontent li
{
background-image:url(/app/assets/images/topics/sort_desc.gif);
background-repeat:no-repeat;
background-position:4px 3px;
padding-left:12px;
padding-top: 4px;
padding-bottom: 4px;
border: 0px solid orange;
}

	
#sideNAVcontent li a {	
	color: navy;
	text-decoration: none;
	font-size: 0.9em;
	}	
	
#sideNAVcontent li a:link, #sideNAVcontent li a:visited {
	color: navy;
	display: block;
	
	}
	
#sideNAVcontent li a:hover, #sideNAVcontent li:hover{
	color: #328fcc;
	background-color: #e7f3ff !important;
	display: block;
	
	}	
	

#sideNAVcontent h3
	{
    font-size: 0.9em;
	font-weight:bold;
	color: #0072BC;
	padding:0 0 0 0!important; 
	margin-top:18px!important;
	margin-left:10px!important;	
	border: 0px solid silver;
	}
	
#sideNAVcontent li.selected
{
background-image:url(/app/assets/images/topics/sort_desc_white.gif);
background-repeat:no-repeat;
background-position:4px 3px; 
padding-left:12px;
padding-top: 4px;
padding-bottom: 4px;
background-color: #5ab857 !important;
border: 0px solid orange;
}

#sideNAVcontent li.selected a:link, #sideNAVcontent li.selected a:visited {
	color: #fff;
	display: block;		
	}
	
#sideNAVcontent li.selected a:hover, #sideNAVcontent li.selected:hover{
	color: #fff;
	background-color: #5ab857 !important;
	display: block;
	cursor: default;		
	}
	




/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(/app/assets/images/topics/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(/app/assets/images/topics/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(/app/assets/images/topics/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(/app/assets/images/topics/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(/app/assets/images/topics/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(/app/assets/images/topics/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(/app/assets/images/topics/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(/app/assets/images/topics/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
		

div#pageContent{padding: 0 0 10px 0;border: 0px solid red;}	

.paddingSpacer{padding: 0 0 10px 0;border: 0px solid red;}	




/* 07/22/2011 : topic filter page title bold */

div#articles ul li div.title {
	font-size:100%;
	color:#003466;
	background-color:transparent;
	font-weight:bold;
	padding: 6px 0 0 0;
	margin: 0;
}