#site-main-column.csb {
}


#site-main-column.csb .header {
padding: 0px 10px;
line-height: 1.15em;
font-size: 12pt;
font-weight: 600;
color: #8795A5;
position: relative;
}

#site-main-column.csb h1 {
font-size: 12pt;
display: inline;
font-weight: 600;
color: #ff8822;
}
#site-main-column.csb .footer {
float: right;
text-align: right;
width: 200px;
position: relative;
top: -1.15em;
right: 10px;
font-weight: 600;
font-style: italic;
color: #000000;
}


#features-con {
clear: both;
position: relative;
background: url('/images/skin200706/easybox/feature-box-bg-mid.gif') repeat-y;
}
* html #features-con { /* IE6 hack */
width: 600px;/* so that the background will show... weird bug */
}
#features-con .bg-top {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 2px;
background: url('/images/skin200706/easybox/feature-box-bg-top.gif') no-repeat;
}
#features-con .bg-bottom {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 10px;
background: url('/images/skin200706/easybox/feature-box-bg-bottom.gif') left bottom no-repeat;
}

/*
#features-con .bg-shade {
position: absolute;
bottom: -118px;
left: 2px;
width: 100%;
height: 400px;
background: url('/images/skin200706/easybox/feature-box-bg-shade.gif') no-repeat;
z-index: -10;
}
*/

#features-con .content {
position: relative;
padding: 0px 0px 10px 0px;
}


#features-con ul.features,
#features-con ul.features li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#features-con ul.features {
}

#features-con ul.features li {
padding: 15px 40px 0px 60px;
margin: 0px 0px 0px -7px;
background: url('/images/skin200706/easybox/feature-content-bg-shade-short.gif') 10px 100% no-repeat;
font-size: 17pt;
font-weight: 600;
position: relative;
}
#features-con ul.features li.long {
background: url('/images/skin200706/easybox/feature-content-bg-shade-long.gif') 10px 100% no-repeat;
}

#features-con ul.features li div.number {
float: left;
width: 30px;
margin-left: -30px;
}
* html #features-con ul.features li div.number { /* IE6 hack */
margin-left: -10px;
}

#features-con ul.features li div.itemheader {
float: left;
line-height: 1.3em;
margin-bottom: 0.4em;
width: 95%;
}


#features-con ul.features li div.details {
clear: both;
margin-top: 5px;
font-size: 9pt;
font-weight: normal;
position: relative;
}
#features-con ul.features li div.details ul {
}
#features-con ul.features li div.details ul,
#features-con ul.features li div.details ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#features-con ul.features li div.details ul li {
background: url('/images/skin200706/advisor-bullet.gif') 0px 5px no-repeat;
padding-left: 8px;
margin-bottom: 2px;
font-size: 9pt;
font-weight: normal;
}
#features-con li div.details {
}
#features-con li div.details div.left {
float: left;
}
#features-con li div.details div.right {
float: right;
right: 0px;
}
#features-con li div.details div.text {
position: relative;
z-index: 20;
}
#features-con li div.details div.image {
position: relative;
z-index: 10;
}
#features-con li div.details div.header,
#features-con li div.details div.footer {
position: absolute;
}
#features-con li div.details div.header{ /* to overwrite #site-main-column.csb .header above */
padding: 0px;
background: none;
height: auto;
}
#features-con li div.details div.feature {
position: relative;
clear: both;
}
#features-con li div.details div.feature div.image { /* IE6 hack */
position: absolute;
}

#features-con li div.details div.item1a {
height: 149px;
}
#features-con li div.details div.item1a div.text {
width: 302px;
margin-top: 10px;
}
#features-con li div.details div.item1a div.image {
width: 192px;
height: 137px;
background: url('/images/skin200706/easybox/commerce-system-benefits-1a.gif') no-repeat;
}


#features-con li div.details div.item1b {
height: 155px;
}
#features-con li div.details div.item1b div.text {
width: 200px;
margin-top: 25px;
}
#features-con li div.details div.item1b div.image {
width: 294px;
height: 144px;
background: url('/images/skin200706/easybox/commerce-system-benefits-1b.gif') no-repeat;
}

#features-con li div.details div.item2a {
height: 188px;
}
#features-con li div.details div.item2a div.text {
width: 201px;
margin-top: 25px;
}
#features-con li div.details div.item2a div.image {
width: 293px;
height: 174px;
background: url('/images/skin200706/easybox/commerce-system-benefits-2a.gif') no-repeat;
}

#features-con li div.details div.item2b {
height: 155px;
}
#features-con li div.details div.item2b div.text {
width: 147px;
margin-top: 0px;
}
#features-con li div.details div.item2b div.image {
width: 347px;
height: 132px;
background: url('/images/skin200706/easybox/commerce-system-benefits-2b.gif') no-repeat;
}

#features-con li div.details div.item2c {
height: 207px;
}
#features-con li div.details div.item2c div.text {
width: 174px;
margin-top: 25px;
}
#features-con li div.details div.item2c div.image {
width: 320px;
height: 185px;
background: url('/images/skin200706/easybox/commerce-system-benefits-2c.gif') no-repeat;
}

#features-con li div.details div.item2d {
height: 216px;
}
#features-con li div.details div.item2d div.text {
width: 150px;
margin-top: 5px;
}
#features-con li div.details div.item2d div.image {
width: 344px;
height: 185px;
background: url('/images/skin200706/easybox/commerce-system-benefits-2d.gif') no-repeat;
}


#features-con li div.details div.item3a {
height: 241px;
}
#features-con li div.details div.item3a div.text {
width: 188px;
margin-top: 10px;
}
#features-con li div.details div.item3a div.image {
width: 306px;
height: 229px;
background: url('/images/skin200706/easybox/commerce-system-benefits-3a.gif') no-repeat;
}

#features-con li div.details div.item3b {
height: 201px;
}
#features-con li div.details div.item3b div.text {
width: 168px;
margin-top: 5px;
}
#features-con li div.details div.item3b div.image {
width: 326px;
height: 187px;
background: url('/images/skin200706/easybox/commerce-system-benefits-3b.gif') no-repeat;
}

#features-con li div.details div.item3c {
height: 246px;
}
#features-con li div.details div.item3c div.text {
width: 178px;
margin-top: 10px;
}
#features-con li div.details div.item3c div.image {
width: 316px;
height: 231px;
background: url('/images/skin200706/easybox/commerce-system-benefits-3c.gif') no-repeat;
}

#features-con li div.details div.item4a {
height: 337px;
width: 520px; /* define this to be equal or longer than it's content, otherwise IE6 will collapse mask the contents */
}
#features-con li div.details div.item4a div.text {
width: 514px;
margin-top: 245px;
}
#features-con li div.details div.item4a div.image {
width: 514px;
height: 240px;
background: url('/images/skin200706/easybox/commerce-system-benefits-4a.gif') no-repeat;
}


#features-con li div.details div.item5a {
height: 207px;
}
#features-con li div.details div.item5a div.text {
width: 170px;
margin-top: 5px;
}
#features-con li div.details div.item5a div.image {
width: 324px;
height: 187px;
background: url('/images/skin200706/easybox/commerce-system-benefits-5a.gif') no-repeat;
}


#features-con li div.details div.item6a {
height: 209px;
}
#features-con li div.details div.item6a div.text {
width: 125px;
margin-top: 0px;
}
#features-con li div.details div.item6a div.image {
width: 369px;
height: 188px;
background: url('/images/skin200706/easybox/commerce-system-benefits-6a.gif') no-repeat;
}


#features-con li div.details div.item7a {
height: 192px;
}
#features-con li div.details div.item7a div.text {
width: 238px;
margin-top: 0px;
}
#features-con li div.details div.item7a div.image {
width: 513px;
height: 176px;
background: url('/images/skin200706/easybox/commerce-system-benefits-7a.gif') no-repeat;
}

#features-con li div.details div.item7b {
height: 180px;
}
#features-con li div.details div.item7b div.text {
width: 168px;
margin-top: 5px;
}
#features-con li div.details div.item7b div.image {

width: 326px;
height: 167px;
background: url('/images/skin200706/easybox/commerce-system-benefits-7b.gif') no-repeat;
}

#features-con li div.details div.item7c {
height: 281px;
}
#features-con li div.details div.item7c div.text {
width: 145px;
margin-top: 5px;
}
#features-con li div.details div.item7c div.image {
width: 349px;
height: 258px;
background: url('/images/skin200706/easybox/commerce-system-benefits-7c.gif') no-repeat;
}


