/* START: LAYOUT: For all layouts */

* {
        margin: 0;
        padding: 0;
}

html, body {
        height: 100%;
}

body {
        font-size: 90%;
        font-weight: normal;
        line-height: 100%;
        color: #000000;
        background: #ffffcc;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

#main {
        min-height: 100%;
        height: 100%;
        margin-bottom: -80px;
        width: 100%;
}

/*for mozilla as IE treats height as min-height anyway*/
html>body #main {
        height: auto;
}

#bottom {
        position: relative;
        height: 80px;
}

#clearfooter {
        height:80px;
}

/* END: LAYOUT */

/* START: BASICS: Standard presentation */

a:link {
        color: #72584E;
}

a:visited {
        color: #72584E;
}

a:active {
        color: #72584E;
}

a:hover {
        color: #72584E;
}


#header {
        padding: 8px 8px 0 8px;
}

#header #breadcrumb {
        padding: 0;
        margin: 0 88px 0 0;
}

#header #breadcrumb h1 {
        display: inline;
        font-size: 95%;
        font-weight: bold;
}

#header #logo {
        float: right;
        width: 80px;
        height: 88px;
        padding: 0;
        margin: 0;
}

#content {
        clear: both;
        padding: 0 8px 8px 8px;
        margin: 0 88px 0 8px;
}

#footer {
        padding: 36px 8px 0 8px;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#footer p {
        font-size: 75%;
}

#footer #links a {
        font-size: 70%;
        font-weight: bold;
}

/* END: BASICS */


/* START: STANDARD CONTENT STYLES */

img {
        border: 0;
}

fieldset {
        border: 0;
}

#content p {
        text-align: justify;
        font-size: 80%;
        padding: 0 0 1em 0;
}

#content h2 {
        font-size: 90%;
        font-weight: bold;
        color: #009933;
        margin: 1em 0 0 0;
}

#content h3 {
        font-size: 85%;
        font-weight: bold;
        color: #CC9900;
        margin: 1em 0 0 0;
}

#content ul {
        margin: 0 0 1em 24px;
}

#content ul li {
        font-size: 80%;
}

#content ol {
        margin: 0 0 1em 24px;
}

#content ol li {
        font-size: 80%;
}

/* START: STANDARD FORM STYLES */

#content .box_standard {
        float: left;
        width: 600px;
}

#content .box_narrow {
        float: left;
        width: 400px;
}

#content .box_wide {
        float: left;
        width: 700px;
}

#content .box_wider {
        float: left;
        width: 750px;
}

#content .clearer {
        clear: both;
}

#content .rounded_box {
        width: 100%;
}

#content .rounded_box .tl {
        display: inline;
        float: left;
        width: 10px;
        height: 10px;
        background-image: url(/common/images/box-top-left.gif);
        background-repeat: no-repeat;
        background-position: top;
        font-size: 1px;
}

#content .rounded_box .tr {
        position: relative;
        left: 20px;
        float: right;
        width: 10px;
        height: 10px;
        margin: 0;
        background-image: url(/common/images/box-top-right.gif);
        background-repeat: no-repeat;
        background-position: top;
        font-size: 1px;
}

#content .rounded_box .t {
        background: #ffffff;
        margin: 0 -10px 0 10px;
        padding: 0;
        border-top: 1px;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        border-style: solid;
        border-color: #99CC66;
        font-size: 1px;
}

#content .rounded_box .t .sp {
        position: relative;
        height: 9px;
        margin: 0;
        padding: 0;
}

#content .rounded_box .body {
        width: 100%;
        background: #ffffff;
        padding: 0 9px 0 9px;
        margin: 0;
        border-top: 0;
        border-bottom: 0;
        border-left: 1px;
        border-right: 1px;
        border-style: solid;
        border-color: #99CC66;
}

#content .rounded_box .b {
        background: #ffffff;
        margin: 0 -10px 0 10px;
        border-top: 0;
        border-bottom: 1px;
        border-left: 0;
        border-right: 0;
        border-style: solid;
        border-color: #99CC66;
        font-size: 0px;
}

#content .rounded_box .b .sp {
        position: relative;
        height: 9px;
}

#content .rounded_box .bl {
        float: left;
        width: 10px;
        height: 10px;
        background-image: url(/common/images/box-bottom-left.gif);
        background-repeat: no-repeat;
        background-position: top;
}

#content .rounded_box .br {
        position: relative;
        left: 20px;
        float: right;
        width: 10px;
        height: 10px;
        background-image: url(/common/images/box-bottom-right.gif);
        background-repeat: no-repeat;
        background-position: top;
}

fieldset.buttonarea button.submit {
        border: 0;
        padding: 0 0 0 0;
        margin: 0;
        height: 22px;
        font-size: 11px;
        line-height: 11px;
        font-weight: bold;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFCC;
        text-align: center;
        vertical-align: middle;
        width: 122px;
        background-color: transparent;
        background-image: url(/common/images/but_green_122.gif);
        background-repeat: no-repeat;
        background-position: top;
}

fieldset.buttonarea button.submit_wide {
        border: 0;
        padding: 0 0 0 0;
        margin: 0;
        height: 22px;
        font-size: 11px;
        line-height: 11px;
        font-weight: bold;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFCC;
        text-align: center;
        width: 160px;
        background-color: transparent;
        background-image: url(/common/images/but_green_160.gif);
        background-repeat: no-repeat;
        background-position: top;
}

fieldset.buttonarea .buttontext{
        vertical-align: 3px;
}

.body fieldset.buttonarea {
        margin-top: 20px;
        padding-bottom: 10px;
        text-align: center;
}

.body fieldset.fieldarea {
        padding: 0 0 0 0;
        margin: 0;
        clear: both;
}

fieldset.fieldarea .field-normal {
        clear: left;
        width: 100%;
        margin: 0;
        border: 0;
        padding: 10px 0 0 0;
}

fieldset.fieldarea .field-normal label {
        font-size: 80%;
        margin: 0 0 0 40px;
}

.box_standard fieldset.fieldarea .field-normal label {
        float: left;
        width: 250px;
}

.box_standard fieldset.fieldarea .field-normal .text-normal {
        float: left;
        width: 250px;
}

.box_standard fieldset.fieldarea .field-normal .text-short {
        float: left;
        width: 150px;
}

.box_narrow fieldset.fieldarea .field-normal label {
        float: left;
        width: 150px;
}

.box_narrow fieldset.fieldarea .field-normal .text-normal {
        float: left;
        width: 150px;
}

.box_narrow fieldset.fieldarea .field-normal .text-short {
        float: left;
        width: 120px;
}

.box_narrow fieldset.buttonarea .button-normal {
}

/* END: STANDARD FORM STYLES */

#content .outlined_box {
        padding: 0;
        margin: 0;
}

#content .outlined_box h2 {
        background-repeat: no-repeat;
        background-position: top;
        padding: 2px 0 0 0;
        margin: 0;
        height: 19px;
        text-align: center;
        vertical-align: top;
        font-size: 80%;
        color: #006666;
}

#content .outlined_box h2 .new {
        color: #ff0000;
        font-size: 70%;
}

#content .outlined_box h2 a {
}

#content .outlined_box .content {
        border: 1px solid #99CC66;
        padding: 4px 2px 4px 12px;
        margin: 0 0 12px 0;
}

#content .outlined_box .content ul {
        list-style: none;
        margin: 0;
}

#content .outlined_box .content ul li {
        float: left;
        width: 20%;
        font-size: 70%;
        line-height: 130%;
}

#content .outlined_box .content li a {
        float: none;
        text-decoration: none;
}

#content .outlined_box .content li a:link {
        color: #333333;
}

#content .outlined_box .content li a:visited {
        color: #333333;
}

#content .outlined_box .content li a:active {
        color: #009900;
}

#content .outlined_box .content li a:hover {
        color: #006600;
        background: #EBF3BC;
}

#content .form_error {
        color: #FF6600;
        font-weight: bold;
}

#content .standard_button {
        padding: 0 6px 0 6px;
}

#horizontalbuttonbar {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        margin: 0 0 16px 0;
}

#horizontalbuttonbar a {
        font-size: 70%;
        font-weight: bold;
}

#horizontalbuttonbar .new {
        font-size: 70%;
        font-weight: bold;
        color: #ff0000;
}

#horizontalbuttonbar .button_normal {
        float: left;
        font-size: 11px;
        font-weight: bold;
        color: #FFFFCC;
        text-align: center;
        text-decoration: none;
        padding: 0;
        margin: 0 12px 0 0;
        height: 22px;
        line-height: 21px;
        width: 122px;
        background-image: url(/common/images/but_green_122.gif);
        background-repeat: no-repeat;
        background-position: center;
}

#content .table_data {
        margin: 12px 0 12px 0;
}

#content .table_data th {
        background-color: #52b252;
        color: #FFF8E0;
        font-size: 70%;
        padding: 0 12px 0 12px;
}

#content .table_data td {
        font-size: 70%;
        padding: 0 12px 0 12px;
}

#content .note {
        font-size: 55%;
}

#content #postcontentlinks {
        margin: 5em 0 0 0;
}

#content #postcontentlinks p {
        color: #000000;
}

/* END: STANDARD CONTENT STYLES */

/* START: OTHER_GUMTREES: Specifics for the Other Gumtrees page */

#other_gumtrees {
        width: 500px;
}

#other_gumtrees #col1 {
        width: 50%;
        float: left;
}

#other_gumtrees #col2 {
        width: 50%;
        float: left;
}

#other_gumtrees ul {
        list-style: none;
        margin: 0;
}

#other_gumtrees li {
        font-size: 85%;
}

#other_gumtrees li a {
        font-weight: bold;
}

#other_gumtrees .new {
        color: #FF0000;
        font-size: 70%;
        font-weight: bold;
}

#other_kijiji {
        padding: 2em 0 0 0;
        clear: both;
        font-size: 75%;
}

/* END: OTHER_GUMTREES */

/* START: ADD_POSTING: Specifics for the Add Posting flow and form pages */

#add_posting .warning {
        margin-top: 0.5em;
        color: #ff0000;
        font-weight: bold;
        font-size: 55%;
}

#add_posting .category_list {
        list-style: none;
        margin: 0 0 2em 0;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#add_posting .category_list li {
        font-size: 70%;
        margin: 2em 0 0 0;
}

#add_posting .category_list li h2 {
        font-size: 125%;
        margin: 2.5em 0 1em 0;
}

#add_posting .category_list a {
        font-size: 100%;
        font-weight: bold;
}

#add_posting .category_list h3 {
        padding: 1em 0 1.5em 0;
        font-size: 110%;
        color: #009933;
}

.feature_box .title {
        background-image: url(/common/images/outline_box_heading_630.gif);
        background-repeat: no-repeat;
        background-position: top;
        padding: 2px 0 0 0;
        margin: 12px 0 0 0;
        height: 19px;
        width: 630px;
        text-align: center;
        vertical-align: top;
        font-size: 80%;
        font-weight: bold;
        color: #006666;
}

.feature_box .box {
        border: 1px solid #99CC66;
        width: 620px;
        padding: 4px 4px 12px 4px;
}

.feature_box .box table {
        width: 100%;
        margin: 4px 0 8px 0;
}

.feature_box .box td {
        font-size: 75%;
        padding: 1px 3px 1px 3px;
}

.feature_box .box th {
        background: #E8E8A8;
        font-size: 75%;
        text-align: left;
        font-weight: bold;
        padding: 1px 3px 1px 3px;
}

.feature_box .box th.price {
        text-align: right;
}

.feature_box .box .price {
        text-align: right;
}

.feature_box .box .total {
        background: #E8E8A8;
        font-weight: bold;
}

.feature_box .box .clearer {
        clear: both;
}

.payment_method {
        clear: both;
        width: 100%;
        height: 75px;
}

.payment_method hr {
        height: 1px;
        border: none 0;
        border-top: 1px solid #99CC66;
}

.payment_method fieldset.field_area {
        float: left;
        width: 420px;
        text-align: right;
        position: relative;
}

#content .payment_method fieldset.field_area h2 {
        font-size: 80%;
        color: #006600;
        font-weight: bold;
        padding: 4px 0 0 0;
        margin: 0;
        text-align: left;
}

#content .payment_method fieldset.field_area p {
        text-align: right;
}

#content .payment_method fieldset.field_area p.error {
        padding: 0;
        color: #ff0000;
}

#content .payment_method fieldset.field_area label {
        font-size: 80%;
        float: right;
        clear: both;
        width: 420px;
        padding-bottom: 6px;
        position: relative;
}

.payment_method fieldset.button_area {
        float: left;
        width: 200px;
        height: 61px;
        padding: 39px 0 0 0;
        text-align: center;
        vertical-align: top;
}

.payment_method fieldset.button_area .submit {
        border: 0;
        padding: 0;
        margin: 0;
        height: 22px;
        font-size: 11px;
        font-weight: bold;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFCC;
        text-align: center;
        vertical-align: middle;
        width: 160px;
        background-image: url(/common/images/but_green_160.gif);
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: top;
}

/* END: ADD_POSTING */


/* START: REPORT AN AD */

#reportanad fieldset.fieldarea {
        padding: 0.5em 0 0 2em;
}

#reportanad label {
        float: left;
        width: 14em;
        vertical-align: baseline;
}

#reportanad fieldset.fieldarea input {
        vertical-align: middle;
}

#reportanad fieldset.fieldarea p {
        vertical-align: baseline;
}

#reportanad fieldset.fieldarea p .note {
        font-size: 85%;
        vertical-align: bottom;
}

#reportanad fieldset.buttonarea {
        padding: 1em 0 0 0;
}

#reportanad fieldset.buttonarea button.submit {
        border: 0;
        padding: 0 0 0 0;
        margin: 0;
        height: 22px;
        font-size: 11px;
        line-height: 11px;
        font-weight: bold;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFCC;
        text-align: center;
        width: 122px;
        background-image: url(/common/images/but_green_122.gif);
        background-repeat: no-repeat;
        background-position: top;
}

/* IE-only hack to bring label up one pixel */
*html #reportanad fieldset.buttonarea button.submit {
        padding: 0 0 2px 0;
}

#reportanad fieldset.buttonarea button.submit .buttontext{
        vertical-align: 3px;
}

/* END: REPORT AN AD */

/* START: HELP AND FAQ */

#content .help_item h2 {
        padding:3px;
        color: #006600;
        font-weight: bold;
        font-size: 12px;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        text-align: center;
}

#content .help_item h2.help_faq_title {
        width:624px;
        background-image: url(http://www.gumtree.com/images/titlebar_long.gif);
        background-repeat: no-repeat;
        background-position: top;
}

#content .help_item h2.help_summary_title {
        width:600px;
}

#content .help_item .help_faq_content {
        width:612px;
        border: 1px solid #99CC66;
        padding: 8px;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin-bottom:20px;
}

#content .help_item .help_summary_content {
        width:612px;
        border: 0px;
        padding: 8px;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin-bottom:20px;
}

#content .help_page h1 {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        margin-bottom:20px;

}

#content .help_faq_content ul, #content .help_summary_content ul {
        margin:5px;
        margin-left:15px;
        padding:0px;
}
#content .help_faq_content ul li, #content .help_summary_content ul li {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}
.help_page {
        width:640px;
}

.help_page_summary {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin:0px;
        margin-bottom:10px;
        padding:0px;
        padding-bottom:10px;
}

.help_item {
        margin:0px;
        margin-top:30px;
        clear:both;
}

ul.help_summary_list, ul.help_summary_list li, ul.help_faq_list, ul.help_faq_list {
        margin:0px;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #ff9900;
        padding-top:3px;
}
ul.help_faq_list, ul.help_faq_list {
        font-size: 14px;
}

div.help_summary_list, div.help_faq_list {
        float:left;
        width:280px;
        padding:10px;
        padding-left:10px;
        padding-top:0px;
        margin:20px;
        margin-left:0px;
        margin-top:0px;
}
div.help_summary_list {
}
div.help_summary_list .rounded_box, div.help_faq_list .rounded_box {
        padding-bottom:5px;
}
div.help_summary_list .body, div.help_faq_list .body {
        padding:0px;
        border:1px solid black;
}
#content .help_summary_list .rounded_box .body, #content .help_faq_list .rounded_box .body {
        border-bottom: 1px solid #ffffff;
        border-top: 0px solid #ffffff;
}
/* END: HELP AND FAQ */