/*==================================================================
                        [ Master Stylesheet ]

    > Project:	High Street - Print (2013)
    > Assigned to:	Hugo Miranda  (HM)
===================================================================*/

/*==================================================================
                        [ Table of contents ]

    0) Reset
    1) Body
    2) dBody
        2.1) dContent

        2.2) dSubFooter
            2.2.1) dCopyright
            2.2.2) dPowered

    3) General CSS
    
    4) Typography
    
    5) Links

    6) Webkit PRO Controls
        6.1) Property Print

    7) Control Error
        7.1) General Error
        7.2) Timeout Error
    
===================================================================*/

/*==================================================================
    0) Reset
===================================================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time,
mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

table { border-collapse:collapse; border-spacing: 0; }

:focus { outline: 0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }

.fClear { clear:both; }
.fLeft { float:left; }
.fRight { float:right; }

body { line-height:1.1; }

.aCenter { text-align:center; }
.aRight { text-align:right; }
.aLeft { text-align:left; }

.hidden { display:none; }


/*==================================================================
    1) Body
===================================================================*/

body { font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333; margin:0px; padding:0px; background:#FFF none; border:0px; overflow-y:scroll; }


/*==================================================================
    2) dBody
===================================================================*/

#dBody { height:100%; min-height:785px; margin:0px auto; width:655px; }


/*==================================================================
    2.1) dContent
===================================================================*/

#dBody #dContent { height:100%; min-height:520px; }


/*==================================================================
    2.2) dSubFooter
===================================================================*/

#dBody #dSubFooter { border-top:1px solid #151515; min-height:30px; padding:10px 0px 0px; }


/*==================================================================
    2.2.1) dCopyright
===================================================================*/

#dBody #dSubFooter #dCopyright { float:left; height:100%; text-align:left; width:340px; }


/*==================================================================
    2.2.2) dPowered
===================================================================*/

#dBody #dSubFooter #dPowered { float:right; height:100%; text-align:right; width:315px; }


/*==================================================================
    3) General CSS
===================================================================*/




/*==================================================================
    4) Typography
===================================================================*/

h1 { display:block; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:26px; font-weight:bold; color:#690023; }

h3 { font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; color:#333; padding:10px 0px; }

.footer { font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#333; line-height:20px; }


/*==================================================================
    5) Links
===================================================================*/

a { font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333; text-decoration:none; }
a:hover { color:#7BB646; text-decoration:underline; }

.footer a { font-size:10px; font-weight:bold; }
.footer a:hover { color:#333; }


/*==================================================================
    6) Webkit PRO Controls
===================================================================*/

/*==================================================================
    6.1) Property Print
===================================================================*/

.propertyPrint { margin:35px 0px 0px; position:relative; }

.propertyPrint h3 { font-size:18px; font-weight:bold; color:#690023; padding:0px; text-transform:none; }


        /* [ GROUP DATE ] */

.propertyPrint .property #groupDate { display:none; }


        /* [ GROUP AGENCY ] */

.propertyPrint .property #groupAgency { position:relative; }

.propertyPrint .property #groupAgency .agencyPreview p { display:block; margin:0px 0px 5px; }
.propertyPrint .property #groupAgency .agencyPreview p label { display:inline-block; font-size:11px; color:#690023; vertical-align:top; }

.propertyPrint .property #groupAgency .agencyPreview p span,
.propertyPrint .property #groupAgency .agencyPreview p a { font-size:11px; vertical-align:top; }

.propertyPrint .property #groupAgency .agencyPreview .commercialName { position:absolute; top:0px; left:155px; }
.propertyPrint .property #groupAgency .agencyPreview .commercialName h3 { font-size:14px; padding:0px 0px 5px; overflow:hidden; width:490px; }

            /* [ PHOTO ] */

.propertyPrint .property #groupAgency .agencyPreview .logo { display:table; float:left; height:120px; margin:0px 15px 0px 0px; text-align:center; width:140px; }
.propertyPrint .property #groupAgency .agencyPreview .logo .logoWrapper { display:table-cell; vertical-align:middle; }
.propertyPrint .property #groupAgency .agencyPreview .logo .logoWrapper img { max-height:105px; max-width:140px; overflow:hidden; z-index:10; }


            /* [ DETAILS ] */

.propertyPrint .property #groupAgency .agencyPreview p.ami { padding:25px 0px 0px; }

.propertyPrint .property #groupAgency .agencyPreview p.address { display:block; margin:5px 0px 10px; }
.propertyPrint .property #groupAgency .agencyPreview p.address span { display:inline-block; line-height:15px; width:260px; }

.propertyPrint .property #groupAgency .agencyPreview p.ami,
.propertyPrint .property #groupAgency .agencyPreview p.apemip { display:inline-block; width:80px; }

.propertyPrint .property #groupAgency .agencyPreview p.phone { display:block; width:100%; }

.propertyPrint .property #groupAgency .agencyPreview p.email,
.propertyPrint .property #groupAgency .agencyPreview p.website { display:inline-block; margin:0px 15px 0px 0px; }

.propertyPrint .property #groupAgency .agencyPreview p.address label,
.propertyPrint .property #groupAgency .agencyPreview p.phone label,
.propertyPrint .property #groupAgency .agencyPreview p.email label { width:50px; }


    /* [ HIDDEN FIELDS ] */

.propertyPrint .property #groupAgency > h3,
.propertyPrint .property #groupAgency .agencyPreview .socialName,
.propertyPrint .property #groupAgency .agencyPreview p.fax,
.propertyPrint .property #groupAgency .agencyPreview p.actions { display:none; }


        /* [ GROUP MAIN INFO ] */

.propertyPrint .property #groupMainInfo { margin:30px 0px 0px; }

.propertyPrint .property #groupMainInfo .propertyTitle { margin:0px 0px 15px; }


            /* [ PHOTO ] */

.propertyPrint .property #groupMainInfo .pictures { height:236px; }

.propertyPrint .property #groupMainInfo .pictures .mainPhoto { border:1px solid #CCC; display:table; float:left; height:224px; margin:0px 0px -5px; padding:3px; text-align:center; width:298px; }
.propertyPrint .property #groupMainInfo .pictures .mainPhoto .mainPhotoWrapper { display:table-cell; vertical-align:middle; }
.propertyPrint .property #groupMainInfo .pictures .mainPhoto .mainPhotoWrapper img { max-height:224px; max-width:298px; overflow:hidden; z-index:10; }


            /* [ THUMBNAILS ] */

.propertyPrint .property #groupMainInfo .pictures .thumbnails { float:right; width:345px; }

.propertyPrint .property #groupMainInfo .pictures .thumbnails .photo { border:1px solid #CCC; float:left; display:table; height:105px; margin:0px 9px 6px 0px; padding:3px; text-align:center; width:140px; }
.propertyPrint .property #groupMainInfo .pictures .thumbnails .photo .photoWrapper { display:table-cell; vertical-align:middle; }
.propertyPrint .property #groupMainInfo .pictures .thumbnails .photo .photoWrapper img { max-height:105px; max-width:140px; overflow:hidden; z-index:10; }


            /* [ DETAILS ] */

.propertyPrint .property #groupMainInfo .details { clear:both; padding:5px 0px; }

.propertyPrint .property #groupMainInfo .details div { display:inline-block; vertical-align:top; width:180px; }
.propertyPrint .property #groupMainInfo .details div.first { margin:0px 0px 0px 5px; }

.propertyPrint .property #groupMainInfo .details div.third { width:270px; }

.propertyPrint .property #groupMainInfo .details div p { line-height:22px; }
.propertyPrint .property #groupMainInfo .details div p label { display:inline-block; font-size:11px; color:#690023; width:115px; }
.propertyPrint .property #groupMainInfo .details div p span { font-size:11px; }

.propertyPrint .property #groupMainInfo .details div.first p label,
.propertyPrint .property #groupMainInfo .details div.second p label { width:65px; }


    /* [ HIDDEN FIELDS ] */

.propertyPrint .property #groupMainInfo .details h3,
.propertyPrint .property #groupMainInfo .details p.location,
.propertyPrint .property #groupMainInfo .details p.type,
.propertyPrint .property #groupMainInfo .details p.tipology,
.propertyPrint .property #groupMainInfo .details p.country,
.propertyPrint .property #groupMainInfo .details p.district,
.propertyPrint .property #groupMainInfo .details p.county,
.propertyPrint .property #groupMainInfo .details p.parish,
.propertyPrint .property #groupMainInfo .details p.zone,
.propertyPrint .property #groupMainInfo .details p.beds,
.propertyPrint .property #groupMainInfo .details p.baths,
.propertyPrint .property #groupMainInfo .details p.garages { display:none; }



        /* [ GROUP DESCRIPTION ] */

.propertyPrint .property #groupDescription { margin:30px 0px 0px; }
.propertyPrint .property #groupDescription .description { font-size:11px; line-height:20px; margin:5px 0px 0px; text-align:justify; }


        /* [ GROUP FEATURES ] */

.propertyPrint .property #groupFeatures { margin:30px 0px 0px; }

.propertyPrint .property #groupFeatures h4 { background:url("images/misc/buttons.png") no-repeat -41px -305px transparent; cursor:pointer; font-size:12px; font-weight:bold; color:#333; padding:0px 0px 0px 15px; text-transform:uppercase; }

.propertyPrint .property #groupFeatures #featuresDetails > div { margin:15px 0px; }

.propertyPrint .property #groupFeatures #featuresDetails > div ul { margin:5px 0px 0px 15px; }
.propertyPrint .property #groupFeatures #featuresDetails > div ul li { font-size:11px; line-height:18px; }

.propertyPrint .property #groupFeatures #featuresDetails > div ul li label { font-weight:bold; margin:0px 0px 0px 2px; }

.propertyPrint .property #groupFeatures #featuresDetails > div ul li ul { margin:0px 0px 5px 5px; }

.propertyPrint .property #groupEnergyRating {padding-top:30px;}

.propertyPrint .property #groupEnergyRating img{padding-top:20px;}


/*.propertyPrint .property #groupFeatures #featuresDetails > div#F002 ul > li { background:transparent url("images/background/energy_rating_back.png") no-repeat; height:139px; text-indent:-9999px; width:160px; }

.propertyPrint .property #groupFeatures #featuresDetails > div#F002 ul > li.A       { background-position:0px 0px; }
.propertyPrint .property #groupFeatures #featuresDetails > div#F002 ul > li.A_plus  { background-position:0px -140px; }
.propertyPrint .property #groupFeatures #featuresDetails > div#F002 ul > li.B       { background-position:0px -280px; }
.propertyPrint .property #groupFeatures #featuresDetails > div#F002 ul > li.B_minus { background-position:0px -420px; }
.propertyPrint .property #groupFeatures #featuresDetails > div#F002 ul > li.C       { background-position:0px -560px; }
.propertyPrint .property #groupFeatures #featuresDetails > div#F002 ul > li.D       { background-position:0px -700px; }
.propertyPrint .property #groupFeatures #featuresDetails > div#F002 ul > li.E       { background-position:0px -840px; }
.propertyPrint .property #groupFeatures #featuresDetails > div#F002 ul > li.F       { background-position:0px -980px; }
.propertyPrint .property #groupFeatures #featuresDetails > div#F002 ul > li.G       { background-position:0px -1120px; }*/


/*==================================================================
    7) Control Error
===================================================================*/

/*==================================================================
    7.1) General Error
===================================================================*/

.generalError { margin:30px 0px 0px; overflow:hidden; text-align:center; width:630px; }

.generalError div.icon { display:block; height:100px; margin:0px 0px 15px; }

.generalError div.subtitle { font-size:12px; margin:10px 0px 0px; }


 /*==================================================================
    7.2) Timeout Error
===================================================================*/

.timeoutError { margin:30px 0px 0px; overflow:hidden; text-align:center; width:630px; }

.timeoutError div.icon { display:block; height:80px; margin:0px 0px 15px; }

.timeoutError div.subtitle { font-size:12px; margin:10px 0px 0px; }

.timeoutError div.tryAgain { margin:10px 0px 0px; }