Footer Style Align

URL: http://test.persano.dk/

I have customised the "featured" section, but now it dont align to the widget in the buttom.
The Background will be replaced, so dont mind the grey lines. But I would like ideas as to how I get the footer widget alligned.

I have managed to get the first box aligned, but somehow I cant get the next to react to my noob CSS code

This is my stylesheet

HTML:

#slider_pag .pagination {
display:none;
}
 
.footer-content .footer_wrap{
background:#A0A0A0;
}
 
.footer-content .footer-glow{
background:#ffffff;
}
 
.footer-glow {
padding-left: 30px;
}
 
.listnodot ul { list-style-type: none;}
.listnodot li  { list-style-type: none; margin: 0 2px 2px 2px; padding-top: 4px; }
 
.listnodot li a { color: #000000; text-decoration:none; }
.listnodot li a:link { color: #000000; text-decoration:none; }
.listnodot li a:hover { color: #ff3333; text-decoration:underline; }
.listnodot li a:active, a:visited { color: #ff3333; text-decoration:underline; }
.listnodot li a:after { color: #ff3333; text-decoration:underline; }
 
 
.listnodotsmall ul { list-style-type: none;}
.listnodotsmall li  { list-style-type: none; margin: 0 2px 2px 2px; padding-top: 4px; font-size:11px; }
 
.listnodotsmall li a { color: #000000; text-decoration:none; }
.listnodotsmall li a:link { color: #000000; text-decoration:none; }
.listnodotsmall li a:hover { color: #ff3333; text-decoration:underline; }
.listnodotsmall li a:active, a:visited { color: #ff3333; text-decoration:underline; }
.listnodotsmall li a:after { color: #ff3333; text-decoration:underline; }
 
 
.Clearline {
    clear: both;
}
 
a.defaultbtn {   
    background: #99cc66;
    display: inline-block;   
    width:265px;
    margin: 0px 5px 5px 0px;
    color: #fff;
    text-decoration: none;   
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    position: relative;
    cursor: pointer;
    font-weight:bold;
                font-size:14px;   
    padding: 5px 5px 5px 5px;
    border: 1px solid rgba(0,0,0,.1);   
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: normal !important;
}
 
 
.defaultbtn:hover {
    background-color: #595959;
    color: #fff;
}
 
 
 
 
.feature_inner_bottom {
border-left-style:solid;
border-width:1px;
border-color:gray;
}
 
.feature_inner_bottom p { padding-left:10px; font-size:14px;} 
.feature_inner_bottom h2 { padding-left:10px;}
.read_more { padding-left:10px;} 
 
.prodstor {
    font-size:14px;
}
 
.widget_inner {
padding-left:10px;
}
 
 

 

Paste the following code in your custom css
Appearance -> Theme Options -> Styling Options -> Custom CSS

Code:

.footer {
background-position: 53%;
}
.footer_wrapper .footer .footer_widget .widget_inner.lebo {
padding-left: 24px;
}
.footer_wrapper .footer .footer_widget .widget_inner.lebo.last {
padding-left: 26px;
}
.one_third.last {
margin-left: -10px;
}

This will solve your issue.

 

Once again a perfect fix!
I am so grateful for your top quality support