.popup-boxtop {
    position: relative;
    display: block;
    width: 450px;
    height: 42px;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/twoforone/terms_header.png) top left no-repeat;
}

.popup-boxcontent {
    position: relative;
    display: block;
    width: 450px;
    padding: 0;
    padding-bottom: 10px;
    font-size: 1.1em;
    background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/content.gif) top left repeat-y;
}

.popup-boxbottom {
    position: relative;
    display: block;
    width: 450px;
    height: 9px;
    font-size: 0px;
    line-height: 0px;
    background: #fff url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/bottom.gif) top left no-repeat;
}

.popup-boxtop a.closebutton {
    display: block;
    position:absolute;
    top: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/twoforone/closebutton.jpg) top left no-repeat;
}
.popup-boxtop a.closebutton i {display: none}

.popup-boxtop h1 {
    display: block;
    padding: 14px 0px 0px 10px;
    color: #23436B;
    font-size: 13px;
    text-align: left;
}

.popup-boxcontent h2 {
    color: #333;
    margin: 0 0 10px 0;
    text-align: left;
    font-size: 12px;
}
.popup-boxcontent ul {
    margin-left: 10px;
    list-style-type: none;
    list-style-position: outside;
}
.popup-boxcontent ul li {
    margin: 0px 0px 8px 0px;
    padding: 0;
    font-size: 11px;
    line-height: 1.2em;
    background-image:url(http://cdn.media.zylom.com/images/site/zylom/deluxe/page/bullit.gif);
    background-position:0 3px;
    background-repeat:no-repeat;
    font-weight: normal;
    padding-left:20px;
    text-align: left;
}

.boxtopgreen {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/green/top.gif) top left no-repeat}
.boxcontentgreen {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/green/content.gif) top left repeat-y}
.boxbottomgreen {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/green/bottom.gif) top left no-repeat}
.boxtopgreen a.closebutton {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/green/closebutton.gif) top left no-repeat}
.boxtopgreen a:hover.closebutton {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/green/closebutton.gif) 0px -18px no-repeat}
.boxtopgreen h1 {color: #5E7850}
.boxcontentgreen h2 {color: #333}

.boxtoporange {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/orange/top.gif) top left no-repeat}
.boxcontentorange {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/orange/content.gif) top left repeat-y}
.boxbottomorange {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/orange/bottom.gif) top left no-repeat}
.boxtoporange a.closebutton {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/orange/closebutton.gif) top left no-repeat}
.boxtoporange a:hover.closebutton {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/orange/closebutton.gif) 0px -18px no-repeat}
.boxtoporange h1 {color: #794336}
.boxcontentorange h2 {color: #333}         

.boxtoppurple {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/purple/top.gif) top left no-repeat}
.boxcontentpurple {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/purple/content.gif) top left repeat-y}
.boxbottompurple {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/purple/bottom.gif) top left no-repeat}
.boxtoppurple a.closebutton {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/purple/closebutton.gif) top left no-repeat}
.boxtoppurple a:hover.closebutton {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/purple/closebutton.gif) 0px -18px no-repeat}
.boxtoppurple h1 {color: #A926BD}
.boxcontentpurple h2 {color: #333}         

.boxtopblue {background: transparenturl(http://cdn.media.zylom.com/images/site/zylom/terms/popup/blue/top.gif) top left no-repeat}
.boxcontentblue {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/blue/content.gif) top left repeat-y}
.boxbottomblue {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/blue/bottom.gif) top left no-repeat}
.boxtopblue a.closebutton {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/blue/closebutton.gif) top left no-repeat}
.boxtopblue a:hover.closebutton {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/terms/popup/blue/closebutton.gif) 0px -18px no-repeat}
.boxtopblue h1 {color: #23436B}
.boxcontentblue h2 {color: #333}