.raised {background: transparent; width:100%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}
 
.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#F5F5DC; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b3 {background:#F5F5DC; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b4 {background:#F5F5DC; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b4b {background:#F5F5DC; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b3b {background:#F5F5DC; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b2b {background:#F5F5DC; border-left:1px solid #fff; border-right:1px solid #fff;}
 
 
.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#fff;}
.raised .boxcontent {display:block;  background:#F5F5DC; border-left:1px solid #fff; border-right:1px solid #fff;}


/*
<div class="box250">
<h3>Testimonial</h3>
<p>"The <a href="http://www.citroen.co.uk"><img src="../graphic/citroenlogo.gif" alt="citroen.co.uk" /></a> web site uses<br />CSS play code for the site drop down menus.<br />This code works seamlessly in IE 6 &amp; 7, and is an excellent solution to the Creative requirements of the site."<br /><br />
Damon Clark - Brandwidth</p>
</div>
*/

.box250 {width:250px; padding:0 0 15px 0; background:url(box_base.gif) no-repeat left bottom; margin-bottom:10px;}
.box250 h3 {background:url(box.gif); height:30px; line-height:30px; color:#333; padding:0 15px; margin:0; font-size:12px;}
.box250 ul {list-style:none; padding:15px 14px 0 14px; margin:0; width:220px; background:#fff; border:1px solid #d8d9da; border-width:0 1px; height:auto;}
.box250 ul li {text-decoration:none; color:#444; padding:2px 0; font-size:11px; border-bottom:1px solid #f0f0f0; word-spacing:-1px;}
.box250 ul li a {text-decoration:none; color:#048; font-size:12px; font-weight:bold;}
.box250 ul li a:hover {text-decoration:underline;}

.box250 p {padding:15px 14px 0 14px; margin:0; width:220px; background:#fff; border:1px solid #d8d9da; border-width:0 1px; line-height:1.3em; font-size:11px; color:#444;}
.box250 p.red {color:#c00;}
.box250 dl {list-style:none; padding:0 14px; margin:0; width:220px; background:#fff; border:1px solid #d8d9da; border-width:0 1px;}
.box250 dt {clear:left; padding:10px 0; margin:0; font-size:12px; font-weight:bold; color:#151;}
.box250 dd {padding:3px 0; margin:0; font-size:11px; line-height:1.2em; color:#444; border-bottom:1px solid #f0f0f0;}
.box250 dd a {display:block; color:#048; text-decoration:none; width:220px; font-size:12px;}
.box250 dd a em {color:#666; float:right; font-style:normal; font-size:11px;}
.box250 dd a:hover {color:#08c; text-decoration:none;}

.box250 table caption {width:250px; background:url(box.gif); height:30px; line-height:30px; color:#333; padding:0; margin:0; font-size:12px; text-align:left; text-indent:15px; font-weight:bold;}
.box250 table {width:250px; border:1px solid #d8d9da; border-width:0 1px; background:#fff;}
.box250 table th {padding-top:5px; text-indent:5px; color:#151;}
.box250 table td {text-indent:5px; color:#444;}
.box250 table tfoot td {text-align:center; color:#666; font-size:11px; padding-top:10px;}

.box250 form {margin:0;}

.box250 a.bannerad img {display:block; padding-bottom:4px;}


.box500 {width:500px; padding:0 0 15px 0; background:url(box_base.gif) no-repeat left bottom; margin-bottom:10px;}
.box500 h3 {background:url(box.gif); height:30px; line-height:30px; color:#333; padding:0 15px; margin:0; font-size:12px;}
.box500 ul {list-style:none; padding:15px 14px 0 14px; margin:0; width:220px; background:#fff; border:1px solid #d8d9da; border-width:0 1px; height:auto;}
.box500 ul li {text-decoration:none; color:#444; padding:2px 0; font-size:11px; border-bottom:1px solid #f0f0f0; word-spacing:-1px;}
.box500 ul li a {text-decoration:none; color:#048; font-size:12px; font-weight:bold;}
.box500 ul li a:hover {text-decoration:underline;}

.box500 p {padding:15px 14px 0 14px; margin:0; width:220px; background:#fff; border:1px solid #d8d9da; border-width:0 1px; line-height:1.3em; font-size:11px; color:#444;}
.box500 p.red {color:#c00;}
.box500 dl {list-style:none; padding:0 14px; margin:0; width:220px; background:#fff; border:1px solid #d8d9da; border-width:0 1px;}
.box500 dt {clear:left; padding:10px 0; margin:0; font-size:12px; font-weight:bold; color:#151;}
.box500 dd {padding:3px 0; margin:0; font-size:11px; line-height:1.2em; color:#444; border-bottom:1px solid #f0f0f0;}
.box500 dd a {display:block; color:#048; text-decoration:none; width:220px; font-size:12px;}
.box500 dd a em {color:#666; float:right; font-style:normal; font-size:11px;}
.box500 dd a:hover {color:#08c; text-decoration:none;}

.box500 table caption {width:500px; background:url(box.gif); height:30px; line-height:30px; color:#333; padding:0; margin:0; font-size:12px; text-align:left; text-indent:15px; font-weight:bold;}
.box500 table {width:500px; border:1px solid #d8d9da; border-width:0 1px; background:#fff;}
.box500 table th {padding-top:5px; text-indent:5px; color:#151;}
.box500 table td {text-indent:5px; color:#444;}
.box500 table tfoot td {text-align:center; color:#666; font-size:11px; padding-top:10px;}

.box500 form {margin:0;}

.box500 a.bannerad img {display:block; padding-bottom:4px;}