Feature Box CSS

gistfile1.css

#hgroup {
padding:45px 0 25px;
}

#feature-wrapper {
width:938px;
margin:0 auto;
padding:0 0 40px;
}

#feature-offer {
overflow:hidden;
background:#FFF;
position:relative;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.2),transparent 0 0 0 0 0 0 0 0 0 0 0 0;
-moz-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.2),transparent 0 0 0 0 0 0 0 0 0 0 0 0;
box-shadow:0 1px 2px 0 rgba(0,0,0,0.2), 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:20px 40px;
}

#feature-offer h2 {
font-size:38px;
margin:10px 0 30px;
}

#feature-offer .details {
width:400px;
float:left;
}

#feature-offer .details h3 {
margin:-5px 0 0;
}

#feature-offer .details ul li {
font-size:16px;
line-height:25px;
margin:16px 0;
}

#feature-offer .optin {
float:right;
width:400px;
text-align:center;
}

#feature-offer .optin .alert {
padding:20px 20px 10px;
}

#feature-offer .optin p {
font-size:18px;
}

#feature-offer .optin form {
width:400px;
height:40px;
position:relative;
margin:0 auto 20px;
}

#feature-offer .optin form .text_input {
position:absolute;
left:0;
width:220px;
padding:10px;
}

#feature-offer .optin form .submit {
position:absolute;
right:0;
background:#6E191D;
width:150px;
color:#FFF;
font-size:16px;
text-transform:uppercase;
padding:9px 0 11px;
}

#feature-offer .optin .quote {
color:#999;
}

#feature-offer .optin .quote cite {
display:block;
font-style:normal;
}