/* 
    Document   : cleanandgreen
    Created on : Jun 14, 2012, 5:16:18 PM
    Author     : mocoma
    Description: 
*/

body
{ 
    margin:0px;
    margin-top:30px;
    padding:0px;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #008544;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

/* TAGS */

a
{
    color:#008544;
}

li
{
    margin-left:-20px;
    margin-bottom:10px;
}

input, select
{
    font-size:12px;
}

/* IDs  */

#container
{
	width:970px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	text-align:left;
        margin-bottom:50px;
	border:solid 1px #ffffff;
}

#topnav
{
    width:940px;
    height:30px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #008544;
}

#logo_cluster
{
    width:362px;
    height:231px;
    float:left;
}

#logo
{
    width:362px;
    height:193px;
    float:left;
}

#logo_under
{
    width:362px;
    height:38px;
    margin-top:8px;
}

#logo_under_left
{
    width:176px;
    height:38px;
    float:left;
}

#logo_under_right
{
    width:186px;
    height:38px;
    float:left;
}

#header_callout_hp
{
    width:608px;
    height:231px;
    float:left;
}

#pict_callout_hp
{
    width:950px;
    height:330px;
    padding:10px;
    background-color: #008544;
}

#footer
{
    width:950px;
    height:30px;
    padding-left:10px;
    padding-right:10px;
    font-family: arial,helvetica,sans-serif;
    font-size:11px;
    color:#008544;
    /*border:solid 1px #000000;*/
}

#footer a:link
{
    font-family: arial,helvetica,sans-serif;
    font-size:11px;
    color:#008544;
    text-decoration:none;
}

#footer a:active
{
    font-family: arial,helvetica,sans-serif;
    font-size:11px;
    color:#008544;
    text-decoration:none;
}

#footer a:visited
{
    font-family: arial,helvetica,sans-serif;
    font-size:11px;
    color:#008544;
    text-decoration:none;
}

#footer a:hover
{
    font-family: arial,helvetica,sans-serif;
    font-size:11px;
    color:#008544;
    text-decoration:underline;
}

#footer_left
{
    width:200px;
    height:30px;
    float:left;
}

#footer_right
{
    width:750px;
    height:30px;
    text-align: right;
    float:right;
}

#maincontent
{
    width:930px;
    height:auto;
    padding:35px;
    padding-bottom:50px;
    border-bottom:solid 4px #008544;
    text-align:left;
}







/* Classes  */


.subhead_green
{
	font-family:arial,helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#008544;
}

.subhead_red
{
	font-family:arial,helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#fe0a00;
}

.subhead_black
{
	font-family:arial,helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000000;
}

.head_green
{
	font-family:arial,helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#008544;
        padding-top:20px;
        padding-bottom:20px;
}

.head_red
{
	font-family:arial,helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#fe0a00;
        padding-top:20px;
        padding-bottom:20px;
}

.topnav_item
{
    width:auto;
    height:23px;
    margin-top:7px;
    padding-right:25px;
    color:#ffffff;
    float:left;
}

.topnav_item_on
{
    width:auto;
    height:23px;
    margin-top:7px;
    padding-right:25px;
    color:#c9fb08;
    font-weight:bold;
    float:left;
}

.topnav_item a:link
{
    color:#ffffff;
    text-decoration:none;
}

.topnav_item a:active
{
    color:#ffffff;
    text-decoration:none;
}

.topnav_item a:visited
{
    color:#ffffff;
    text-decoration:none;
}

.topnav_item a:hover
{
    color:#d1f835;
    text-decoration:underline;
}

.topnav_item_on a:link
{
    color:#c9fb08;
    font-weight:bold;
    text-decoration:none;
}

.topnav_item_on a:active
{
    color:#c9fb08;
    font-weight:bold;
    text-decoration:none;
}

.topnav_item_on a:visited
{
    color:#c9fb08;
    font-weight:bold;
    text-decoration:none;
}

.topnav_item_on a:hover
{
    color:#c9fb08;
    font-weight:bold;
    text-decoration:underline;
}

.hp_callout_link
{
    width:243px;
    height:107px;
    padding:10px;
    margin:5px;
    margin-left:0px;
    background-color: #ccf2e3;
    text-align:left;
    cursor:pointer;
    float:left;
}

.hp_callout_link_title
{
    width:243px;
    height:25px;
    margin-bottom:7px;
    font-family: arial,helvetica,sans-serif;
    font-size:16px;
    font-weight:bold;
    color: #008544;
}

.hp_callout_link_text
{
    width:243px;
    height:70px;
    font-family: arial,helvetica,sans-serif;
    font-size:13px;
    color: #000000;
}

.hp_register_area
{
    width:166px;
    height:127px;
    padding:0px;
    margin:5px;
    margin-left:0px;
    margin-right:0px;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    float:left;
}

.hp_register_area_text
{
    width:166px;
    height:79px;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    color:#000000;
}

.hp_register_area_btn
{
    width:159px;
    height:48px;
}

.pictholder1_hp
{
    width:537px;
    height:330px;
    margin-right:10px;
    float:left;
}

.pictholder2_hp
{
    width:402px;
    height:330px;    
    float:left;
}

.content_title
{
    width:800px;
    height:25px;
    font-family: arial,helvetica,sans-serif;
    font-size:14px;
    color:#008544;
    font-weight:bold;
    /*border:solid 1px #008544;*/
}

.content_text
{
    width:900px;
    height:auto;
    font-family: arial,helvetica,sans-serif;
    font-size:12px;
    color:#000000;
    font-weight:normal;
    /*border:solid 1px #008544;*/
}

.content_text_full
{
    width:930px;
    height:auto;
    font-family: arial,helvetica,sans-serif;
    font-size:12px;
    color:#000000;
    font-weight:normal;
}

.content_text_left
{
    width:510px;
    height:auto;
    float:left;
}

.content_text_right
{
    width:400px;
    height:auto;
    float:right;
}

.icon_brand
{
    width:170px;
    height:auto;
    margin-top:10px;
    margin-bottom:10px;
    /*border:solid 1px #000fff;*/
}

.form_left
{
    width:250px;
    height:auto;
    float:left;
}

.form_right
{
    width:250px;
    height:auto;
    float:left;
}

.form_full
{
    width:500px;
    height:auto;
}

.form_full_container
{
    width:600px;
    height:auto;
    padding:10px;
    border:solid 1px #008544;
}

.mess_text
{
    width:700px;
    height:auto;
    margin-bottom:20px;
    font-family: arial,helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#f71d2d;
}

.profile_overview
{
    width:500px;
    height:auto;
    padding:15px;
    border:solid 1px #999999;
    background-color:#ebe8e8;
}

.attention_text
{
    font-family: arial,helvetica,sans-serif;
    font-weight:normal;
    color:#fe0a00;
}

.grid_entry
{
    width:170px;
    height:auto;
    margin-right:10px;
    text-align:center;
    float:left;
    /*border:solid 1px #000fff;*/
}

.redeem_left
{
    width:400px;
    height:auto;
    text-align:left;
    float:left;
    /*border:solid 1px #000fff;*/
}

.redeem_right
{
    width:500px;
    height:auto;
    text-align:left;
    float:right;
    /*border:solid 1px #000fff;*/
}

.print_content
{
    width:800px;
    height:300px;
    margin:20px;
}

.coupon_cover
{
    width:400px;
    height:194px;
    background-color:#000ccc;
    /*border:solid 1px #f7ae00;*/
}

.coupon_id
{
    width:393px;
    height:15px;
    text-align: right;
    padding-right:5px;
    border-left:solid 1px #000000;
    border-right:solid 1px #000000;
    border-bottom:solid 1px #000000;
}



/*  Clear  */

.clear
{
    clear:both;
}

.clear5
{
    width:5px;
    height:5px;
    clear:both;
}

.clear10
{
    width:10px;
    height:10px;
    clear:both;
}

.clear20
{
    width:20px;
    height:20px;
    clear:both;
}

.clear50
{
    width:20px;
    height:50px;
    clear:both;
}

@media print
{
    body
    { 
        margin:0px;
        margin-top:30px;
        padding:0px;
        background-color: #ffffff;
    }
    .b_print
    {
        display:none;
    }
    .coupon_cover
    {
        width:400px;
        height:194px;
        background-color:#000ccc;
        /*border:solid 1px #f7ae00;*/
    }

    .coupon_id
    {
        width:393px;
        height:15px;
        text-align: right;
        padding-right:5px;
        border-left:solid 1px #000000;
        border-right:solid 1px #000000;
        border-bottom:solid 1px #000000;
    }
}