.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* breadcrumbs */
.breadcrumbs { text-align: right; font-size: 1em; margin: 0 10px 5px 0; }
.breadcrumbs a.CMSBreadCrumbsCurrentItem { color: #333;} /* if current item set to link */
.breadcrumbs span.CMSBreadCrumbsCurrentItem {} /* standard option */

/* paging controls ---------------------------- */
.PagerControl {font-size: 0.9em; text-align: right; height: 26px; margin-top: 0.5em; }
.PagerResults {  width: auto; padding: 0 5px;
	padding-bottom: 4px; padding-top: 4px; font-weight: bold;}
.PagerNumberArea {font-size: 0.9em; float: right; width: auto; padding-top: 4px; margin-left: 1em;}

.PagerNumberArea a, 
.PagerNumberArea span.SelectedPage, 
.PagerNumberArea span.SelectedNext, 
.PagerNumberArea span.SelectedPrev, .PagerNumberArea strong.SelectedPage {
	padding: 2px 5px; 
	text-decoration: none;
	border: 1px solid #ccc;
	font-weight: bold;}
.PagerNumberArea a { background: #fff; color: #262626;}
.PagerNumberArea a:hover {background: #3268BD; color: #fff; border-color: #666; text-decoration: none;}

.PagerNumberArea span.SelectedPage, .PagerNumberArea strong.SelectedPage  {
	 color: #fff; border-color: #666; background: #C6B378;}
.PagerNumberArea span.SelectedNext, 
.PagerNumberArea span.SelectedPrev {
	background: #fff; color: #999; border-color: #ccc; }
	
/* smart search dialog box page */
.SearchDialog { 
    border-bottom: 1px dashed #d2d2d2; 
    padding: 0.5em; 
    margin-bottom: 1.5em;
}
.SearchDialog tr, .SearchDialog td {
    display: inline-block !important;
}
.SearchDialog td {
    padding: 0 2px;
    vertical-align: middle;
}
.SearchDialog .TextBoxField {
    color: #999 !important;
    border-radius: 12px;
	margin: 0; 
	padding: 5px 8px;  
	font-size: 12px;
	border: 1px solid #b2b2b2;
	position: relative;
	left: 11px;
}
.SearchDialog .TextBoxField:focus {outline: none; color: #333;}
.SearchDialog label {display: none;}

/* smart search Results */
div.searchResults { margin: 2em; overflow-y: auto;}
div.searchImage {float: left;  margin-right: 5px}
div.searchImage img {border: double 3px #eee; max-width: 90px; }
div.searchContent { color: #666;}

.searchItem {
    clear: both;
    margin-bottom: 12px;
}
.searchItem h3 {
    margin-bottom: 4px;
}
div.searchData {} /* includes relevance, url, create date */
span.SearchRelTitle { float: left; width: auto; color: #888; font-size: 1em; margin-right: 3px;}
div.SearchRelWrap { width: 50px; border: solid 1px #aaaaaa; 
	margin-top: 5px; margin-right: 6px; 
	float: left; color: #0000ff; 
	font-size: 2pt; line-height: 4px; height: 4px;}
div.searchRel {background-color:#C6B378; height:4px; line-height: 4px;}
span.searchURL a {color: #999;}
span.searchCreateDate {display: none; color: #888; font-size: 0.9em;}

.DidYouMean { margin-left: 2em;}

/*#Containers/Black = green#*/
.blackBox {	border: 1px solid #b2b2b2; margin-bottom: 1em;}
.blackBox .title { background: url(../img/bg_nav.png) repeat-x left bottom; 
	padding: 5px 10px; font-size: 16px;  margin: 0; }
.blackBox .content { padding: 0.5em; background: #f1f1f1; font-size: 14px;}
.blackBox .content ul {list-style: none; margin: 0;}
.blackBox .content ul li {
    margin: 0 0 5px;
    line-height: 1.1;
}
.blackBox .content a {color: #464646;}
.ContentPadding {margin: 10px;}


table.landing { width: 100%; height: 350px;  margin: 0 auto; clear: both;}
.landing th { font-weight: normal; text-align: left; width: 200px; border-right: 1px solid #b2b2b2; }
.landing td th {border: 0 none; width: auto;}
.landing td {padding-left: 1em; }
.landing td th, .landing td td {padding-left: 0 !important;}  
.landing td h2 {font-size: 20px;}

td.EditingFormLabelCell { text-align: right; vertical-align: middle; font-size: 12px;}
.EditingFormLabel {}
.req { font-weight: bold; color: #900;} /* selected via jquery */
.CaptchaTable td {
    display: block;
    padding: 2px;
}
.FormButton, .SubmitButton, .ContentButton { padding: 3px 8px 3px 8px; 
	background:  url(../img/bg_button.png) repeat-x left center; color: #fff;
	font-size: 11px; font-weight: normal; text-transform: uppercase; 
	border: 1px solid #555; border-radius: 10px;
	position: relative; top: 0px; font-size: 12px; }
body.IE8 .FormButton, body.IE8 .SubmitButton, body.IE8 .ContentButton { padding: 5px 8px 5px 8px; }
body.IE7 .FormButton, body.IE7 .SubmitButton, body.IE7 .ContentButton { padding: 3px 8px 4px 8px; }
body.Safari .FormButton, body.Safari .SubmitButton, body.Safari.ContentButton { padding: 3px 8px 4px 8px; }

a.FormButton {padding: 6px 8px;}
.FormButton:hover, .SubmitButton:hover, .ContentButton:hover, .sbtn:hover { 
	background:  url(../img/bg_button0.png) repeat-x left center;  text-decoration: none;}
.FormButton:focus, .SubmitButton:focus, .ContentButton:focus, .sbtn:focus {
	background:  url(../img/bg_button0.png) repeat-x left center; outline: none;}
.ErrorLabel {background: #ffc; padding: 5px; border: 1px solid #ccc; display: block; font-size: 11px;
	margin: 0.5em 4em; color: #900;}
.EditingFormErrorLabel {color: #900; font-size: 12px; font-style: italic;}



/* News & articles */
.newsItem { padding: 1.5em; margin-bottom: 0em; overflow-y: auto;
	 border-top: 1px dashed #ccc; font-size: 14px;}
.newsItem:hover { background: #f1f1f1;}
.newsItem h3 { margin: 0; font-size: 1.2em;}
.newsItem h3 a {}
.newsItem h4 { margin: 0 0 0.5em 0; color: #999; font-style: normal;}
.newsItem h4.first { margin: 0;} /* selected via jquery */

.newsItem img.teaser { 
	float: left; max-width: 120px; 
	padding: 0.25em 0.25em 1.25em 0.25em; margin: 0 1em 1em 0;
	background: #ededed; border: 1px solid #ccc;
	-moz-box-shadow: 0px 0px 4px #888888; -webkit-box-shadow: 0px 0px 4px #888888;}
.newsItem p.last { margin: 0!important;} /* selected via jquery */

.newsDetail {margin-right: 1em;}
.newsDetail h4 { margin: 0 0 0.5em 0; color: #999; font-style: normal;}
.newsDetail h4.first { margin: 0;} /* selected via jquery */
.newsDetail img.teaser {float: right; max-width: 300px; 
	padding: 0.5em 0.5em 2em 0.5em; margin: 0 0 1em 1em;
	background: #ededed; border: 1px solid #ccc;
	-moz-box-shadow: 0px 0px 4px #888888; -webkit-box-shadow: 0px 0px 4px #888888;}
	
.newsHome {margin-bottom: 0.75em;}
.newsHome h3 {margin: 0; font: bold 12px Arial, sans-serif;}
.newsHome h3 a {color: #555;}
.newsHome h3 a:hover {color: #255fae; text-decoration: none;}
.newsHome div {padding-left: 1em; font-size: 12px;}
.newsHome div p {margin: 0;}
.newsHome .readMore {font-weight: normal !important;}
	
.readMore { display: block; text-align: right; font-weight: bold;}

/* Bio */
.bioItem {padding: 1em; margin-bottom: 1em;}
.bioItem table {width: 100%;}
.landing .bioItem td {padding: 2px 10px !important;}
.bioItem td.bioInfo { white-space: nowrap; padding: 2px 10px 2px 0; border-right: 1px solid #ccc; width: 175px;}
.landing .bioItem th {text-align: center; width: 120px; padding: 5px 0; border: 0 none;}
.bioItem h2 { border-bottom: 1px dashed #ccc; margin: 0;}
.bioItem h3 {white-space: nowrap; font-size: 14px;}
.bioItem h3 span {font-weight: normal; display: block;white-space: nowrap; font-size: 12px;}
.bioItem h3 a {}
.bioItem img.bioImage { max-width: 150px; max-height: 150px; }
.bioItem p { clear: left;}
.bioItem p.readMore {text-align: right; font-weight: bold;} 

.bioDetail {padding: 1em; margin-bottom: 1em;}
.bioDetail table {width: 100%;}
.landing .bioDetail td {padding: 2px 10px !important;}
.bioDetail td.bioInfo { white-space: nowrap; padding: 2px 10px 2px 0; border-right: 1px solid #ccc; width: 175px;}
.bioDetail h3 {white-space: nowrap; font-size: 14px;}
.bioDetail h3 span {font-weight: normal; display: block; white-space: nowrap; font-size: 12px;}
.bioDetail h3 a {}
.bioDetail img.bioImage { max-width: 250px; max-height: 250px; float: left;
	margin: 0 1em 0.25em 0;}
	
.contactList { width: 350px; height: 270px; margin: 0 12px 12px 0;
	 float: left; 
	 border: 1px solid #ccc; 
	 -moz-box-shadow: 2px 2px 6px #888;
	 -webkit-box-shadow: 2px 2px 6px #888;
	 box-shadow: 2px 2px 6px #888;-moz-border-radius: 4px;
	 -webkit-border-radius: 4px;}

.contactList div.contactinfo { margin: 10px; min-height: 72px;}
.contactList div.contactinfo img { width: 72px; float: right;}
.contactList h2 { font-size: 16px; margin: 0; padding: 2px 100px 2px 2px; background: #f4f4f4; }
.contactList h3 { font-weight: normal; font-style: italic; margin: 0 0 0.5em 0; }

.bPhone, .mPhone, .imail, .hPhone {margin: 0 0 0.5em 10px; }
div.bPhone { background: url(/App_Themes/global/img/iconPhone.png) no-repeat 0 0; 
	padding: 2px 0 0 36px; }
div.mPhone { background: url(/App_Themes/global/img/iconMPhone.png) no-repeat 0 50%; 
	padding: 0 0 0 36px; line-height: 30px; }
div.imail { background: url(/App_Themes/global/img/iconEmail.png) no-repeat 0 50%; 
	padding: 2px 0 0 36px; min-height: 30px;}
div.hPhone { background: url(/App_Themes/global/img/iconHPhone.png) no-repeat 0 50%; 
	padding: 0 0 0 36px; line-height: 30px; }

/* contact page */
table.contact { width: 100%;}
.landing .contact2 th { 
    font-weight: normal; 
    text-align: left; 
    width: 50%; padding: 0 0 0 2em; 
	border-left: 1px dashed #ccc; 
	border-right: 0 none;}
.contact2 th h2 { padding: 0 0 0 2.5em; }
.contact2 th td {padding: 3px;}
.contact2 td { padding: 1em; }
.contact2 td textarea { width: 180px;}

/* coupons */

.couponItem { border: 1px solid #ccc; margin: 0 auto 1.5em auto; padding: 0.5em;
	width: 80%; }
.couponInner {border: 2px dashed #ccc; position: relative;}
.couponItem img { display: block; margin: 1em auto;}
.couponItem h2 { font-size: 1.8em; text-align: center;}
.couponItem div.couponText {padding: 0 2em 0.5em 2em; text-align: center; font-size: 1.2em;}
.couponItem .printMe { position: absolute; top: 2px; right: 2px; 
	display: block; text-align: right; padding: 2px 20px; margin: 0.5em;
	background: url(/App_themes/global/img/printer.png) no-repeat right center; border: 0 none; cursor: pointer;}
.couponItem h4 { font-style: normal; margin: 0; border-top: 1px solid #eee; padding: 0.5em; text-align: center;}

/* calendars */
/* Events */
.eventCalendarDetail {}
.eventCalendarDetail div.zoneLeft {width: 50%; float: left; }
.eventCalendarDetail div.zoneRight { width: 45%; float: right; padding: 1em; border: 0 none;}

	/* calendar */
.Calendar {padding-left: 1px;} /* to show left border on table */
.landing .Calendar table td {width: auto; padding: 0 !important;}
.EventCalendar { font-family: Arial, Helvetica, sans-serif; border: 0 none;width: 100%; }
.EventCalendar td { padding: 0;} /* to remove cellspacing on table */

table.EventCalendar table.Title { font-weight: bold; vertical-align: middle; font-size: 14px;
	background: #0A0A0B;}
.landing .EventCalendar .Title td { padding: 8px !important; color: #fff;}
.EventCalendar .Navigation { font-weight: bold; width: 50px; padding: 0 10px; vertical-align: middle; }
.EventCalendar .Navigation a {color: #fff !important; text-decoration: none;}


.EventCalendar .DayHeader { background: #666; color: #fff; font-weight: bold;
    border-style: none; vertical-align: middle; font-size: 11px; padding: 5px;}
.EventCalendar .Day,
.EventCalendar .OtherMonth,
.EventCalendar .Weekend,
.EventCalendar .Today { height: 50px; width: 50px; padding: 5px; font-size: 11px; background: #f0f0f0;
	border: 1px solid #ccc;}

.EventCalendar .Today {    background: #ccc; font-weight: bold; }
.EventCalendar .Today a { font-weight: bold;  text-decoration: none;}
.EventCalendar .Today a:hover { }
.EventCalendar .ContentEvent { min-height: 3em; margin-top: 3px;}
.EventCalendar .ContentEvent a { font-weight: bold;}
.EventCalendar .OtherMonth { color: #999; background: #fff;}


/* events list with cal */
.Event {border-bottom: 1px dashed #ccc; margin-top: 1em; }
.Event h3 {margin: 0; font-size: 14px;}
.landing table.eventTable {}
.landing table.eventTable td {width: 50%;padding-right: 10px;}
.landing table.eventTable th {padding-right: 10px;} 


.EventRegister { margin-top: 10px;  text-align: left;}
.landing .EventRegister table {width: auto;}
.landing .EventRegister th { text-align: right; vertical-align: middle; border: 0 none; padding: 0 3px 0 0; width: 110px;}
.landing .EventRegister td {padding: 0 0 3px 0; width: auto;}

.EventDetails h2 { margin: 0; }
.EventDetails p { margin: 0 0 10px 0;}
.EventDefault { border-bottom: 1px dashed #ccc; }

.EventHome {margin-bottom: 0.75em;}
.EventHome h3 {margin: 0; font: bold 12px Arial, sans-serif;}
.EventHome h3 a {color: #555;}
.EventHome h3 a:hover {color: #255fae; text-decoration: none;}
.EventHome div {padding-left: 1em; font-size: 12px;}
.EventHome div p {margin: 0;}
.EventHome .readMore {font-weight: normal !important; margin: 0;}

.note {padding: 0.25em; background: #ffc;}

/* External Links */
.linksList table {width: 100%; margin: 1em 0;}
.linksList table td { padding: 3px 10px 10px 0; width: 33%; font-size: 12px;}

/* faqs */
.faqLinks { margin-bottom: 2em;}
.faqLinks ul, .faqLinks li { list-style: none; font-size: 12px;}
.faqLinks h2 {}

.faqAnswers { margin: 0 1em;}
.faqAnswers h2 { border-bottom: 1px dashed #ccc; margin-bottom: 1em;}

.faqItem { margin-bottom: 2em; padding: 5px 0 0 50px; background: url(../img/faq.png) no-repeat 0 0;
	border-bottom: 1px dashed #fff; font-size: 12px;}
.faqItem:hover { border-bottom: 1px dashed #ccc;}
.faqItem h3 {font-size: 16px;}
span.top { font-size: 0.8em; text-align: right; display: block; color: #999;}
span.top a {color: #999;}

/* gallery list page */
.galleryList {
    float: left; 
    width: 220px; 
    height: 158px;
    overflow: hidden;
    border: 4px double #ccc; 
    margin: 0 0 10px 10px;}
    .galleryList:hover { 
        border-color: #666;}
    .galleryList img {
        margin: 0; 
        padding: 0;
        width: 220px;}
    .galleryList h3 {
    	background: #D8D8D8;
    	margin: 0;	
    	padding: 3px 6px;}
    .galleryList h3 a {
        color: #555;
    }
    .galleryList h3 a:hover {
        color: #5982EA;
        text-decoration: none;
    }
 
/* new attachment Lightbox */
.litebox {
	/*uses Attachments Lightbox prettyPhoto webpart*/
	margin: 16px 0;
}
.litebox img {
    margin: 0;
	max-width: 100%;
	background: #eee;
	padding: 2px;
	border-radius: 4px;
	box-shadow: 0 0 1px rgba(000,000,000,.6);
}
.litebox a {
  float: left;
  width: 23%;
  padding: 8px; 
}

/* litebox with sidebar menu */
#cnt .litebox a {
    width: 22%;
}   
 
/* ad gallery */
.ad-gallery {
    width: 700px; 
    margin: 20px auto 10px;}
	.ad-gallery * {
	    margin: 0; 
	    padding: 0;}
	.ad-gallery .ad-image-wrapper {
	    width: 100%; 
	    height: 438px; 
	    margin-bottom: 10px;
		position: relative; 
		overflow: hidden; 
		box-shadow: 0 0 10px rgba(0,0,0,.6);
		border: 1px solid #eee;}
	.ad-gallery .ad-image-wrapper .ad-loader {
	    position: absolute;
	  	z-index: 10; 
	  	top: 48%; 
	  	left: 48%; 
	  	border: 1px solid #bbb;}
	.ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-prev {
	    position: absolute; 
	    top: 0;
	    width: 25%; 
	    height: 100%; 
	    cursor: pointer;
	    display: block; 
	    z-index: 100;}
        .ad-gallery .ad-image-wrapper .ad-next {
            right: 0; }
    	.ad-gallery .ad-image-wrapper .ad-prev {
    		left: 0;}
	.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
		/* Or else IE will hide it */background: url(non-existing.jpg)\9}
	.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	    background: url(/CMSWebParts/Viewers/effects/AdGallery/ad_prev.png);
	    width: 30px; 
	    height: 30px;
	    display: none; 
	    position: absolute;
	    top: 47%; 
	    left: 0; 
	    z-index: 101;}
	.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
		background: url(/CMSWebParts/Viewers/effects/AdGallery/ad_next.png);
		width: 30px; 
		height: 30px;
		right: 0; 
		left: auto;}
	.ad-gallery .ad-image-wrapper .ad-image {
		position: absolute; 
		overflow: hidden;
		top: 0; 
		left: 0; 
		z-index: 9;}
	.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
		position: absolute; 
		bottom: 0px; 
		left: 0px;
		padding: 7px; 
		text-align: left;
		width: 100%; 
		z-index: 2;
		color: #fff;
		background: black;
		background: rgba(0,0,0,0.7);}
	.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
	  	display: block;}
	.ad-gallery .ad-image-wrapper strong {
	    font-weight: normal;}
	.ad-gallery .ad-controls {
		height: 20px;}
	.ad-gallery .ad-info {
	    float: left;}
	.ad-gallery .ad-slideshow-controls {
	    float: right;}
	.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
		padding-left: 5px; 
		cursor: pointer;}
	.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
		padding-left: 5px; 
		font-size: 0.9em;}
	.ad-gallery .ad-slideshow-running .ad-slideshow-start {
		cursor: default; 
		font-style: italic;}
	.ad-gallery .ad-nav {
		width: 100%; 
		position: relative;}
	.ad-gallery .ad-forward, .ad-gallery .ad-back {
		position: absolute; 
		top: 0; 
		height: 100%; 
		z-index: 10;}
	/* IE 6 doesn't like height: 100% */
	* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
		height: 100px;}
	.ad-gallery .ad-back {
		cursor: pointer; 
		left: -20px; 
		width: 13px; 
		display: block;
		background: url(/CMSWebParts/Viewers/effects/AdGallery//ad_scroll_back.png) 0px 22px no-repeat;}
	.ad-gallery .ad-forward {
		cursor: pointer; 
		display: block; 
		right: -20px; 
		width: 13px;
		background: url(/CMSWebParts/Viewers/effects/AdGallery//ad_scroll_forward.png) 0px 22px no-repeat;}
	.ad-gallery .ad-nav .ad-thumbs {
		overflow: hidden; 
		margin-top: 4px;
		width: 100%;}
	.ad-gallery .ad-thumbs .ad-thumb-list {
		float: left; 
		width: 9000px; 
		list-style: none;}
	.ad-gallery .ad-thumbs li {
		float: left; 
		padding: 0 10px 10px 0;
		list-style: none;}
	.ad-gallery .ad-thumbs li a {
		display: block;}
	.ad-gallery .ad-thumbs li a img {
		box-shadow: 0 0 5px rgba(0,0,0,0.6); 
		border: 1px solid #eee; 
		display: block; 
		max-height: 80px;}
	.ad-gallery .ad-thumbs li a.ad-active img {
		border: 1px solid #666;}
	/* Can't do display none, since Opera won't load the images then */
	.ad-preloads {
	    position: absolute; 
	    left: -9000px; 
	    top: -9000px;}
	    
/* old version galleries below */	       
/* galleria image gallery */  
.GalleryPage {margin: 0 auto; width: 700px; }

.GalleriaNav { padding-top: 1em; clear: both; font: 80% 'helvetica neue',sans-serif; letter-spacing: 3px; 
	text-transform: uppercase; text-align: center; }
.GalleriaNav a:hover {text-decoration: none;}

.galleria_container {margin: 0 auto 3em auto; height: auto; width: 100%;}
.galleria_container img { margin: 0.5em 0; max-width: 700px; border: 3px double #ccc;}
.galleria_container span.caption {font: italic 1em/1.4 georgia,serif; text-align: center; display: block;}

.gallery_full {list-style: none; width: 700px; margin: 0 auto;}
.gallery_full li {display: block; width: 60px; height: 60px; overflow: hidden; float: left;
	border:3px double #ccc; margin: 2px; background: #fff;}
.gallery_full li a {display: none;}
.gallery_full li.hover {border-color: #ccc;}
.gallery_full li.active { border-color: #999;}

.gallery_full li div {position: absolute; display: none; top: 0; left: 240px;}
.gallery_full li div img {cursor: pointer;}
.gallery_full li.active div img, .galleria li.active div {display: block;}

.gallery_full li img.thumb {cursor: pointer; top: auto; left: auto; display: block; width: auto; height: auto;}
.gallery_full li .caption {display: block; padding-top: 0.5em;}
* html .gallery_fullli div span {width: 400px;} /* MSIE bug */
	


/* galleria side bar image style */
.GalleryPageLite { overflow-y: auto;}

.GalleryPageLite #main_imageLite.galleria_container {margin: 0 auto;  padding: 0 20px 0 0; 
	min-height: 350px; width: 560px; float: right;
	border: 3px double #fff;}

.GalleryPageLite #main_imageLite.galleria_container img { max-width: 555px; border: 3px double #666; margin: 0 !important;}
.GalleryPageLite #main_imageLite .caption {color: #888;  width: 540px;}

#Lite {width: 140px; float: left; }	
.gallery_lite {margin: 0; width: 100%; list-style: none; overflow-y: auto;}
.gallery_lite li {width: 60px; height: 60px; border: 3px double #eee; margin: 0 2px 2px 0; background: #eee;
	display: block; float: left; overflow: hidden;}
.gallery_lite li.hover {border-color: #ccc;}
.gallery_lite li.active { border-color: #999;}
	
p.GalleriaNavLite {text-align: center; margin-top: 2em; clear: both; }

/* lightbox gallery */
#lightboxGallery { margin: 1em auto; width: 670px; }
#lightboxGallery img { border: 3px double #ccc;}
#lightboxGallery img:hover { border: 3px double #666;}


    
    
/* style for all teaser images in office */
.OfficeDetailMap img.teaserImage, .office img.teaserImage, .OfficeDetail img.teaserImage, .OfficeDetailList img.teaserImage {
		float: right;  margin: 0 0 0 0.5em; 
		-moz-border-radius: 4px; -webkit-border-radius: 4px; 
		-moz-box-shadow: 2px 2px 6px #888; -webkit-box-shadow: 2px 2px 6px #888; box-shadow: 2px 2px 6px #888;}
	
/* details pages */
.officeListMap table td .OfficeDetail table td { width: 100%;}
.OfficeDetail { margin-bottom: 1em;}
.OfficeDetail h2 {margin-bottom: 0.5em; border-bottom: 1px dashed #ccc;}
.OfficeDetail td { width: 33%; padding: 0 0.5em; font-size: 12px;}
.OfficeDetail th { width: 33%; padding: 0 0.5em; text-align: center;}
.OfficeDetail h3 span { font-weight: normal;}
a.mapLink { display: block; margin-bottom: 0.5em;
	background: url(/sites/global/img/iconMap.png) no-repeat 0 0.25em; 
	padding: 0.25em 0.5em 0.25em 1.6em;}
		
/* Products */
.productList {width: 750px;}
.prod_list {width: 33%; float: left; margin-bottom: 1em; text-align: center; overflow: auto;}
.prod_list h3 a:hover {text-decoration: none; color: #333;}
.prod_list img.ProdImage { max-height: 200px; max-width: 200px; margin-bottom: 0.25em;
	padding: 2px; border: 1px solid #ccc; }
.prod_list img.ProdImage:hover {border-color: #999;}



.landing .prodMain {width: 730px; font-size: 12px;}
.landing .prodMain th {text-align: left; font-weight: normal; border: 0 none; 
	width: 336px; padding: 0; }
img.ProdImageFull { max-width: 330px !important; 
	padding: 2px; border: 1px solid #ccc; }
.prodMain th h4 {margin: 0; padding: 3px 0; text-align: right; font-style: normal; }
.prodMain th h4 a { background: url(/sites/global/img/magnify.png) no-repeat 0 50%;
	padding-left: 12px; color: #666;}
.prodMain th h4 a:hover {color: #333; text-decoration: none;}
.prodExtra {margin-top: 1em; max-width: 330px;}


.landing .prodMain td { text-align: left; padding: 0 10px !important; }
.prodMain td .prodDesc {margin-bottom: 1em;}
.prodMain td ul {margin: 0 0 0.5em 0; padding: 0; list-style: none;}
.prodMain td ul li {margin: 0; padding: 0; list-style: none;}


.prodPrice {font-size: 1.5em; margin-top: 1em;}	
table.prodAdd {width: auto;}
.landing table.prodAdd th {text-align: left; font-weight: bold; width: auto;}
table.prodAdd td {width: auto;}

.paypal {margin-top: 1em;}
.BuyBtns {margin: 1em 0;}
.BuyBtns a {margin: 0 2px 5px 0;}
		
/* awesome btns */
.awesome, .awesome:visited {
	color: #fff; background: #094C8D url(/sites/global/img/alert-overlay.png) repeat-x; 
	display: inline-block; white-space: nowrap; padding: 5px 10px 6px; text-decoration: none;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;	cursor: pointer;}
		
.awesome:hover { background-color: #00325F; color: #fff; text-decoration: none;}
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding: 0; }
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { 
	font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
					
.black.awesome, .black.awesome:visited { background-color: #222; }
.black.awesome:hover { background-color: #000; }
			
/* the overlayed element */ 
.simple_overlay { 		     
    display:none; /* must be initially hidden */  z-index:10000; 
    background-color:#333; margin: 0 auto;
	max-width:675px; min-height:200px; border:1px solid #666; 
   -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;} 
		
.simple_overlay img {max-width: 675px; max-height: 500px;}
.simple_overlay .close { /* close button positioned on upper right corner */ 
    background-image:url(/sites/global/img/overlay/close.png); 
    position:absolute; left:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}
    
/* recipes */
ul.recipeNav {  margin: 0 0 0 20%; padding: 0; list-style: none; height: 3em;}
.recipeNav li { float: left; width: auto; margin: 0; padding: 0; list-style: none;}
.recipeNav li a {display: block; padding: 0.25em 0.5em; font-weight: bold;}
.recipeNav li a:hover {text-decoration: none; background: #333; color: #fff;}

.recipeGroup {margin-bottom: 1.5em; }
.recipeGroup h2, h2.recipeGroup {
	background: #fff url(/App_Themes/CommunitySite/Images/bg_blog_header.gif) no-repeat center left;
	padding: 2px 10px 0px 30px;
	font-weight: bold;
	font-size: 1.2em; color: #666; 
	height: 35px;
	line-height: 36px;
	margin: 0 10px 0 0;}
.recipeGroup h2 a:hover, h2.recipeGroup a:hover {
    text-decoration: none;
    color: #333;
}

.recipeItem { border-bottom: 1px dashed #ccc; padding: 1em; overflow: auto;
	background: #f5f5f5; margin-right: 10px;}
.top.pad1 {margin-bottom: 2em;}
.recipeItem.alt { background: #fff;}
.recipeItem h3 {}
.recipeItem p {}
.recipeItem img.RecipeTeaser { 	float: left; max-height: 80px; 
	padding: 0.25em 0.25em 1.25em 0.25em; margin: 0 1em 1em 0;
	background: #ededed; border: 1px solid #ccc;
	-moz-box-shadow: 0px 0px 4px #888888; -webkit-box-shadow: 0px 0px 4px #888888;}
	
.recipeDetail {width: 100%; font-size: 12px;}
.sharePrint {margin: 3px 1em 0.5em 0; text-align: right; clear: both; }
span.sharethis_0 { }

.sharePrint .printMe {  font-size: 12px; line-height: 16px; font-family: arial;
	padding: 0 0 0 18px; margin: 0 0 0 0.5em; color: #6a8a1e; position: relative; top: -1px;
	background: url(/App_themes/global/img/printer.png) no-repeat left center; border: 0 none; cursor: pointer;}

.recipeDetail {width: 100%; /* for ie8 bug */}	
.recipeDetail th { font-weight: normal; text-align: left; width: 260px; padding-right: 10px; border: 0 none; }
.recipeDetail .RecipeTeaser { display: block; width: 250px; 
	padding: 0.25em; margin: 0 0 0.25em 0;
	background: #ededed; border: 1px solid #ccc;
	-moz-box-shadow: 0px 0px 4px #888888; -webkit-box-shadow: 0px 0px 4px #888888;}
.recipeDetail .RecipeTeaser img {display: block; max-width: 250px;}
.recipeDetail th .info2 { padding: 0.5em; margin: 1.5em 0 0.25em 0;max-width: 310px;}
.recipeDetail th .info2 img {max-width: 300px;}

.recipeDetail h4 {text-align: right; margin: 0.25em 0.25em 1em 0.25em; font-size: 12px;}

.recipeDetail td {padding-right: 1.5em;}
.recipeDetail h3 span {font-weight: normal;}
.recipeDetail h2 {margin: 0 0 2px 0;}
.recipeDetail ul {margin-top: 0;}
.recipeDetail .RecipeInfo { margin-bottom: 1em; padding: 0 1em 1em 1em;}
.recipeDetail .info1 { border: 1px dashed #ccc; padding: 0.5em;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;}
		
/* testimonials */
.listTable { width: 100%; }
.listTable th { width: 120px; padding-right: 1em; border-right: 1px dashed #ccc;
	text-align: left; font-weight: normal;}
.listTable th a { display: block; margin-bottom: 0.5em;}
.listTable th a:hover {text-decoration: none; color: #333;}
.listTable td {padding: 0 0 0 10px;}

.TestimonialItem { margin: 2em 1em 1em 1em; background: url(../img/QuoteL.png) no-repeat 0 0;
	padding: 0 0 0 0; }
.TestimonialItem img { max-width: 80px; float: right;
	padding: 0.25em 0.25em 1.25em 0.25em; margin: 0 1em 1em 1em;
	background: #ededed; border: 1px solid #ccc;
	-moz-box-shadow: 0px 0px 4px #888888; -webkit-box-shadow: 0px 0px 4px #888888;}

.TestimonialItem div.info { height: 38px; vertical-align: middle;}
.TestimonialItem h3 {margin: 2px 0 0 45px; font-size: 14px; line-height: 14px;}
.TestimonialItem h3 span { font-weight: normal; color: #999;}
/*.TestimonialItem h3.first {margin-top: 1em;} /* selected via jquery */

.TestimonialItem h4 { margin: 0.25em 2em 0 0; color: #999; font-style: normal; text-align: right;}

.TestimonialItem blockquote {padding: 0 1em 0 0; margin: 0 0; overflow-y: auto;}

.TestimonialItem blockquote {padding: 0 1em 0 0; margin: 0 0; overflow-y: auto;}

.TestimonialHome {margin: 0 0 1em 0; background: url(../img/QuoteL.png) no-repeat 0 0;  
	padding: 0 0 0 42px;}
.TestimonialHome blockquote {color: #464646; font-size: 12px; font-weight: normal; line-height: 1.3em;
	padding: 0 1em 0 0; margin: 0;}
.TestimonialHome h3 {margin: 0; height: 39px; line-height: 15px;}
.TestimonialHome h3 span {display: block;}