/* header text definition */

/*h3 {
      background: rgb(255, 204, 0);
   }*/
.sb1 {
      margin-left: 2px;
      margin-right: 5px;
     }  

.sb2 {
      margin-left: 2px;
      margin-right: 5px;
}
.sb15 {
      margin-left: 2px;
      margin-right: 5px;
}


/* ****** LAYOUTS LARGELY USED FOR THE PRODUCTION OF THE SUMMARY AD AND AD HEADER ON UPDATE PAGE ****** */
/* class for overall advert summary display */
.advsum2 {
      float:left;
      width:650px;
      font-size:0.9em;
      margin-bottom:15px;
      margin-left:5px;
      
     }
/* class for left hand side of advert Header Details */

.advhead3 {
      float:left;
      width:644px;
      padding-bottom:3px;
      padding-left:4px;
      padding-right:2px;
      line-height:0.9;
}
.advhead3a {
      float:left;
      width:552px;
      
}
/* class for right hand side of advert Header Details */
.advhead3b {
      float:right;
      text-align:left;
      width:88px;
 
}
/* class for left hand side of advert Header Details */
.advhead3c {
      float:left;
      clear:both;
      width:650px;
      
}
.advhead3ca {
      padding-left:4px;
      
}
/* class for photo part of advert summary */
.advsumphoto {
      float:left;
      clear:both;
      height:120px;
      width:150px;
      padding-top:2px;
      padding-left:2px;
}
/* class for landscape Guestroom photo */
.advrmphotoL {
      float:right;
      height:180px;
      width:240px;
      border:ridge;
      border-width:1px;
      border-color:rgb(191,193,182);
      margin-bottom:3px;
      margin-top:2px;
      margin-right:2px;
      text-align:center;
}
.advrmphotoLD {
      clear:right;
      float:right;
      width:240px;
      height:10px;
      margin-bottom:3px;
      text-align:center;
}      
/* class for Portrait Guestroom photo  */
.advrmphotoP {
      float:right;
      height:240px;
      width:180px;
      border:ridge;
      border-width:1px;
      border-color:rgb(191,193,182);
      margin-bottom:3px;
      margin-top:2px;
      margin-right:2px;
      text-align:center;
}
.advrmphotoPD {
      clear:right;
      float:right;
      width:180px;
      height:15px;
      margin-bottom:3px;
      text-align:center;
}      
/* class for photo part of advert summary */
.advsumphotoL {
      clear:both;
      float:left;
      border:ridge;
      border-width:1px;
      border-color:rgb(191,193,182);
      height:112px;
      width:150px;
      margin-left:2px;
      margin-top:5px; 
}

/* class for photo part of advert summary */
.advsumphotoP {
      float:left;
      clear:both;
      height:150px;
      width:112px;
      border:ridge;
      border-width:1px;
      border-color:rgb(191,193,182);
      margin-left:2px; 
      margin-top:5px;         
}
/* additional class for correction to width on advert summary */
.advsum3a {
       float:left;
       width:360px;
/*       width:385px;*/
       padding-bottom:2px;
       padding-left:3px;
       margin-left:10px;
}
/* additional class for correction to width on advert summary */
.advsum3a2 {
       float:left;
/*       height:80px;*/
/*       height:10.5em;*/
/*       width:460px;*/
       width:43em;
       padding-bottom:2px;
       padding-left:2px;
       margin-left:10px;
       
}
/* ****** END OF LAYOUTS LARGELY USED FOR THE PRODUCTION OF THE SUMMARY AD ****** */


/* ****** GENERAL LAYOUTS LARGELY USED FOR ADVERT UPDATE AND DISPLAY FUNCTIONS ****** */
/* class for a general box, goes around most input on update programs, including photos */
.advhead2 {
      float:left;
      width:620px;
/*      border-style:solid;
      border-width:1px;*/
      padding-top:4px;
      padding-left:2px;
      padding-bottom:2px;
}
/* used in photos,charges seems internal to advhead2 */
.advhead2a {
      clear:left;
      float:left;
      width:750px;
}
/* class for left hand side of advert Header Details on update pages*/
.advhead3aa {
      float:left;
      width:650px;
      padding-bottom:3px;
      padding-left:2px;
}
/* class for light blue banner subheads */
.advsubhead {
      float:left;
      background-color:rgb(210,255,255);
      width:610px;
      margin-top:5px;
      margin-left:2px;
  
}
/* class for displaying advert details on confirm and for input in some cases */
.advdetails {
      float:left;
      width:585px;
      padding-top:5px;
      margin-left:10px;
}

/* box for wrapping around lhc and rhc to provide border */
.advlhcrhc {
      float:left;
      clear:both;
      width:740px;
      margin-left:2px;
      border:solid;
      border-width:1px;
   }
/* class for left hand side of advert update or display */
.advlhc {
      float:left;
      clear:both;
      font-size:0.9em;
      font-weight:bold;
      text-align:right;
      width:110px;
      margin-left:2px;
      padding-right:5px;
}

/* class for right hand side of advert update or display */
.advrhc {
      float:left;
      font-size:0.9em;
      width:500px;
      padding-left:2px;
}
/* class for right hand side of advert update or display with map*/
.advsrhc {
      float:left;
      font-size:0.9em;
      width:500px;
      padding-left:2px;
}
/* class for dividing up input into boxes going down screen */
.advbox {
      float:left;
      clear:both;
/*      font-size:0.9em;*/
      width:612px;
      padding-top:5px;
      padding-bottom:5px;
      margin-left:2px;
      border:solid;
      border-width:1px;
   }
/* class for displaying charge details on advert */
.advchg {
	float:left;
	font-size:0.9em;
	border:double;
        border-width:3px;
	margin-left:2px;
	margin-top:10px;
	width:715px;
	padding:10px;
}

/* used in charges seems internal to advchg */
.advchgb {
      clear:left;
      float:left;
      width:700px;
}
/* class for displaying advert button row */
.advbutrow {
  /*    float:left; USED TO HAVE TO COMMENT THIS OUT BUT NOW SEEMS OK WITH NEW PAGE FORMAT */
      float:left;
      clear:both;
      width:575px;
      padding-top:5px;
      margin-left:20px;
      text-align:left;
}
/* class for displaying contact details on emails */
.advcone {
      float:left;
      width:280px;
      padding-right:5px;
      font-size:0.9em;
}
/* class for displaying contact details on confirm and display */
.advcons {
      float:left;
      width:360px;
      padding-right:5px;
      font-size:0.9em;
}
/* class for displaying contact details on live advert */
.advconf {
      float:left;
      width:360px;
      padding-right:5px;
      font-size:0.9em;
}
/*class for buttons at top of advert display*/
.advbut {
	color:black;
	background-color:white; 
        border:groove;
        padding:1px;
}
/* class for a 618 width */
.adv130 {
      float:left;
      clear:both;
      width:130px;
}
/* class for a 618 width */
.adv600 {
      float:left;
      clear:both;
      width:600px;

}
/* class for a 618 width */
.adv618 {
      float:left;
      clear:both;
      width:614px;
}
/* class for a 618 width */
.adv300 {
      float:left;
      clear:both;
      width:280px;
      margin:15px;
      border:solid;
      border-width:1px;
      border-color:rgb(255, 204, 153);
}
.adv298 {
      margin-left:2px;
      clear:both;
      float:left;
      width:276px;
      text-align:left;
}    
.adv282 {
      margin-left:10px;
      float:left;
      width:262px;
      text-align:left;
}           
/* class for a 620 width */
.adv620 {
     
      float:left;
   /*   clear:both;*/
      width:616px;

	}
.adv640 {
        clear:both;
        float:left;
        width:650px;
        } 
.adv650 {
        float:left;
        width:650px;
        } 
.adv740 {
      float:left;
      clear:both;
      width:740px;
}
.adv750 {
      float:left;
      clear:both;
      width:750px;
}
/* ****** END OF LAYOUTS LARGELY USED FOR THE PRODUCTION OF ADVERT UPDATE FUNCTIONS ****** */




/* ****** LAYOUTS USED BY ADVPHOTO ****** */

/* class for header lines in photo process box */
.photopro1 {
      float:left;
      clear:both;
      font-size:0.9em;
      width:688px;
      margin-left:10px;
      border-style:double;

    
    }
/* class for boxes on photo update page. Will usually be overwritten in terms of size */
.photobox1 {
      float:left;
      font-size:1em;
      padding:2px;
      border-right-style:double;
      border-top-style:double;
    }
/* ****** END OF LAYOUT USED BY ADVPHOTO ****** */







/*retain for a while as there are some old ads with these in */
/* class for left hand side of accommodation display */
.advacclhc {
      float:left;
      clear:both;
      font-size:0.9em;
      font-weight:bold;
      text-align:right;
      width:100px;
      margin-left:2px;
      padding-right:5px;
}
/* class for left hand side of facilities update / display */
.advfaclhc {
      float:left;
      clear:both;
      font-size:0.9em;
      font-weight:bold;
      text-align:right;
      width:100px;
      margin-left:2px;
      padding-right:5px;
      }
/* class for right hand side of accommodation display */
.advaccrhc {
      float:left;
      font-size:0.9em;
      width:500px;
      padding-left:2px;
  }
/* class for right hand side of facilities update / display */
.advfacrhc {
      float:left;
      font-size:0.9em;
      width:620px;
      padding-left:2px;
      } 
.advaccdet {
      float:left;
      clear:both;
      font-size:0.9em;
      width:612px;
      padding-top:5px;
      padding-bottom:5px;
      margin-left:2px;
      border:solid;
      border-width:1px;
   }
/* class for individual rows of facilities detail on input */
.advfacdet {
      float:left;
      clear:both;
      font-size:1em;
      width:740px;
      margin-left:2px;
      border:solid;
      border-width:1px;
}

/* used to round the top corners on advert summaries */
.ctop{display:block}
.ctop *{display:block;height:1px;overflow:hidden;background-color:rgb(255,255,255);}
.c1{margin: 0 5px}
.c2{margin: 0 3px}
.c3{margin: 0 2px}
.c4{margin: 0 1px;height:2px;}

/* used to round the bottom corners on advert summaries */
.cbottoml{float:left;display:block;height:5px;width:50%;background-color:rgb(255,255,255);}
.cbottoml *{display:block;height:1px;overflow:hidden}
.cl1{margin-left:5px}
.cl2{width:1px;margin-left:3px}
.cl3{width:1px;margin-left:2px}
.cl4{width:1px;margin-left:1px;height:2px;}

.cbottomr{float:right;display:block;height:5px;width:50%;background-color:rgb(255,255,255);}
.cbottomr *{display:block;height:1px;overflow:hidden}
.cr1{clear:right;margin-right:5px}
.cr2{clear:right;float:right;width:1px;margin-right:3px}
.cr3{clear:right;float:right;width:1px;margin-right:2px}
.cr4{clear:right;float:right;width:1px;margin-right:1px;height:2px}

/* used to round the bottom corners on advert summaries for advsum */
.pcbottoml{float:left;display:block;height:5px;width:50%;background-color:rgb(255,255,255);}
.pcbottoml *{display:block;height:1px;overflow:hidden}
.bcl1{clear:left;float:left;width:5px}
.pcl1{float:left;width:320px}
.bcl2{clear:left;float:left;width:3px}
.pcl2{float:left;width:1px}
.bcl3{clear:left;float:left;width:2px}
.pcl3{float:left;width:1px}
.bcl4{clear:left;float:left;width:1px;height:2px}
.pcl4{float:left;width:1px;height:2px}

.pcbottomr{float:right;display:block;height:5px;width:50%;background-color:rgb(255,255,255);}
.pcbottomr *{display:block;height:1px;overflow:hidden}
.bcr1{clear:right;float:right;width:5px;}
.pcr1{float:right;width:320px;}
.bcr2{clear:right;float:right;width:3px}
.pcr2{float:right;width:1px;}
.bcr3{clear:right;float:right;width:2px}
.pcr3{float:right;width:1px;}
.bcr4{clear:right;float:right;width:1px;height:2px;} 
.pcr4{float:right;width:1px;height:2px;}