[SOLVED] Blockviewed.css

[generalexperts]

My Viewed Products on the left hand side of my site is messed up. Can anyone help me get this back to looking normal? My original is missing. And the original didn't really look like the style of my site to begin with. Please help as it looks pretty terrible. Can't get the margins right on it. Thanks in advance!!

/* Block Viewed Products */
#viewed-products_block_left .viewed_products li {
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	float: none;
}
#viewed-products_block_left .viewed_products li.last_item {
	padding-bottom:22;
	border:4px solid #25aae1;
}
#viewed-products_block_left .viewed_products li.first_item  {
	padding-bottom:0;
	border:none;
}
#viewed-products_block_left .content_img:hover {opacity: .7;
    transition: opacity 500ms ease-out 0s;
}
#viewed-products_block_left .content_img {
	float:left;
}
#viewed-products_block_left .text_desc {
	float:left;
	margin-left: 10px;
   width: 130px;
   
}
#viewed-products_block_left li .text_desc .s_title_block, #viewed-products_block_left li .text_desc h5 {
	padding:0 0 -5px 0;
	font-weight: bold;
}

#viewed-products_block_left li .text_desc p {
	line-height:14px;
	color:#999999;
	margin-left:30px;
	margin-right:-29px;
	margin-top:-20px; /* Text positions up & down */
}	
#viewed-products_block_left li .text_desc p a {
	line-height:14px;
	color:#999999;
	margin: -62px -28px 45px 24px /* Text positions */

}

#viewed-products_block_left li:hover .text_desc p a {
	padding-bottom:0;
	line-height:14px;
   border: 0 none !important;
   display:block;
   overflow:hidden;
   position:relative;
   color:#1A7EA7;
   text-decoration:none;
} 
#viewed-products_block_left li:hover .s_title_block {text-decoration:none;color:#C60;}
#viewed-products_block_left li .s_title_block {color:#999;text-decoration:none;}

#viewed-products_block_left a.content_img {
	margin-top: 0px;
}
#viewed-products_block_left ul.products{ /* this will change the frame and spacing  <----also currently saved with this edit */
	width: 198px;
	height: 190px;
	border: 2px solid #4d4d4d;
}

Edited August 26, 2014 by generalexperts (see edit history)

[PSfever.com]

How about this one?

blockviewed.css

/* Block Viewed Products */
#viewed-products_block_left .viewed_products li {
padding:10px 0;
border-bottom:1px dotted #ccc;
float: none;
}
#viewed-products_block_left .viewed_products li.last_item {
padding-bottom:22;
border:4px solid #25aae1;
}
#viewed-products_block_left .viewed_products li.first_item  {
padding-bottom:0;
border:none;
margin-bottom: -50px;
}
#viewed-products_block_left .content_img:hover {opacity: .7;
    transition: opacity 500ms ease-out 0s;
}
#viewed-products_block_left .content_img {
float:left;
clear: none;
}
#viewed-products_block_left .text_desc {
float:left;
   
   
width: 128px;
padding: 7px 5px 0px 5px;
}
#viewed-products_block_left li .text_desc .s_title_block, #viewed-products_block_left li .text_desc h5 {
padding: 0 0 4px 0;
font-weight: bold;
}


#viewed-products_block_left li .text_desc p {
line-height: 14px;
color:#999999; /* Text positions up & down */
margin: 10px 0 0 0;
} 
#viewed-products_block_left li .text_desc p a {
line-height:14px;
color:#999999;}


#viewed-products_block_left li:hover .text_desc p a {
padding-bottom:0;
line-height:14px;
   border: 0 none !important;
   display:block;
   overflow:hidden;
   position:relative;
   color:#1A7EA7;
   text-decoration:none;
} 
#viewed-products_block_left li:hover .s_title_block {text-decoration:none;color:#C60;}
#viewed-products_block_left li .s_title_block {color:#999;text-decoration:none;}


#viewed-products_block_left a.content_img {
margin-top: 0px;
}
#viewed-products_block_left ul.products{ /* this will change the frame and spacing  <----also currently saved with this edit */
width: 198px;
/* height: 190px; */
border: 2px solid #4d4d4d;
}
.block_content #viewed-products_block_left .block.products_block{
margin-bottom:-50px;
}

[generalexperts]

Thank you!