#PageContainer11 {position:relative;display:inline-block;width:100%;margin-bottom: 30px;}
#PageContainer1 {position:relative; max-width: 650px; margin: 0 auto;}
#PageContainer3 {position:relative;clear:right;}

.sf-big-picture {position:relative;top:0;left:-50%!important;width:200%!important;z-index:1; margin-bottom: 20px;}
.sf-big-picture img {position:relative;display:block;top:0px;left:0px;right:0px;bottom:0px;margin:auto;}

.PageImage {}
.PageImage img {max-width:1920px;max-height:1080px;min-height:3em;width: auto; height: auto;}
.ImgLink {cursor:pointer;}

.PageTitle {margin:30px 0;padding:5px;font-size:2.8em;font-weight:normal;text-align:center;line-height:1.2em;word-wrap:break-word;border-width:0px;border-style:solid;}
.PageContentContainerOuter{position:relative;min-height:195px;}
.PageContentContainer{display:table;position:absolute;width:100%;top:50%;left:50%;z-index:100;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.PageIntroduction {font-size:1.3em;line-height:1.3em;margin:auto;padding:10px 0;background-color:transparent;}
.PageIntroduction form label {font-size:1.2em;margin-right:5px;}
.PageDescription {font-size:1.3em;line-height:1.3em;margin:auto;padding:10px 0;background-color:transparent;}
.PageFootnote {text-align:center;padding:15px 0;margin:0 auto;}
.PageFootnote .sf-button { text-transform: uppercase; }

.Product { clear:both; max-width: 650px;}

.PageHTMLCodeTop{ margin-top: 30px;}

.testimonials_area{clear: both; padding: 15px; margin-bottom: 35px;font-family: 'Shadows Into Light Two', cursive; font-size: 1.2em; line-height: 1.4em; position: relative;}
.testimonials_area em{font-style: normal; float: right; font-size: 0.7em; line-height: 1em; margin-top: 10px; text-transform: uppercase;}
.testimonials_area:nth-child(odd){background: #e6e6e6; border-radius: 10px; max-width: 80%; float: left;}
.testimonials_area:nth-child(even){background: #e6e6e6; border-radius: 10px; max-width: 80%; float: right;}
.testimonials_area:nth-child(odd):after{width: 25px; height: 21px; content:""; position: absolute; left: 30px; bottom: -21px; background:url(../media/talk-icon-new.png) no-repeat left top;}
.testimonials_area:nth-child(even):after{width: 25px; height: 21px; content:""; position: absolute; right: 30px; bottom: -21px; background:url(../media/talk-icon-new-r.png) no-repeat left top;}

/* Page html code */
.PageCodeTop, .PageCodeBottom {padding:10px;}
.PageCodeSnippetArea1, .PageCodeSnippetArea2, .PageLinkBoxTop, .PageLinkBoxBottom {margin:5px;}

/* Start SiteMap */
.ddSitemapLink{position:relative;padding:0 5px;cursor:pointer;font-size:0.5625em;background-color:transparent;color:#7c7c7f;}
.ddSitemapMenu{position:absolute;visibility:hidden;left:0;top:0;width:200px;height:150px;padding:0px 5px;border:1px solid #000000;overflow:scroll;overflow-x:hidden;z-index:999;background-color:#ffffff;text-align:left;}
.ddSitemapMenu a,.ddSitemapMenu div{color:#000000;}
.ddSitemapMenu hr{position:relative;width:200px;height:1px;}
.ddSitemapItem{display:block;padding:0px 10px;text-decoration:none;width:190px;}
#ddSFLink{position:relative;text-align:right;top:-12px;}
#ddSFLinkSep{width:86%;}
/* End SiteMap */

@media all and (min-width:1025px) and (max-width:1240px){
}
@media all and (min-width:769px) and (max-width:1024px){
}
@media all and (max-width:768px){
	.PageContentContainerOuter{min-height:3em;}
	.PageContentContainer{font-size:.5em;display:block;height:auto;min-height:auto;text-align:center;}
	.PageContentContainer > *{font-weight:normal;}
	.PageContentContainer .sf-button{margin:0!important;}

	.PageIntroduction > div {width:auto!important;}
	.PageIntroduction > div label+input {display:block;}

	.sf-big-picture {position:static;top:auto!important;left:auto!important;width:auto!important;height:auto!important;}
	.sf-big-picture img {position:static;top:auto;left:auto;right:auto;bottom:auto;margin:auto;min-width:auto;}
	.PageImage img {width:100%;height:auto;max-width:none;max-height:none;}
}
@media all and (max-width:640px){
	.PageContentContainer{font-size:.4em;}
	.PageContentContainer > *{font-weight:normal;}
}
@media all and (max-width:480px){
	.PageContentContainer{font-size:.4em;}
	.PageContentContainer > *{font-weight:normal;}

	.span_3_of_3 {width:100%!important;}
	.span_2_of_3 {width:100%!important;}
	.span_1_of_3 {width:100%!important;}
	.col {margin: 1% 0 1% 0%!important;}
}

/*
Version tag, please don't remove
$Revision: 32087 $
$HeadURL: svn://3d3-p432/ShopFactory/branches/V11_00/bin/SFXTemplates/Themes/SFX-BES-AA_1/Pages/SFX-Home_1/stylesheet.css $
*/