/*FILE: ttg_Snippit_Guide*/
/*see Index1_inc_Page_Definitions.asp*/
/*NOTE Page Breaks only apply to BLOCK LEVEL ELEMENTS - make img tags block level*/
/*NOTE Page Breaks only apply to BLOCK LEVEL ELEMENTS - make img tags block level*/
/*NOTE Page Breaks only apply to BLOCK LEVEL ELEMENTS - make img tags block level*/
/*NOTE Page Breaks only apply to BLOCK LEVEL ELEMENTS - make img tags block level*/
/*NOTE Page Breaks only apply to BLOCK LEVEL ELEMENTS - make img tags block level*/
/*NOTE Page Breaks only apply to BLOCK LEVEL ELEMENTS - make img tags block level*/
/* float:left;for 80 pages but spaces at bottom - otherwise just 2 pages chopped off*/

/*use display:block to get 84 pages rendered*/



.ttgdirtel{text-align:center;display:none;}
.ttgdirbusid{display:;text-align:center;display:none;}



@media print, screen {
	.ttgeventitem {text-align:center;font-style: italic;font-size:13px;}
.ttggrid-item  { grid-area:item;text-align:center !Important;font-size:14px; }
.ttggrid-strap { grid-area:strap;text-align:center !Important;}
.ttggrid-straplink {margin:0px;padding:0px;font-size:14px;}
.ttggrid-location { grid-area:tleft;text-align:left !Important; }
.ttggrid-price { grid-area:tright;text-align:right !Important; }	
	
.ttgstrapline{line-height:1.3em;padding-bottom:10px;font-size:15px;}
.ttgbustype {text-align:center;padding:5px;}	
.ad-location {font-size:14px;}	
.ad-price{font-size:14px;}	
	
a.ttgitem {font-size:12pt;text-decoration: none;}
a.ttgitem:hover {opacity:0.5;font-size:12pt;}

h2.ttgitemtext{padding:0px 0px;padding-bottom:5px;margin:0px;border:0px solid blue;}

}




@media print, screen {
	




.ttggrid-divbig { grid-area:divbig;text-align:left !Important;}
.ttggrid-divleft { grid-area:divleft;text-align:left !Important;}
.ttggrid-divright { grid-area:divright;text-align:left !Important;}
	
.ttggrid-link {margin:0px;padding:0px;}	
.ttggrid-link:hover {margin:0px;padding:0px;opacity:0.8;}	

.ttggrid-img {width:100%;margin:0px;padding:0px;}	
	
.ttggrid-container {
  display: grid;
  grid-template-areas:
	'item item item item item item'
	'strap strap strap strap strap strap'
	'tleft tleft tleft tright tright tright'
	'divbig divbig divbig divbig divbig divbig'
    'divleft divleft divleft divright divright divright';
  grid-gap: 5px;
  padding: 0px 5px;
}

.ttggrid-container-landscape {
  display: grid;
  grid-template-areas:
	'item item item item item item'
	'strap strap strap strap strap strap'
	'tleft tleft tleft tright tright tright'
	'divbig divbig divbig divbig divleft divleft'
    'divbig divbig divbig divbig divright divright';
  grid-gap: 5px;
  padding: 0px;
  align-content: space-evenly;
}
.ttggrid-container-landscape {
  display: grid;
  grid-template-areas:
	'item item item item item item'
	'strap strap strap strap strap strap'
	'tleft tleft tleft tright tright tright'
	'divbig divbig divbig divbig divleft divleft'
    'divbig divbig divbig divbig divright divright';
  grid-gap: 5px;
  padding: 0px;
  align-content: space-evenly;
  grid-template-columns: 16% 16% 16% 16% 16% 16% ;
  grid-template-rows: 50% 50%;
}
.ttggrid-container > div {
  border:0px solid #dcdcdc;
  text-align: center;
  padding: 0px 0px;
}	
.ttggrid-container-landscape > div {
  border:0px solid #dcdcdc;
  text-align: center;
  padding: 0px 0px;
}	

	
	
	
	

	
.advertisehere{margin-top:100px;} /*the end of body features - the start of directory listings*/

.displaypage{margin:0px;padding:0px;border:0px solid yellow;}



/*the snippet container - add the line thickness around it */
/*the snippet container - add the line thickness around it */

.ttg1col{margin:0px;padding:0px;border:1px solid #dcdcdc !Important;}
.ttg1body{margin:0px;padding:0px;padding-left:5px;padding-right:5px;padding-top:10px;}

/*.ttg1body {border:1px solid #dcdcdc; border-top-left-radius:5px; border-top-right-radius:5px;}*/

/*the snippet container - add the line thickness around it */
/*the snippet container - add the line thickness around it */







/*.ttgimgbody{ max-height:200px;max-width:100%;padding-top:3px;}*/
/*.ttgimgcol{max-height:200px;max-width:98%;margin:5px;}*/

/*added just for newsletter layout */
/*added just for newsletter layout */
.ttgimgbody{width:100%;border-radius:5px;padding:0px;margin:0px;margin-bottom:10px;}
.ttgimgcol{width:100%;border-top-left-radius:5px;border-top-right-radius:5px;margin-bottom:10px;border:0px solid red;border-bottom:0px !Important;}
#columnfeatures .leadertext{}
#columnfeatures .ttgcolimgleft{width:95%;}
#masterbodycontainer .leadertext{}
/*added just for newsletter layout */
/*added just for newsletter layout */






.leadertext {line-height:1.4em;margin:0px;padding-bottom:5px;padding:10px;border:0px solid red;margin:auto;text-align:center !Important;font-size:14px;}
#columnfeatures .leadertext{line-height:1.6em;padding:20px 0px;}


#masterbodycontainer .leadertext{line-height:1.6em;padding:0px 0px;padding-bottom:20px;}

.readmorebox {display:none;padding-bottom:20px;}
.ttgdirbox1 {display:none;border:0px solid red;}
.ttgtopline {display:none;}/*the line above the image*/

.ttgvideo{border-radius:5px;}
.ttgleadertext1{display:none;border:3px dotted #dcdcdc;}

.ttgdirtel {text-align:center;}	






/*SEE Index1__Div_Channel_Feature_Listings_Column_And_Publish.asp for LEADING and LEADINGC
*/

.sectionjusttextorimage {border:1px solid #dcdcdc;border-radius:5px;padding:10px;}
.ttgstrdark{display:;margin-bottom:0px;border:0px solid #ffffff;}




/*sectionfeaturebody contains all the static css for the snippet*/

.ttgfoot {display:none;border:1px solid red;height:0px;padding:0px;margin:0px;}











.ttg2{border:0px solid black;margin:0px;padding:0px;}
.ttg3{border:0px solid red;margin:0px;padding:0px;}
.ttg4{border:0px solid green;margin:0px;padding:0px;}
.ttg5{border:0px solid blue;margin:0px;padding:0px;}
.sectionfeaturecolumn{border:0px solid green;margin:0px;padding:0px;}
.ttgimgwide {width:100%;margin-bottom:0px;margin:0px;padding:0px;}
.pdtext {text-align:left;padding:0px;padding-bottom:10px;padding-top:10px;width:97%;margin:auto;}




.ttgtopbox{width:100%;text-align:center;border:0px solid green;margin:0px;padding:0px;padding-top:0px;}
.ttgtitledivwide {text-align:center;vertical-align:top;width:97%;margin:auto;border:0px solid red;}

/*just for the Colum Feature, where the title and images are 100% wide*/



/*this puts a 10px margin around the image*/
/*.ttgcolimgleft, .ttgcolimgright, .ttgcoltitlediv {border:0px solid red;width:95%;text-align:center;margin:auto;}*/
.ttgcolimgleft, .ttgcolimgright, .ttgcoltitlediv {border:0px solid red;width:100%;text-align:center;margin:auto;}


.rowmembership {border:0px solid red;margin: 0px 0px;width:350px;}


.shadowbox{
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	/*box-shadow: -6px 6px 5px #888888;*/
	border-radius:0px;
	}



.ttgformobile {
display:block;
width:100%;
text-align:center;
vertical-align:top;
}
/*left and right column for body listings*/
.ttgtop{
width:100%;
}
.ttgbottom {
width:100%;
}



.ttgimgleft{
vertical-align:top;	
width:40%;
padding:0px;
padding-right:0px;
display:inline-block;
border:0px solid red;
}

.ttgimgright
{
vertical-align:top;
width:40%;
padding:0px;
padding-left:0px;
display:inline-block;
border:0px solid red;
}


.ttgmargin{display:none;margin:0px;padding:0px;border:0px solid green;width:1%;}

}
/*end of media print screen*/	






@media print, screen and (max-width: 715px) {
.ttgtitledivleft, .ttgtitledivright
{
position:relative;
top:-5px;
vertical-align:top;
padding:0px 5px 0px 5px;
display:inline-block;
border:0px solid red;
width:100%;
}
}	
	
@media print, screen and (min-width: 715px) {
.ttgtitledivleft, .ttgtitledivright
{
position:relative;
top:-5px;
vertical-align:top;
padding:0px 5px 0px 5px;
display:inline-block;
border:0px solid green;
width:55%;
}
}	
@media print, screen and (min-width: 980px) {
.ttgtitledivleft, .ttgtitledivright
{
position:relative;
top:-5px;
vertical-align:top;
padding:0px 5px 0px 5px;
display:inline-block;
border:0px solid blue;
width:55%;
}
}