/* Basic Classes ----------------------------------------------------------- */

.center
{
    text-align:center;   
}
.floatRight {
    float:right
}
.floatLeft {
    float:left
}
.maxW100 {
    max-width:100%
}
/* ClearFix */

.clearFix:before,
.clearFix:after {
    content: "";
    display: table;
} 
.clearFix:after {
    clear: both;
}
.clearFix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.bgVideo{
				z-index:-100;
				position: fixed;
			  right: 0;
			  bottom: 0;
			  min-width: 100%;
			  min-height: 100%;
			  }

ul {
list-style-position: inside
}
/* This hides the spin-button (arrows up and down) for type="number" fileds */

input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* Link Classes ----------------------------------------------------------- */

.imgTag a {
    border-bottom:none;
    text-decoration:none;
}


/* Color Classes ----------------------------------------------------------- */

/*main background color */
<!--.bgcolor1 {
   BACKGROUND-COLOR: #f1b227;
   BACKGROUND-COLOR: ;
}
.maincolor1 {
   COLOR: #f1b227;
   COLOR: ;
}
/*main button color */
.bgcolor2 {
   BACKGROUND-COLOR: #151515;
   BACKGROUND-COLOR: ;
}
.maincolor2 {
   COLOR: #151515;
   COLOR: ;
}










.bgcolor3 {
   BACKGROUND-COLOR: #151515;
}
.bgcolor4 {
   BACKGROUND-COLOR: #FFFFFF;
}
.rowcolor1 {
   BACKGROUND-COLOR: #ffffff;
}
.rowcolor2 {
   BACKGROUND-COLOR: #FFFFFF;
}
.fontcolor1 {
   COLOR: #ffffff;
}
.fontcolor2 {
   COLOR: #ffffff;
}
.fontcolor3 {
   COLOR: #ffffff;
}-->


/* SLIDESHOW CSS ----------------------------------------------------------- */

.featuredSlide
{
    width:675;
    height:450;
    
}

 
 /* Classes used for main text editor widget in the tools */
.EditorBG
{
    FONT-WEIGHT: normal;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #f1b227;
    min-width:initial !important;

}
.EditorBG2
{
    FONT-WEIGHT: normal;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #f1b227;
    min-width:initial !important;
}
.EditorBGTitle
{
    FONT-SIZE: 1.5em;
}

  body.EditorBG {
         min-width:initial !important;
     }

.editbg {   
    color:yellow;
    text-shadow:0 0 5px #000;
    max-width: 300px;
    margin: 0 auto;
    
}


 /* GLOBAL Classes that are the default if a more specific class is not set */
 /* GLOBAL Classes are the fallback classes if your want all pages to present lists in the same manner. */
 /* MORE SPECIFIC Style Declarations in MORE SPECIFIC Classes like ServListAltRow1Title would OVERRIDE A GLOBAL CLASS like MainAltRow1Title */
 



/* Featured Items ----------------------------------------------------------- */

.hiddenModalContent{
    display:none;
 }



.featuredTile{
    padding:0px;
    margin:0px;
 }

.featuredTileImg{
    padding:0px;
    margin:0px;
    border:0px;
 }
 .featuredItemLink
{
   
   
}
.featItemArticle4 {
    width:100%;
    clear: both;
}
.featItemArticle4 img{
    max-width:100px;
    float:left;
    padding-right:10px;

}
.featItemArticle4 .featItemDescription {
    line-height:1;
    font-size:12pt;
}
.featItemArticle4 header {
    margin:-5px 0 0 0;
}
.featItemArticle4 ul.actions {
    margin:0;
}
.featItemArticle4 .small a {
    max-height:2em;
    padding:initial;
}
.featItemArticle4 .fit li, .featItemArticle4 .fit a {
    width:100%;
}


 .modalContent
    {
    width:100%;
    height:128px;
   border:1px solid #333333;
    padding:8px;
    }
.modalImgDiv
    {
    float:left;
    width:120px;
    height:120px;
    overflow: visible;
    margin-right:6px;
    margin-top:25px;
    }
.modalImg
    {
    width:120px;

    }
.modalText
    {
    
    height:120px;
    overflow: visible;
   }
.modalTitle
    {
    font-size:16px;
    font-weight:bold;
    }
.modalDesc
    {
    font-size:12px;
    font-weight:normal;
    }

.featuredContent
    {
    width:100%;
    height:128px;
    padding:8px;
    }
.featuredImgDiv
    {
    float:left;
    width:120px;
    height:120px;
    overflow:hidden;
    margin-right:6px;
    margin-top:6px;
    }
.featuredImg
    {
    width:120px;

    }
.featuredText
    {
    
    height:120px;
    overflow:hidden;
   }
.featuredTitle
    {
    font-size:1em;
    font-weight:bold;
    }

 .featuredTitleSmall
    {
    font-size:1em;
    font-weight:bold;
    }
  .featuredDesc
    {
    font-size:1em;
    }
.featuredLinkOffer {
    display:block;
}

/*Links ----------------------------------------------------------- */


#PnlReturn a {
    text-decoration:none;

}
/*Buttons ----------------------------------------------------------- */

/*.mainButton {
     border: 1px solid #949494;
     border-radius: 2px;
     padding: 1px 6px;
     cursor: pointer;
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #f6f6f6 0%, #dedede 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#dedede 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f6f6f6 0%,#dedede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */


}*/
.mainButton a, .mainButton a:link, .mainButton a:visited {
     color: #000000;

}
.mainButton a:hover {
     color: #000000;

}


.mainButton, input[type="button"], input[type="submit"]{
    font-size: 15px;
    text-align: center;
    border: 0;
    transition: all 0.3s ease 0s;
    opacity: 1;
    padding:6px;
    border-radius:0;
    cursor:pointer;
    line-height:2.2;
    font-weight:bold;
    
}
.mainButton a, input[type="button"] a, input[type="submit"] a {
    text-decoration:none;
    color: #000000;
}


.mainButton:hover, input[type="button"]:hover,input[type="submit"]:hover{
  opacity: 0.75;
}

input[type="submit"], input[type="button"] {
    padding:0 6px;
    margin-top:5px;
    

}

input[type="submit"], input[type="reset"], input[type="button"], .button, .mainButton, #BtnSave {
    
    background-color:#AFAFAF;
    color:#000000;
    text-align: center;
    border-radius: 0.5em;
    padding: 0.65em 3em 0.65em 3em;
    border: 0;
    cursor: pointer;
    outline: 0;
    font-weight: 300;
    }




input[type=submit] {
    cursor: pointer;
    padding: 8px;
    border-radius: 3px;
    font-weight: bold;
}




/*Graphic/Images ----------------------------------------------------------- */
   
    .imgWrapResponsive {
        margin:0 auto;
    }

 


/* Menu Styles Main ----------------------------------------------------------- */

section.mainItemGroupColumns {
    display:inline-block;
    vertical-align:top;
    text-align:center;
    margin:3em 0;
}


.mainItemGroupColumns ul.actions{
    margin-bottom: 1em;
    list-style:none;
}
.mainItemGroupColumns .servH3Position {
    float:initial;
}
.mainItemGroupFlow ul.actions, .mainItemGroupGrid ul.actions {
    list-style:none;
} 

.mainItemGroupFlow  header p {
    clear:right;
}
.mainItemGroupFlow ul.actions.stacked {
    float:right;
    list-style:none;
    position:relative;
    top:-20px
}
.mainItemGroupFlow header > h3 {

    margin:0
}
.mainItemGroupFlow header p {
    margin:0;
}
.mainItemGroupFlow .servPricingFlow {
    padding-top:0
}

section.mainItemGroupFlow, .mainItemGroupGrid {
    clear:both;
    padding: 1em 0 0 0;
}
.mainItemGroupFlow .imgTag, .mainItemGroupGrid .imgTag {
    float:left;
    margin-right: 1.5em;
}

.mainItemGroupGrid ul.actions.stacked {
    text-align:right;
    margin-bottom:0;

}
.mainItemGroupGrid .servPricingGrid {
    width: 150px;
    margin-left: 1.2em;
    margin-bottom: 1em;
}


.mainItemGroupGrid .editBox {
    max-width:82%;
}
  .mainItemGroupGrid .servPricePosition {
        position:relative;
       /* top:-53px;--------------- 
HAD TO REMOVE THIS DUE TO THE OVERFLOW HIDDENT TAG BELOW... NEED TO FIGURE OUT BETTER WAY TO DISPLAY PRICING INLINE WITH THE TITLE*/
    }
.mainItemGroupColumns.staff p {
    text-align:center;
}



/* This makes it so the text will not flow underneath a floated image inside the menus */
.mainItemGroupFlow div, .mainItemGroupFlow p, .servTextGrid, .mainItemGroupGrid div, .mainItemGroupGrid p {
   /* overflow:hidden; */
}
.mainItemGroupFlow.prod p {
    overflow:hidden;
}
/* SERVICES Menu ----------------------------------------------------------- */

.servPricingGrid {
    float:right;
}
.servPricingColumns{
    border-bottom:solid 1px #e5e5e5;
    padding:0.5em 0;
}

.servPricingColumns {
    
}
.servPricingFlow{
    padding-top:55px;
}

.servPolicy {
    clear:both;
}
#categoryList  p  a {
    display:block;
}
.servCatTitle p {
    font-size:1em;
}
.servMenuSection > header {
    clear:both;
    padding-top:3em;
}
.servMenuSection > header > h3 {
    font-size:2em;
}
.servMenuSection > header:first-of-type {
 padding-top:0;
}
.servH3Position {
    float:left;
    margin:0;
}
.mainItemGroupGrid.serv img {
max-width: 200px;
}
.mainItemGroupColumns.serv ul.actions{
    clear:both;
}

/* PRODUCTS Menu ----------------------------------------------------------- */

.mainItemGroupFlow.prod header > h3 {

    float:initial;
}
section.mainItemGroupColumns.prod {
    width:33%;

}
section.mainItemGroupColumns.prod p {
    font-style:normal;
    text-align:justify;
    padding:1em;
}
.mainItemGroupFlow.prod ul.actions.stacked {
    text-align:center;
    float:initial;
    margin-bottom:1em;
}

.mainItemGroupFlow.prod .button {
    padding:0.65em 1em;
}

/* PRODUCTS Menu using DIVS instead of tables and rows-------- */
.ProdListDivMain
{
    vertical-align:top;
    clear:both;
}

.ProdListDivLogo img
{
   float:left;
   margin:1em;
}

.prodListDivText
{
    
}

.ProdListDivTitle
{

}

.ProdListDivDetail 
{
display:block;
}

.ProdListDivCopy 
{

}

/* below fixes an issue with the productbqueriesdiv.inc (for select custom members) where the text is showing below the graphic due to display property that is being set via jquery on the element */
.prodListDivText div[id*='proditem'] {
display:block !important;
}

/* SPECIALS Menu ----------------------------------------------------------- */


.mainItemGroupFlow.spec h3 {
    float:initial;
}

/* Specials Menu using DIVS instead of tables and rows-------- */

.offerValid {
    display:block;
    clear:both;
}





.SpecListDivMain1, .SpecListDivMain2
{
    vertical-align:top;
    clear:both;
    width:100%;
    padding:3px;
    margin-bottom:3em;
}

.specListDivImg img
{
   float:left;
   margin:10px;
    width:225px;
}
.specListDivText
{
    
}
.specListDivTitle
{
    font-weight:bold;
}
.specListDivDetail 
{
    display:block;

}
/* below fixes an issue with the promodbqueriesdiv.inc (for select custom members) where the text is showing below the graphic due to display property that is being set via jquery on the element */
.specListDivDetail div[id*='specitem'] {
display:block !important;
}



/* STAFF Menu ----------------------------------------------------------- */

.mainItemGroupFlow.staff p {
    float:left;
    max-width:40%;
}
.mainItemGroupFlow.staff ul.actions.stacked {
    float:right; 
}
.mainItemGroupColumns.staff ul.actions {
    margin:1em 0;
}






.staffListTbl
{
    display:inline-block;
    margin: 0 10px;
    width:150px;
    min-height:260px;
}

.staffListImg
{
    width:150;
    max-height:185px;
    overflow:hidden;
    min-height:185px
}

.staffListNamePosit
{
    width:150;
    text-align:center;
    margin:0 auto;
}



/* GIFT Menu ----------------------------------------------------------- */

/* CSS for apps/gift.aspx ----------------------------------------------------------- */

#JITDesignDiv {
padding:10px 0;
}

.GCButton a {
 padding:0;
}

/* GUEST Menu ----------------------------------------------------------- */

/* BOOKING / Contact Menu ----------------------------------------------------------- */

.contactInfo, .bizHours {
    display:inline-block;
    vertical-align:top;
    padding: 1em;
}
.days, .hours {
    display:inline-block
}
.days {
min-width:90px
}
.phn, .mail, .addr {
    padding:5px 0;
    background-position:left;
    background-repeat:no-repeat;
    width: 100%;
    display:block;

}
.locListRespTitle {
    font-weight:bold;
}

/* GALLERY STYLE ----------------------------------------------------------- */

.GalleryBody {
    margin:0px;

}
.GalleryFormBody
{
    BACKGROUND-COLOR:#ffffff;
}
.GalleryHeader
{
    COLOR:#ffffff;	
    BACKGROUND-COLOR:#151515;
    FONT-SIZE:14px;    
    FONT-WEIGHT:bold;
}

.GalleryFormTitles
{
    FONT-SIZE:14px;
    FONT-WEIGHT:bold;
    color:#333333;
}
.GalleryFormText
{
    FONT-SIZE:12px;
    FONT-WEIGHT:normal;
    color:#333333;
}

.GalleryFormButtons {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:2px 2px 1px #ffffff;
}
.GalleryFormButtons:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.GalleryFormButtons:active {
	position:relative;
	top:1px;
}

/* SHOP Menu ----------------------------------------------------------- */
.ShopFormBody
{
    BACKGROUND-COLOR:#ffffff;
}
.ShopFormBody td, .ShopFormBody div
{
    color:#000000;
}
.ShopTop
{
    
   width:100%;
   text-align:center;
}
.ShopHeader
{
    COLOR:;	
    text-align:left;
    margin:0 auto;
}
.ShopHeaderLogo
{
    margin:10px 10px 10px 15px;
}
#shopSearch, #shopSort, .ShopItem, #LblCatName, .ShopItemName, .ShopPriceDiv, .ShopHeaderCompany h1, .shopItemName h3, .shopItemDesc,  {

    COLOR:#000000;	
}
.ShopHeaderCompany
{
    
    FONT-SIZE:32px;    
    FONT-WEIGHT:bold;
    padding-top:30px;
}

.ShopHeaderAddress
{
    
    FONT-SIZE:16px;    
    FONT-WEIGHT:bold;
}
.ShopHeaderContact
{
    
    FONT-SIZE:16px;    
    FONT-WEIGHT:bold;
}
.ShopHeaderWeb
{
    display:inline-block;
    vertical-align:top;
    padding-right:15px;
}
.ShopFooterContact, .ShopFooterWeb, .ShopFooterAddress {

    display:inline-block;
}
.ShopFooter {
   COLOR:;	
    BACKGROUND-COLOR:;
    width:100%;

bottom:0;
text-align:center;
    
}
/* .Header {
   COLOR:;	
    BACKGROUND-COLOR:;
}*/
.ShopFooter a, .ShopFooter a:link, .ShopFooter a:visited{

COLOR:;	
}
.ShopFooter a:hover, .ShopFooter a:visited:hover{
text-decoration:underline;
COLOR:;	
}
.ShopFooterCopy {
font-size:.7em;
}

.catSelect{
    COLOR:;	
    BACKGROUND-COLOR:;
    
}

#divCartSummary {
text-align:right;
padding-right:15px;
display:inline-block;
}
.shopBrandDiv
{
display:inline-block;
padding-left:10px;
}
.shopCatGroup {
background-color:;
COLOR:;	
padding:3px 0;
margin:10px 0;
}
.shopCatGroup a, .shopCatGroup a:link, .shopCatGroup a:visited{

COLOR:;	
}
.shopCatGroup a:hover, .shopCatGroup a:visited:hover{
text-decoration:underline;
COLOR:;	
}
.ShopPriceDiv {
    margin: 5px 0;
    padding: 10px;

}

#shopSort, #shopSearch, #shopCart {
     float:right;
 }
#shopSort {
    padding-top:8px;
}

#shopSearch {
padding:0 15px 5px 15px;
}
#headerDiv, #tileDiv, #shopSort, #shopProdTbl {
    margin:0 auto;
}
#shopProdTbl {
    width:100%;
    clear:both;
}
.listimg{
    max-width:300px;
    width:100%;
}
.ShopItemName {
   font-weight:bold;
}
.shopItemName h3 {
font-size:32px;
font-weight:bold;
margin-bottom:initial;
}
.catimg {
    margin: 0 5px;
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
}
.prodTiles {
    width:100%;
}

#shopProdTbl h3, #PnlOrderList h3{
text-align:left;
border-bottom: 1px solid #151515;
border-bottom: 1px solid ;
margin:40px 0 10px 0;
}
.ShopPriceDiv .cartBut, .cartBut {
background-color:#151515;
background-color: ;
COLOR:#ffffff;	
COLOR:;
margin: 10px 5px 0 10px;
padding:3px;
text-align:center;
border-radius:0;
border: 1px solid #ffffff;
border: 1px solid ;
cursor:pointer;
display:block;
}

.pointer {
cursor:pointer;
}
.shopChkOutTitle {
text-transform:uppercase;
font-size:20px;
font-weight:bold
}
.shopChkOutTD {
padding-top:8px;
}
#shopCart a {
    COLOR:;
}
#shopCart a:hover {
    text-decoration: underline;
}
#LblCatName, .ShopItem  {
    COLOR:;
}
.ShopFormBody a, .ShopFormBody a:active, .ShopFormBody a:link  {
    COLOR:#000000;
}
#DtlItems .Header {
font-weight:bold;
padding:4px;
}
#DtlItems .Normal {
padding:4px;
}
#accordion3 a[name=itembut] {
COLOR:;
}
.shopItemName select {

    display:inline-block;
}
/* JOBS PAGE ----------------------------------------------------------- */
.jobDetailsDiv h3{
    display:inline-block;
margin-top:.5em;
}
.jobDetailsIconDiv {
display:inline-block;
width:80px;
text-align:center;
padding-right:5px;
}
.jobListtitleRow td {
font-weight:bold;
}
#jobListTable td {
width:15%;
padding-top:1em;
}
#jobListTable td:first-of-type, #jobListTable td:nth-of-type(5) {
width:25%;
}
.jobListButton {
    padding:5px 10px;
}

/* PRINT STYLE ----------------------------------------------------------- */
.PrintBody{
    padding:6px;
    background-color:white;
}
.PrintCompany{
    FONT-SIZE:22px;
    FONT-WEIGHT:bold;
    COLOR:black;
}
.PrintAddress{ 
    FONT-SIZE:14px;
    FONT-WEIGHT:normal;
    COLOR:black;
    }
.PrintPhone{
    FONT-SIZE:16px;
    FONT-WEIGHT:bold;
    COLOR:black;
    }

.PrintHeader{
    FONT-SIZE:18px;
    FONT-WEIGHT:bold;
    COLOR:black;
}

.PrintTypeName{
 FONT-SIZE:1.4em;
    FONT-WEIGHT:bold;
    COLOR:black;
}
.PrintServTitle{
    FONT-SIZE:1.2em;
    FONT-WEIGHT:bold;
    COLOR:black;
}

.PrintLabel label{
    FONT-SIZE:12px;
    FONT-WEIGHT:bold;
    COLOR:black;
}
.PrintServPrice{

    FONT-WEIGHT:italic;
    COLOR:black;
    }
.PrintServText{


    FONT-WEIGHT:normal;
    COLOR:#333333;
}
.PrintServDetails{
   FONT-SIZE:11px;
      FONT-WEIGHT:normal;
    COLOR:#333333;
}
.PrintFooter{

    FONT-SIZE:10px;
    FONT-WEIGHT:normal;
    COLOR:#333333;
}

#tblMenu {
max-width:800px;
margin:0 auto;
}

.editBGClass {
    background-color:#000000;
    padding:4px;
    border:2px solid #fff000;
    color:#fff000;
    font-size:13pt;
    font-weight:bold;
    position:absolute;
    left:150px;
    top:250px;
    width:200px;
    margin:0;
}

.editmain p
{
margin:0;
}
.edititem p
{
margin:0;
}
.cke_editable {
width:100%;
}
div.shareBody {
color:#545454;
}
.shareLink {
    background-color:#cccccc;
    font-size: 14px;
    text-align: center;
    padding:5px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius:5px;
    font-weight:bold;
    float:right;

}
.shareLink:hover {
    background-color:#2c94c0;
}
a.shareLink, a.shareLink:link, a.shareLink:visited, a.shareTextLink, a.shareTextLink:link, a.shareTextLink:visited {

    color:#2c94c0;
}

a.shareLink:hover, a.shareLink:visited:hover, a.shareTextLink:hover, a.shareTextLink:visited:hover {
    color:#000000;
}



/* ICONS ----------------------------------------------------------- */

    .defaultIcon {
        
    }
    
	.icon {
		text-decoration: none;
	}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.icon > .label {
			display: none;
		}

		.icon.circled {
			position: relative;
			display: inline-block;
            background: #cccccc;
			background:;
			color: #fff;
			border-radius: 100%;
			width: 3em;
			height: 3em;
			line-height: 3.25em;
			text-align: center;
			font-size: 1.25em;
		}

			header .icon.circled {
				margin: 0 0 2em 0;
			}

/* SLIDESHOW CSS ----------------------------------------------------------- */
.mobileItem
{
    display:none;
    
}

@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) {

    .mobileItem
    {
        display:initial;
    
    }
}

/* ---------------------------------------------------- */
/* SLIDESHOW Jquery plugin
/* ---------------------------------------------------- */
#slideshow {
width: 675px;
background-color: #000000;}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            


/* SLIDESHOW > SLIDES   -----------------------------

#slideshow .slides {
overflow: hidden;
width: 675px;
height:450px;}

#slideshow .slides ul {
width: 675px;}

#slideshow .slides li {
width: 675px;
height:450px;
float: left;
padding: 0px;}

#slideshow .slides h2 {
margin-top: 0;}

 */

a.shareLink {
  background: #ededed;
  background-image: -webkit-linear-gradient(top, #ededed, #adafb0);
  background-image: -moz-linear-gradient(top, #ededed, #adafb0);
  background-image: -ms-linear-gradient(top, #ededed, #adafb0);
  background-image: -o-linear-gradient(top, #ededed, #adafb0);
  background-image: linear-gradient(to bottom, #ededed, #adafb0);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  color: #333333;
  font-size: 21px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

a.shareLink:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.editBGClass {
    background-color:#000000;
    padding:4px;
    border:2px solid #fff000;
    color:#fff000;
    font-size:14pt;
    font-weight:bold;
    position:absolute;
    left:150px;
    top:250px;
    width:200px;
    margin:0;
}

.userimg {
cursor:move
}

A.imgLibLink {
color:#EEEEEE;
text-shadow: 1px 1px 2px rgba(0,0,0,1), -1px -1px 2px rgba(0,0,0,1);
}

A:hover.imgLibLink {
color:#FFFFFF;
text-shadow: 1px 1px 2px rgba(0,0,0,1), -1px -1px 2px rgba(0,0,0,1);
}

/* Media Queries ----------------------------------------------------------- */


@media screen and (max-width: 3000px) {
    section.mainItemGroupColumns {
        width:23%;
        margin: 30px 5px;
    }
    .imgTag img {
        width:200px;
    }
    .mainItemGroupColumns H3 {
        font-size:1.25em
    }
    .spec .imgTag img, .spec .imgTag {
        max-width:300px;
    }
    

}

@media screen and (max-width: 1280px) {
     section.mainItemGroupColumns {
        width:29%;
        margin: 30px 5px;
    }
    .imgTag img {
        max-width:250px;
        width: 100%;
    }
    .spec .imgTag img, .spec .imgTag  {
        max-width:300px;
    }
    section.mainItemGroupFlow .imgTag img {
        max-width:200px;
        width: 100%;
    }
    .mainItemGroupGrid .servPricingGrid {
        width: 130px;
    }
}

@media screen and (max-width: 980px) {
    section.mainItemGroupColumns {
        width:29%;
        margin: 0 5px;
    }
    .imgTag img {
        max-width:200px;
        width: 100%;
    }
    .spec .imgTag img, .spec .imgTag  {
        max-width:250px;
    }
}

@media screen and (max-width: 840px) {
    section.mainItemGroupColumns, section.mainItemGroupColumns.prod {
        width:46%;
        margin: 30px 5px;
    }
    .imgTag img {
        max-width:250px;
        width: 100%;
    }

}

@media screen and (max-width: 800px) {
      .mainItemGroupGrid .imgTag {
        float:initial
    }
        

}

@media screen and (max-width: 736px) {
     section.mainItemGroupColumns,  section.mainItemGroupColumns.prod  {
        width:100%;
    }
    .mainItemGroupColumns .servH3Position {
        float:initial;
    }
    .imgTag img {
        max-width:250px;
        width: 100%;
    }

     section.mainItemGroupFlow.spec .imgTag img {
        max-width:100%;
    }

    .mainItemGroupFlow header > h3 {
        float:initial;
        margin:0;
    }

    .mainItemGroupFlow ul.actions.stacked {
    float:initial;
    }
  
    .mainItemGroupGrid .imgTag {
        float:initial;
        text-align: center;
    }

    .mainItemGroupGrid .editBox {
        max-width:72%;
    }

    .mainItemGroupGrid .servPricePosition {
        top:-45px;
    }
}

@media screen and (max-width: 615px) {
    .mainItemGroupFlow, .mainItemGroupGrid   {
        margin-bottom:2.5em;
    }  
    .mainItemGroupFlow .imgTag {
        float:initial;
        text-align: center;
    }
    ul.actions:not(.fixed) {
        flex-direction: column;
        margin-left: 0;        
        width:100%;
    }
    ul.actions:not(.fixed) li input[type="submit"], ul.actions:not(.fixed) li input[type="reset"], ul.actions:not(.fixed) li input[type="button"], ul.actions:not(.fixed) li button, ul.actions:not(.fixed) li .button {
        width:100%;
        }
    .mainItemGroupFlow  *{
        text-align:center;

    }
    .mainItemGroupFlow.staff p {
        float:initial;
    }
    .mainItemGroupFlow .imgTag, .mainItemGroupGrid .imgTag {
        margin-right: 0;
    }
    .mainItemGroupGrid > header > h3 {
        float:initial;
        text-align:center;
    }
    .mainItemGroupGrid .servPricingGrid {
        width:100%;
        float:initial;
        margin-left:initial;
    }
    .mainItemGroupFlow.spec .imgTag {
        max-width:100%;
    }
    .mainItemGroupColumns.prod .imgTag {
        max-width:100%;
        max-height:initial;
        float:initial;
    }
     .mainItemGroupColumns.prod .imgTag img {
        max-width:100%;
        width: 100%;
    }
    .mainItemGroupGrid .editBox {
        max-width:100%
    }
  
    section.mainItemGroupFlow .imgTag img {
        max-width:100%;
        width: 100%;
    }
    .mainItemGroupFlow.staff p {
        max-width:initial;
    }


}

@media screen and (max-width: 480px) {
    section.mainItemGroupColumns {
        width:100%;
    }
    .imgTag img {
        max-width:250px;
        width: 100%;
    }

     

}

/* SlideBG Media Queries --------------------------------------- */
.slideBg {
        height: 600px;
        margin: 0 auto;
        text-align: center;
    }

@media screen and (max-width: 3000px) {

.slideBg {
        height: 600px;
    }
}
@media screen and (max-width: 1200px) {

.slideBg {
        height: 550px;
    }
}

@media screen and (max-width: 840px) {

    .slideBg {
        height: 550px;
    }
}
@media screen and (max-width: 736px) {

    .slideBg {
        height: 500px;
    }
}
@media screen and (max-width: 600px) {

    .slideBg {
        height: 450px;
    }
}

@media screen and (max-width: 500px) {

    .slideBg {
        height: 400px;
    }
}
@media screen and (max-width: 415px) {

    .slideBg {
        height: 370px;
    }
}

@media screen and (max-width: 375px) {

    .slideBg {
        height: 300px;
    }
}
@media screen and (max-width: 320px) {

    .slideBg {
        height: 280px;
    }
}

/*--------------servPhotoSlider----------------*/
#servTable .bx-wrapper {
    position: relative;
}
    #servTable .bx-wrapper li {
        text-align: left !important;
        padding: 0 40px;
    }
#servTable .bx-controls-direction {
    position: absolute;
    width: 100%;
    top: 30%;
    z-index: 90;
}
#servTable .bx-wrapper a {
    border: 0;
}
#servTable .bx-prev {
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 95;
    font-size: 3em;
    text-decoration: none;
    color: #fff;
}
#servTable .bx-next {
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 95;
    font-size: 3em;
    text-decoration: none;
    color: #fff;
}
#servTable .bx-pager {
    margin-top: 20px
}
#servTable .bx-controls-auto-item {
    display: inline-block;
}
#servTable .bx-controls-auto {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 90;
    text-align: right;
}
#servTable .bx-stop {
    color: #fff;
    padding: 0 2px;
}
#servTable .bx-start {
    color: #fff;
    padding: 0 2px;
}
#servTable .bxslider {
    max-width: 700px;
}

    #servTable .bxslider .imgTag {
        display: inline-block;
    }
    #servTable .bxslider .bannerDetail {
        display: inline-block;
        text-align: left;
        margin-left: 2em;
        max-width: 600px;
        vertical-align: top;
    }
#servTable .bannerDetail h1 {
    font-size: 1.3em;
    font-weight: bold;
}
#servTable .bannerDetail hr {
    margin: 0;
}
#servTable .bx-pager-item {
    display: inline-block;
}

#servTable .bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
    #servTable .bx-wrapper .bx-pager.bx-default-pager a:hover, #servTable .bx-wrapper .bx-pager.bx-default-pager a.active, #servTable .bx-wrapper .bx-pager.bx-default-pager a:focus {
        background: #fff;
    }


/* Template Specific ----------------------------------------------------------- */