@charset "utf-8";
/* CSS Document */

body
{
    margin: 0 auto;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}


#wrap
{
    width: 508px;
}

#wrap1
{
    width: 813px;
}

.add
{
    background-color: #fff7f1;
    border: 1px solid #bd977c;
    height: 37px;
    color: #000000;
}

    .add h3
    {
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin: 10px 0 0 15px;
        width: 200px;
    }

.filed
{
    float: right;
    padding-right: 10px;
    margin-top: -15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#content
{
    border-bottom: 1px solid #bd977c;
    border-left: 1px solid #bd977c;
    border-right: 1px solid #bd977c;
    padding: 10px 0 19px 10px;
    font-size: 12px;
}


    #content .name
    {
        width: 250px;
        border: 1px solid #efd0ba;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        padding: 2px;
    }

.address
{
	/*
    width: 250px;
    border: 1px solid #efd0ba;
    height: 100px;*/
}

.bdr
{
    border: 1px solid #bd977c;
}

.telephone
{
    width: 252px;
    border: 1px solid #efd0ba;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px;
}

.link
{
    width: 205px;
    border: 1px solid #efd0ba;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px;
}

.btn
{
    padding-left: 140px;
    padding-top: 8px;
}

.lable
{
    color: #000000;
    float: left;
    font-size: 12px;
    text-align: right;
    width: 129px;
    padding: 0 10px 0 0;
}

.field
{
    float: left;
    width: 250px;
    padding: 0 0 10px 0;
}

    .field .name
    {
        border: 1px solid #bd977c;
        width: 250px;
    }

.dist
{
    text-align: right;
}

.postcode
{
    border: 1px solid #efd0ba;
    width: 115px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px;
}

.plus
{
    padding: 10px 0 0 15px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

    .plus a
    {
        color: #000000;
        text-decoration: underline;
    }

        .plus a:hover
        {
            color: #000000;
            text-decoration: none;
        }

.list
{
    background: url(../images/bg.jpg) repeat-x;
    height: 41px;
    margin-top: 2px;
}

.menu
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0 0 0 10px;
    border-right: 1px solid #efd0ba;
    color: #000000;
}

.menu1
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0 0 0 0;
    color: #000000;
}

.john
{
    font-size: 11px;
    padding: 0 0 0 10px;
    padding-top: 10px;
    color: #444444;
}

.post
{
    font-size: 11px;
    padding-top: 10px;
    color: #444444;
}

.padt10
{
    padding-top: 10px;
}

.padl5
{
    padding-left: 5px;
}

.padl2
{
    padding-left: 2px;
}

.padr2
{
    padding-right: 2px;
}

.line
{
    background-color: #efd0ba;
    padding: 0;
    margin: 0;
}

.bdrr
{
    border-right: 1px solid #efd0ba;
}


.bdrl
{
    border-left: 1px solid #efd0ba;
}

.bdrb
{
    border-bottom: 1px solid #efd0ba;
}

.arrow
{
    float: right;
    padding: 10px 0 0 0;
    font-size: 11px;
}

.valign
{
    margin-top: 10px;
}

    .valign span
    {
        font-size: 11px;
        padding: 5px 8px 0 8px;
        color: #444444;
    }

    .valign img
    {
        float: right;
        vertical-align: middle;
    }

.valign1 span
{
    font-size: 11px;
    float: right;
    color: #9b9b9b;
    padding: 5px 4px 0 4px;
}

.valign1 img
{
    float: right;
    vertical-align: middle;
    padding: 0 7px 0 7px;
}

#map
{
    padding: 0px;
    float: left;
}

.left_content
{
    float: left;
    /*width: 280px !important;*/
    padding: 0px;
}
.left_content .field1
{ width:100%; padding-bottom:15px;
}
.left_content .field1 label
{ float:left; width:90%; margin: 5px 0 0;
}
.left_content .field1 input, .left_content .field1 select
{ margin-bottom:0px;
}
.left_content .field1 .note
{color: #999999; font-size: 11px; margin:5px 0px 5px 0;
}
.left_content .bg_line
{ width:100%;
}
.left_content .search{width:284px; border:1px solid #BFBFBF; font-size:13px; color:#9b9b9b; padding:3px;}
.left_content .search1, .left_content .search_black{border:1px solid #BFBFBF; font-size:13px; color:#9b9b9b; width:272px; padding:5px;}
.left_content .field1 .buttons{ margin-top:10px; }
.left_content .field1 .buttons input{background:#FE0000; padding:7px 17px; border:0px; color:#fff; text-transform:uppercase; font: bold 13px arial; margin:0 5px 0 0;}
.left_content .norbar { float:none;}
.left_content .norbar h4 { margin-bottom:5px;}
.field1
{
    float: left;
    width: 272px;
    padding: 0 0 8px 0;
}

.search
{
    width: 272px;
    border: 1px solid #d3e2e9;
    font-size: 11px;
}

.search1
{
    width: 272px;
    border: 1px solid #d3e2e9;
    font-size: 11px;
    color: #BF0F19;
    /* color:#9b9b9b; */
    padding: 2px;
}

.search_black
{
    width: 272px;
    border: 1px solid #d3e2e9;
    font-size: 11px;
    color: #BF0F19;
    /* color:#000; */
    padding: 2px;
}

.bg_line
{
    background: url(../images/line.jpg) repeat-x;
    height: 2px;
    width: 272px;
    float: left;
}

.norbar
{
    margin: 0;
    padding: 0;
    float: left;
}


    .norbar h4
    {
        font-size: 13px;
        color: #d12435;
        margin: 0 0 0 0;
        padding: 0;
    }

    .norbar p
    {
        font-size: 11px;
        color: #9b9b9b;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        line-height: 15px;
    }

a:link.dgrn
{
    color: #9b9b9b;
    text-decoration: underline;
}

a:active.dgrn
{
    color: #9b9b9b;
    text-decoration: underline;
}

a:visited.dgrn
{
    color: #9b9b9b;
    text-decoration: underline;
}

a:hover.dgrn
{
    color: #9b9b9b;
    text-decoration: none;
}


a:link.dgrn1
{
    color: #444444;
    text-decoration: underline;
}

a:active.dgrn1
{
    color: #444444;
    text-decoration: underline;
}

a:visited.dgrn1
{
    color: #444444;
    text-decoration: underline;
}

a:hover.dgrn1
{
    color: #444444;
    text-decoration: none;
}

.plus1
{
    padding: 10px 0 3px 10px;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}

#GoogleMap_Div_Container #GoogleMap_Div
{ width:100% !important;
}

/* iPads (portrait) ----------- */
@media only screen
and (min-width : 767px)
and (max-width : 768px) and (orientation : portrait){
	.left_content .field1 label { width:90%; }
    .left_content .field1 .note, .left_content .field1 .buttons { margin-left:0px; }
    
}

/* iPads (landscape) ----------- */
@media only screen
and (min-width : 1024px)
and (max-width : 1024px) and (orientation : landscape){
    
	.left_content .field1 label { width:90%; }
    .left_content .field1 .note, .left_content .field1 .buttons { margin-left:0px; }
}


/* small tab (portrait)----------- */
@media only screen
and (max-width : 600px) and (orientation : portrait){
	.left_content .field1 label { width:90%; }
    .left_content .field1 .note, .left_content .field1 .buttons { margin-left:0px; }

}
/* small tab (landscape)----------- */
@media only screen
and (min-width : 600px) and (max-width : 800px) and (orientation : landscape){
	.left_content .field1 label { width:90%; }
    .left_content .field1 .note, .left_content .field1 .buttons { margin-left:0px; }
}

/* iPhone 5 (portrait)----------- */
@media only screen
and (min-width : 320px)
and (max-width : 568px)
and (orientation : portrait) {
	.left_content .field1 label { width:90%; }
    .left_content .field1 .note, .left_content .field1 .buttons { margin-left:0px; }
}

/* iPhone 5 (landscape)----------- */
@media only screen
and (min-width : 320px)
and (max-width : 568px)
and (orientation : landscape) {
.left_content .field1 label { width:90%; }
    .left_content .field1 .note, .left_content .field1 .buttons { margin-left:0px; }
}
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px)
and (orientation : landscape) {
	.left_content .field1 label { width:90%; }
    .left_content .field1 .note, .left_content .field1 .buttons { margin-left:0px; }
}