html, body {margin:0; padding:0}

body {background: #FB7009; font:16px normal Arial, Helvetica, sans-serif;}

h1 {font-size: 26px; color: #CC0000;text-align: center;}
h2 {font-size: 20px;line-height: 18px; padding: 8px; margin: 15px 0; color: #CC0000}

ul { margin: 10px; padding-left:40px;}
li { margin:0; padding:0;}

a,
a:visited { color: #0033FF; text-decoration: none;}
a:hover { color: #333399; text-decoration: underline;}

#container {margin: 0 auto; width: 860px; background: #FFFFFF;}
#container #content {padding: 35px;}
#container #content #header {}
#container #content #sample { background: #7EFF00;}
#container #content #sample td.align_center {font-size: 50px; font-weight: bold;padding: 0 10px ; color: #FFFFFF}
#container #content #sample td {font-size: 20px;}

#container #content #benefits {height: 165px; background: url(images/bg_benefits.jpg) right bottom no-repeat; }
#container #content #benefits h2 {background: transparent;color: #6FBE00; background:#D8FFA1;}
#container #content #benefits ul {margin: 10px;}
#container #content #benefits ul li { padding: 3px 0;color: #333399; font-weight: bold;font-size: 16px;list-style-image: url(images/ok_bullet.gif); float: left; width: 315px;}

#container #content #how-it-helps {}
#container #content #how-it-helps h2 {background: #FDD6FF; color:#C079C5;}

#container #content #advice { background: url(images/avantaje-plasturi-pentru-slabit.jpg) right bottom no-repeat; }
#container #content #advice h2 {background: #FFF5AF; color:#D29028;}
#container #content #advice p {padding-right: 130px;}

#container #content #order h2 {text-align:center; color: #CC0000; font-size:40px;}
#container #content #order p {text-align:center; color: #333399; font-size:20px;}
#container #content #order form {border: 3px double #CC0000; padding: 20px 0;}
#container #content #order table.form_quantity { width: 500px; margin: 0 auto;}
#container #content #order table.form_quantity td {padding: 10px 0;}
#container #content #order table.form_quantity td em {color: #333399; font-size:20px;}
#container #content #order table.form_quantity td span {color: #333399; text-decoration: line-through; font-size: 18px;}
#container #content #order table.form_quantity td strong {color: #CC0000; font-size: 18px;}

#container #content #order table.form_fields { width: 500px; margin: 0 auto;}
#container #content #order table.form_fields td.align_right { font-weight:bold; padding-right: 5px;width: 150px;}
#container #content #order table.form_fields span {color: #808080; font-size: 12px;}
#container #content #order table.form_fields input.input,
#container #content #order table.form_fields textarea { border: 1px solid #666666; width: 180px;}

.section {border: 1px solid #999999; margin-top: 20px;}
.section h2.title {border-bottom: 1px solid #999999;margin: 0 0 25px;}
p {padding: 3px 30px;}

em {font-weight: bold; color: #333399; font-size: 18px;}


/* -------------------------  HACKS ------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;} /* Hides from IE-mac \*/
.clearfix{display: block;} /* End hide from IE-mac */
/* ---------------------------END HACKS ----------------------------*/

.error_message { list-style-type: none;padding: 3px 15px; background: #ffffcc; color: #ff0000; margin-bottom: 15px; border: 1px solid #ffcc00;}
.info_message { list-style-type: none;padding: 3px 15px; background: #CBFF99; color: #000; margin-bottom: 15px; border: 1px solid #ffcc00;}

.clear { clear:both; overflow:hidden; font-size:1px; height:0;}

.left {float: left;}
.right {float: right;}

.align_center {text-align: center;}
.align_left {text-align: left;}
.align_right {text-align: right;}