@import url(//fonts.googleapis.com/css?family=Oxygen);
@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/css?family=Dancing+Script);

html{
}

body{       
font-size:16px;
font-family: 'Oxygen', sans-serif;
margin:1% ;
line-height:150%
}

.video-domain-wrap{
color:purple ;
letter-spacing:1px;
font-size: 22px;
line-height:125%
}

#servicePlanWrapper [data-plan]:hover{
border:1px dotted black;
}

#upgrade-special-wrap .goAlert{
font-size:90%
}

#upgrade-special-wrap .upgrade-101 {
text-align:center;
margin:20px 5px;
font-size: 26px;
display:inline-block;
padding:30px 40px;
border:1px dotted lightgray;
min-width: 250px
}
#upgrade-special-wrap .wrap-805{
font-size:34px
}
.wrap-885{
font-size:14px
}

.upper {
text-transform:uppercase;
letter-spacing:0.5px
}

.data-plan-wrap > div > span, .data-plan-wrap p > span{
text-transform:uppercase;
letter-spacing:0.5px;
padding-right:4px
}

#viewRecentProjectsWrap{
    margin:25px 0
}

.button22{
    padding:14px 24px;
    background-color:#1D6AA5;
    color:white;
    /*border:none !important;*/
    font-size:16px ;
    cursor:pointer;
    margin:auto;
    display:inline-block;
    border:1px solid transparent;
}

.button22:hover {
    background-color:#0791da;       
}

.featuredDesignButton{
    background-color:darkmagenta
}

.featuredDesignButton:hover{
    background-color:#b91fb9  
}





.centerThis {
text-align:center;
}

.selfServicePlan {
text-align:center;
margin:20px auto 0;
}



article {
  -webkit-column-width: 400px;
  -moz-column-width: 400px;
  column-width: 400px;
}


.goAlert{
    cursor:pointer
}

.customWebsitePlanWrap{
    width:100%;
    text-align:center;
    margin:auto;  
    line-height:150%  
}

.customWebsitePlanWrap span{
    color:green
}

.customWebsitePlanWrap p{
    margin:10px 0 0 0
}

#servicePlanWrapper{
    margin-bottom:50px
}

#servicePlanWrapper h3{
    font-size:125%;
    text-align:center;
    margin:0 0 15px;
    padding:0;    
    letter-spacing:1px;
    line-height:135%
}

#servicePlanWrapper h3 span{
    
    letter-spacing:0px
}

.customWebsitePlanWrap h3 span{
    font-size:90%;        
    font-weight:normal;
    display:block;
    color:green
}

.customWebsitePlanWrap > div{
    width:33%;
    min-width:350px;
    /*min-height:360px;*/
    display:inline-block;
    border:1px solid #eee;   
    /*margin-bottom:10px*/     
}

.customWebsitePlanWrap > div div{
    text-align:left;
    padding:10px 15px 20px;
}


.planButton{
    background:mediumseagreen ;  /*#5CB342*/
     color:white !important ;
    padding:10px 20px 12px !important;
    text-align:center !important;
    display:table;
    margin:20px auto 0;
    text-decoration:none !important
}

.planButton:hover{
    background: #54ce89;
    color:white !important
}


div{
    vertical-align:top
}

.noDecor {
    text-decoration:none
}

.featuredResources{
    margin: 0 0 10px
}


.center {
text-align:center
}


#headerWrap {
    display:table;
font-size:18px;
margin-bottom:10px;
width:100%
    }

#headerRow
{  
    display: table-row;    
    }  

#headerRow > div { 
display: table-cell;
    vertical-align:top;
    /*margin:0 0 0px 0;*/
width:30%; 
} 
        
#headerWrap  .logoPic {    
      height:150px;
      width:auto;
      max-width:unset
}     

#headerRow > div a {    
    white-space:nowrap    
} 
        
#headerMiddle {
    /*font-size:14px;*/
    font-size: 1vw;
    padding:15px 0;
    width:40% !important;
white-space:nowrap;
text-align:center
    }        

  #headerRight {
text-align:right;
}    

#headerRight > div {
    /*display:inline-block;
    width:290px;*/
    }
    






.searchBoxInputWrap
{   
    width:100%;
    text-align:center
} 

.searchboxInput
{
    width:90%;
    max-width:400px;
    }

.searchForm
{
    white-space:nowrap ;
    margin:10px 0
    }

.searchIcon{
    margin-left:5px; height:25px; cursor:pointer; vertical-align:middle
}






.inlineTable
{
    width:100%;
    }    

.inlineTable > div
{ 
    display:inline-table !important;
    vertical-align:top;
    min-width:290px;        
    }    


      




#websiteOrderForm .logoPic{
    height:150px;
}















.watchVideoWrap  {
margin:30px 0
}

.watchVideoWrap img {
max-width:200px
}



  
  


#tagIconWrap99
{
    text-align:right;
    margin:0 0 0px;
    }

#tagIconWrap99 img
{
    height:35px;
    vertical-align:middle;
    }



#cartIconWrap
{
    text-align:right;
    float:right;
    white-space:nowrap
    }    


#cartIconWrap div
{
    display:inline-block
    }  

#cartIconWrap img
{
     height:30px; 
    width:27px;
    }        
    

    

































.font202{
    font-size:75%;
    text-decoration:underline;
}






.link88
{
    color:purple !important;
    text-decoration:underline !important;
    }

.link88:hover
{    
    text-decoration:none !important;
    }




input
{
font-size:16px    
    }

table{
    width:100%
    }    


a, .link {
	color:darkBlue;
	text-decoration:underline;
}

a:hover, .link:hover {
	color:#FF8300;
	text-decoration:underline;
}

.link{
cursor:pointer
}







#productPluginSidebarWrap img
{
    max-width:200px
    }
    
    
#productPluginSidebarWrap .columnLabel
{
    margin-bottom:5px !important 
    }    

#productPluginSidebarWrap .itemWrap
{
    margin-bottom:25px;
    font-size:14px
    }    
    
    
@media screen and (max-width: 680px) {

#productPluginSidebarWrap .productWrapper
{
display:none !important
    }    

}    








    
    


.noTopMargin
{
    margin-top:0 !important
    }






#firstColumn > div
{
       
    }






.columnLabel
{
    font-weight:bold;
    white-space:nowrap
    }


.columnLabel a
{
    text-decoration:none;
    color:inherit
    }

.columnLabel a:hover {
	color:#FF8300;
}





.lightTable{
    width:100%;
    border:1px solid #E6E6FA;
    border-collapse:collapse
}

.lightTable td
{
    border:1px solid #E6E6FA;
    border-collapse:collapse;
    vertical-align:top;
}




h1 {
	font-size:90%; 
	padding:0px; 
	line-height: 125%;
	font-weight:normal;
}



h2 {
	font-size:130%; 
	padding:0px; 
	margin:10px 0;
	line-height: 150%;
	font-weight:bold;
}




li{margin-bottom:6px}



	
	


#browserIcons img{
width:90px;
margin:0 10px 0 10px;
border:0
}


.bbb a{
color:blue
}

.bbb a:hover{
color:purple
}









li {padding-bottom:8px}


li ul li
{
    padding:8px 0 0
    }

 
  
  
  
.bigHeading
{
    display:block;
    font-size:26px !important;
    color:#004593 !important;
    margin:0 0 20px !important
    }
  
  
  

.sloganWrap
{    
    color:#333; 
    text-align:center;
    }    


    
    
.noWrap
{
    white-space:nowrap
    }    
    
    

.bannerButton 
{
 display:inline-block;
 margin: 0 0 15px 0;
/*border: 1px solid #1D6AA5 !important;*/
background: #1D6AA5;
padding:8px 28px;
color:white;
font-weight:normal;
font-size:28px;
letter-spacing:1px;
cursor:pointer;
text-align:center;
line-height:130%;
white-space:nowrap;

border-radius: 6px; 
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border: 0px solid #ffffff;
overflow:hidden;   

}

.bannerButton:hover{
    background:#2c7cba
    }

.bannerButton55
{
    font-size:20px    
    }


.orderButtonWrap{
background-color:transparent ;
padding:5px;
margin:20px 0 ; 
display:inline-block;
-webkit-transition: all 1s; /* Safari */
transition: all 1s; 
}

.orderButtonWrap:hover{
background-color:#1D6AA5 ;
}



.orderButton
{
border:2px solid transparent;
background: #1D6AA5;
padding:12px 38px 14px;
color:white;
font-weight:normal;
font-size:20px;
letter-spacing:1px;
cursor:pointer;
text-align:center;
line-height:150%;
white-space:nowrap;
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
overflow:hidden;  
}

.orderButton span{
font-size:90%
}    




    
.bannerButton a 
{
    display:block;
    width:100%;
    height:100%;
text-decoration:none;
color:inherit 
}      
    
.bannerButton .subText 
{
    font-size:65%;
    letter-spacing:normal
    }
    





.buttonWrap
{
    width:auto;    
    margin:10px 0 12px 0;   
    text-align:center 
    }
    
.buttonWrap table
{
    width:auto;    
    
    }
.buttonWrap td
{
    vertical-align:middle
    }    
    
.buttonWrap .button55
{
    margin:5px 3px;

    }    

.buttonWrap img
{
    height:35px;

}

.buttonWrap #leftArrow
{
    margin:0 8px 0 0
    }
.buttonWrap #rightArrow
{
    margin:0 0px 0 8px
    }



#stackedButtons
{
    float:right;
    margin-left:50px;
    width:280px;
    }

#stackedButtons > .button55
{
    display:block !important;  
    margin-bottom:10px !important;
    }


#stackedButtons500
{
    
    }

#stackedButtons500 > .button55
{
    display:block !important;  
    margin-bottom:10px !important;
    }






.prettyPhotoLinkWrap {
text-decoration:none !important
}




    
    

.miniButtonWrap {
margin:5px 0 25px;
text-align:left;
vertical-align:middle ;
}   


.miniButtonWrap div{
vertical-align:middle;
}   

    
.miniButtonWrap .button55{
padding:4px 10px 4px;
font-weight:normal;
font-size:14px;
letter-spacing:1px;
cursor:pointer;
text-align:center;
line-height:100%;
white-space:nowrap;
display:inline;
}    
    


.button55{
padding:4px 18px 4px;
color:white;
font-weight:normal;
font-size:17px;
letter-spacing:1px;
cursor:pointer;
text-align:center;
line-height:120%;
white-space:nowrap;
display:inline-block;
}

.button55:hover{
background: black;
color:white    
}    
    
.button55 img{
    height:20px;
    padding:0px 0 0 10px
} 




.button75{
    font-size:12px;
padding:5px 16px 4px;
color:black;
border:1px solid lightgray;
font-weight:normal;
letter-spacing:1px;
cursor:pointer;
text-align:center;
line-height:120%;
white-space:nowrap;
display:inline-block;
}

.button75:hover{
border:1px solid #18A68D;
background: #18A68D;
color:white    
}    
    
.button75 img{
    height:20px;
    padding:0px 0 0 10px
}    

.customizeButton
{
background:#0492DA
}

.customizeButton:hover 
{
    background:#1D6AA5
}

    
    
    
    
.helpButton
{
background: #18A68D;
font-weight:normal
}

.helpButton:hover  {
background:#138e78;
}  

    

.liveDemoButtonWrap{
     margin:10px 0; text-align:center
}
    

.liveDemoButton
{
background: #18A68D;
font-weight:normal;

}

.liveDemoButton:hover  {
background:#138e78;
}  

.liveDemoButton span
{
    padding:0 10px
    }



.mobileButton
{
background: #333;
}

.mobileButton:hover  {
background:#000;
}

    
.moreButton
{
background: #BB4CE8;
}

.moreButton:hover {
background:#9324BF;
}  





.tagButton, .infoButton
{
background: #F4D312;
}

.tagButton:hover, .infoButton:hover {
background:#E8C91B;
}  





.screenshotsButton
{
background: #333;
}

.screenshotsButton:hover  {
background:#000;
}


.mobileViewButton
{
background: #BB4CE8;
}

.mobileViewButton:hover {
background:#9324BF;
}  










.buyNowButton
{
border: 0px solid #9324BF !important;
background: #F86924;
font-weight:normal
}

.buyNowButton:hover {
background:#e05f23;
}  




#liveDemoWrap
{
    background:url(/admin/code/images/loading-animation.gif) no-repeat left 100px;
    /*margin:0 -10px;*/
    padding:0;
    border:0;
    border-collapse:collapse;
    
    }    

table, td
{
    padding:0;
    border:0;
    border-collapse:collapse
    }



 

#cartWrap img
{
    vertical-align:middle; height:35px; 
    }    
    
#cartWrap a
{
    text-decoration:none
    }        
    



.tagCount
{
color:#00009C;
}


.tagWrap
{
background:url('/admin/code/images/notepad.png') no-repeat;
display: inline-block;
background-size: contain;
height:30px; 
width:27px;

padding-top:5px;

text-align:center;

/*
text-align:center;

margin-right:10px;
padding-top:5px;
*/
cursor:pointer
}   





#tagWrap img
{
    height:30px; margin-right:10px
    }    
    




#tagTrashIcon
{
    margin:0 25px 0 50px
    }

#tagIconWrap
{
    text-align:center;
    margin:0 0 25px;
    }

#tagIconWrap img
{
    height:35px;
    vertical-align:middle;
    }












#noResultsWrap
{
    text-align:center;
    font-size:24px;
    color:orange
    }
    
 
 

      

        



    







.list5
{
    font-size:125%
    }






    
.strike:hover
{
text-decoration:line-through !important
}

.strike
{
text-decoration:none !important;
color:#FF8300 !important
}

.activeLink, #leftColumn a:hover
{
text-decoration:none !important;
color:#FF8300 !important
}

        

#designTable44
{
    width:100%;    
    }
    
#designTable44 #rightColumn
{
    text-align:right;
    }  

#designTable44 #leftColumn
{
 text-align:left;
 width:180px; 
  
    } 


#designTable44 td
{
    vertical-align:top;    
    }
    
        
    
.designColumn
{   
    font-size:16px !important;
    width:22%;  
    margin:0 00px 60px 3%;
    display: inline-block; 
    vertical-align: top;
    text-align:left
    }
    
.designColumn .designThumbnail
{
    width:100%;
    max-width:430px !important;
    margin-bottom:8px
    }    
    
.line-spacing
{
    margin-top:5px
    }
  
#keywordWrap a:hover
{
    text-decoration:underline !important
    }    

    
#morePics
{
    font-size:130%; color:#333333; margin:0px 0 25px 0;
    text-align:center
    
    }    
    





#wrapperTop
{
    display:none
    }








.thumbnailWrap
{
    margin:0 0 8px 0 !important;
    max-height:675px;
    overflow:hidden;
    }



.pointer
{
    cursor:pointer
    }

    
.shadow
{
    -moz-box-shadow: 9px 9px 12px #333;
    -webkit-box-shadow: 9px 9px 12px #333;
    box-shadow: 9px 9px 12px #333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#333333')";    
    }


.shadowDark
{
    -moz-box-shadow: 9px 9px 12px #000;
    -webkit-box-shadow: 9px 9px 12px #000;
    box-shadow: 9px 9px 12px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#000000')";    
    }






.roundCorners, .roundCornersWrap img
{
    border-radius: 18px; 
    -moz-border-radius: 18px; 
    -webkit-border-radius: 18px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }  
    
    
.roundCorners12, .roundCorners12Wrap img
{
    border-radius: 12px; 
    -moz-border-radius: 12px; 
    -webkit-border-radius: 12px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }      


.roundCornersXX, .roundCornersXXWrap img
{
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }

    
    

.roundCornersTop
{
border-radius: 6px 6px 0 0; 
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border: 0px solid #ffffff;
overflow:hidden;    
}       

.roundCornersTop12
{
border-radius: 12px 12px 0 0; 
-moz-border-radius: 12px 12px 0 0;
-webkit-border-radius: 12px 12px 0 0;
border: 0px solid #ffffff;
overflow:hidden;    
}       


.roundCornersTop14
{
border-radius: 14px 14px 0 0; 
-moz-border-radius: 14px 14px 0 0;
-webkit-border-radius: 14px 14px 0 0;
border: 0px solid #ffffff;
overflow:hidden;    
}   

    
    
.roundCornersBottomLeft
{
border-radius:  0 0 0 12px; 
-moz-border-radius: 0 0 0 12px;  
-webkit-border-radius: 0 0 0 12px;   
border: 0px solid #ffffff;
overflow:hidden;    
}  
    
    
    
    
    
.searchHeading {
	font-size:115%; 
	color:darkblue;
	padding:0px; 
	margin:0px 0 10px 0 !important;
	line-height: 120%;
	text-align:left !important; 
}

.designHeading {
	font-size:20px; 
	color:black;
	padding:0px; 
	margin:0px 0 20px 0;
	line-height: 120%;
	text-align:center;
}    

.greenFont{color:green}
    
    
.notes
{
    font-weight:bold;
    color: darkblue
    }    
    
    
#guideWrap
{
    margin: 40px 2% 0;
    border:2px dashed #CCD9DF;
    border:1px solid #D4D4F7;

    padding:20px 20px 10px;
    background:lavender;
    background:#F4F4FC
    
    }    



    
#guideHeading
{
    text-align:center;
    color:darkblue; 
    font-size:26px;
    margin-bottom:25px;
    letter-spacing:1px;
    }    


#infoTopTable td
{
    vertical-align:top;
    }


#templateTable
{
    width:100%
    }


#templateRightCol
{
    width:250px;
    }



#templateInfoTopWrap
{
width:800px;
max-width:100%;
display:none;
font-size:16px; 
margin:auto;
}


h2.headingTemplateInfo {
margin:0 0 12px;
text-align:center;
font-size:110%;
font-weight:bold;
color:#333 !important;
letter-spacing:1px
}


.templateInfoWrapper
{
display:none;
font-size:16px; 
line-height:150% !important;
}


.templateInfoImageWrap
{
max-height:450px; overflow:hidden; float:right; margin:0 0 15px 25px; max-width:50%; 
}


.templateInfoImageWrap img
{
width:275px;
}


.templateInfoInner 
{
    margin-bottom:40px
    }



.templateInfoInner .div55
{
    margin-bottom:15px
    }


.templateInfoInner a
{
    color:inherit;
text-decoration:none
    }

.templateInfoInner a:hover
{
text-decoration:underline
    }



.popupContent{
font-size:16px;
line-height:140%;
text-align:justify;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.popupContent h3{
text-align:center;
text-transform:normal;
margin:0px 0 20px;
padding:0px !important;
font-family: "Replica-Light", san-serif;
font-size:28px;
line-height:125%;
color:#000;
font-weight:300;
}

.popupContent h4:first-of-type{
margin-top:0px !important
}



.popupContent{
color:#333;
transform: scale(1);
padding:20px 25px;
background:rgba(255,255,255,1.0);
text-align:left;
width:1000px;
max-width:100%;
margin:20px auto !important
}

.popCloseButtonWrap {
margin:12px auto 0 !important;
text-align:center
}

.popupContentImage{
color:#333;
transform: scale(1);
padding:20px 25px;
background:rgba(255,255,255,1.0);
text-align:left;
width:auto;
max-width:100%;
margin:20px auto !important
}
.popupContentImage img{
max-width:1000px;
/*display:none;*/
}




#previewCol
{
    width:100%
    }




#templateDisplayTable
{
    	table-layout: fixed;    
    }



#templateDisplayTable td
{
    
    vertical-align:top
    }






#screenshotWrap 
{
    width:100%
    
    }

    
#screenshotWrap img
{
max-width:100%;
    
    }

#screenshotWrap > div
{
    margin:0 0 20px 0
    }  

    
#screenshotWrap > .buttonWrap
{
    margin:0 0 60px 0 !important
    }    
    
    
    
#pageNavWrap
{
    text-align:center;
    white-space:nowrap;
    word-spacing:4px;
    font-size:30px;
    line-height:125%;
    margin-top:40px;
    color:#FF8300;
    }   

#pageNavWrap a
{
    text-decoration:none;
    }   

#pageNavWrap div
{
text-align:center; font-size:18px; color:#999
    }   



    
    
 
  #downloadNoteWrap
 {
     margin-bottom:20px;
     font-size:110%;
     }
 
 
 
 
 #templateInfoWrap
{
    min-width:290px

    }



 
 
 
 
#templateInfoWrap #contactNoteWrap
{   
    min-width:280px; 
max-width:800px;
    }
 
 
 
 #contactNoteWrap
 {     
     padding:8px 16px;
     margin-bottom:20px;
     border:2px dashed #18A68D;
     /*#138E78;*/
     text-align:justify;
      -webkit-hyphens: manual;
    -moz-hyphens: manual;
  hyphens: manual;
     border-radius: 6px; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    overflow:hidden; 
    cursor:pointer;
    font-size:12px;
    line-height:160%;
     }
     
#contactNoteWrap:hover
{
    background:#EAFFEF
    }     
  

 #contactNoteWrap div
 {
     font-size:130%;
     margin-bottom:5px;
     text-align:center; 
 font-weight:bold;
 letter-spacing:1px
     }

 
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
#mobileSectionWrap
{
    /*display:none*/
    }    
    
#mobileSectionWrap h3
{
    text-align:center
    }    
    
.mobileWrap
{
    overflow:hidden; 
    margin:auto auto 25px; 
    }
    
.mobileWrap iframe
{
    border:0;
    width:100%;
    height:100%;
    overflow:auto;   
    overflow:hidden; 
    }    

.mobileLayoutWrap
{
    overflow:hidden; 
    text-align:center;
    /*overflow:auto    */
    }        
    
.mobileLayoutWrap img
{
    width:100%; overflow:hidden;
    }    
    
    
    
.appPhone
{
    letter-spacing:1px;
    }    
    
    
.green55
{
    color:#3EA846;
    }    
    

    
    
#phoneWrap
{
    background:url(/images/phone.png) no-repeat; 
    width:395px; 
    height:762px; 
    padding:133px 0 0 0px;
    }     
        
#phoneImageWrap
{
    width:336px; 
    height:495px; 
    margin:0 0px 0 2px;
    }    
    
    
    
    
    
#phoneWideWrap
{
    background:url(/images/phone-wide.png) no-repeat; 
    width:759px; 
    height:395px; 
    padding:28px 0px 0px 0px;
    }   
    
#phoneWideImageWrap
{
    width:495px; 
    height:335px; 
    margin:0 0px 0 2px;
    }   
        
        
        
        
#tabletWrap
{
    background:url(/images/tablet.png) no-repeat; 
    width:895px; 
    height:1213px; 
    padding:65px 0 0 0px;
    }     
        
#tabletImageWrap
{
    width:784px; 
    height:1039px; 
    }    
    
    
#tabletWideWrap
{
    background:url(/images/tablet-wide.png) no-repeat; 
    width:1235px; 
    height:798px; 
    padding:51px 0px 0px 0px;
    }     
    
    
#tabletWideImageWrap
{
    width:1040px; 
    height:689px; 
    margin:0 42px 0 0px;
    } 
    
    
    
    
    
    
    
    
    
    
    

.HHDoc
{
    font-family:Oxygen, Sans-Serif;
    font-size:17px
    }

  
.HHDoc ol, .HHDoc ul{
	margin:5px 0 0px 0;
	padding:0 0 0 25px
	}


.nobr
{
white-space:nowrap    
    }
 
 
a
 {
text-decoration:underline;     
     }
     
.borderTable, .borderTable td
{
    border:1px solid #EDEDED !important;
border-collapse:collapse !important;

    }
    
    
.borderTable td
{
    padding:5px
    }    
    
    
    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  














.choosePlanWrap
{
margin:10px 5% 0px;
line-height:160%;
/*white-space:nowrap;*/
color:#000;

}	  

.choosePlanWrap div
{
padding:20px 0px 0
    }


.monthWrap
{
font-size:115%;

    }

.catalogWrap a
{
    text-decoration:none;
    border-bottom: 1px dotted green;
    font-size:115%;
letter-spacing:1px;
color:green;
font-weight:normal;
text-transform:uppercase;
/*text-shadow:1px 1px 2px #000*/
    }

.catalogWrap a:hover
{
    text-decoration:none;
        border-bottom: 1px dotted #FF8300;
color:#FF8300;
    }  
  










  
  
      
    
.planFeatures
{    
    font-size:95%; 
    line-height:140%
    }  
    
    
.customFeatures
{
    font-size:110%;
    color:#348E48
    }   
  



.anchorBlock
{
     display: block; 
     width: 100%; 
     height: 100%;   
     text-decoration:none !important
    }




.orderWrap a
{
    color:green !important;
    text-decoration:underline !important;
    font-size:130% !important;
    }

.orderWrap a:hover
{
    text-decoration:none !important;
    }
    
 
        
    
    
    
    
    
    
    
    
    
    




  
  

.servicePlanPromoMessage
{
color:#348E48; font-size:110%; font-style:italic;
display:inline-block;
margin:0 auto;
padding:0;
letter-spacing:1px
    }

.servicePlanPromoMessage > div
{
border:1px solid transparent;
padding:5px 15px;
line-height:100%
    }


    
.showBorder > div{
border:1px solid #348E48;
    }    
    

    
   




.hoverWrap
{
    position:relative;
    display:inline-block; 
    max-width:100%; 
    margin:auto;
    }

.hoverMessage
{
display:none;
position:absolute;
top:0;
z-index:9999999;
text-align:center;       
width:100%;
height:auto;            
}               

.hoverMessage img
{    
    padding:5%  !important;
}

.hoverMessage > div
{    
    cursor:pointer
}


.liveDemoPicWrap
{
background:rgba(24, 166, 141,.98);
    }
    
.liveDemoPicWrap:hover
{
background:rgba(19, 142, 120,.98);
    }    
    
.liveDemoPicWrap img
{
max-width:80% !important;
    }


.moreInfoPicWrap
{
background:rgba(29, 106, 165,.98);
    }

.moreInfoPicWrap:hover
{  
background:rgba(21, 90, 142,.98);
    }

.moreInfoPicWrap img
{
max-width:40% !important;
    }




 













.buyNowPicWrap
{
background:rgba(224, 95, 35, .85);    
    }

.buyNowPicWrap:hover
{
background:rgba(224, 95, 35, .98);    
    }

.buyNowPicWrap img
{
max-width:50% !important;
    }

.button22 span, .button22 i{

    padding:0 8px
}


/*.button22 span + i {
padding-left:15px;
}

.button22 i + span {
padding-left:15px;
}*/


.featuredDesignWrap .button22{
font-size:16px !important;
margin:15px 10px !important;
}


#servicePromoWrap *:not(i) {
font-weight:normal 
}


#servicePromoWrap {
    margin: 0px 0 20px 0;
    padding: 0;
    font-size: 16px;
    color: #333;
    font-style: normal;
    text-align: center;
    line-height: 180%;    
}

#servicePromoWrap h1 {
font-size:20px;
}

#servicePromoWrap h2 {
font-size:30px;
font-style: italic;
}

#servicePromoWrap h3 {
font-size:20px;
margin:15px 0 15px
}

#servicePromoWrap h4 {
font-size:20px;
margin:16px 0 5px
}


#servicePromoWrap div {
font-style: normal;
font-size: 70%;
margin: 10px auto auto;
line-height: 160%;
}


    
    
.alignCenter
{
    text-align:center
    }  


.alignRight
{
    text-align:right;
    
    }  
        
.marginAuto
{
    margin:auto
    
    }      
    
    
    
    
    
    
    
    
    
    
    
#wrap500 
{
    width:100%;


    }
    
    
#productWrap500
{
    width:290px;
    text-align:right;
    float:right;
    }    
    
    
#wrap500 > div
{
/*display:inline-table !important;*/
display:inline-block !important;
vertical-align:top;   
height:100%;
max-width:800px;

    } 
    





    
    
    
    
    
    
    
    
    
    
    
    
    
    

    

    

    
    
    
    
    
    
    
    
    
    
.div77
{
/*display:inline-table !important;*/
display:inline-block !important;
vertical-align:top;   


    } 
    









#resultsWrap
{  
    /*display:inline-block;*/
    display:table;
    width:100%;
    text-align:right
    
    } 






#resultsWrap-002
{  
    display:table;
    width:100%;
    text-align:right    
    } 

.resultsRow
{  
    display: table-row;    
    } 

#firstColumn-002
{    
display: table-cell;
max-width:290px;
text-align:left
    }

#resultsOutputWrap {
    display: table-cell;
}








#resultsWrap .div77
{
max-width:290px;
text-align:left
    }         
    

#firstColumn
{    
    /*float:left;
    max-width:290px;
    display:inline-block;
    text-align:left;*/

        display: table-cell;
max-width:290px;
text-align:left

    }


#resultsColumn {
    display: table-cell;
    width:100%
}


    
    
    
.designColumn99
{   
    font-size:16px !important;
    vertical-align: top;
    max-width:290px;
    margin:0 0px 80px 2%;
  text-align:left;
    }
    
.designColumn99 .designThumbnail99
{
    max-width:290px;
    max-width:100%;    
    }        
    
    
    
    
.fullHeight
{
    height:100% !important;
    min-height:100% !important
    }    
        
        
        
#contentWrap33
{
    height:100% !important
    }        
    
    
    
#productPluginWrap h1
{
/*display: block;*/
font-size: 24px !important;
margin: 0 0 10px;
font-weight: normal;
    }
    
    

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

#contactWrap {
        display:none
    }
}    
    


.categoryWrap{   
    margin-bottom:30px !important
    }   

/*
#moreCatsWrap, #moreResourcesWrap
{
    margin: 0px 0 0 !important;
    padding: 0px !important;
    font-style:italic ;
    color:green
    }
*/

.moreItemsWrap
{
    margin: 0px 0 0 !important;
    padding: 0px !important;
    font-style:italic ;
    color:green
    }

.hideThis
{
    display:none
    }
  
/*  
#lessCats, #lessResources, #lessDesigners
{
    display:none
    }    
*/    
    
    
.link
{
    text-decoration:underline;
    cursor:pointer
    }    
    
.link:hover
{
    
    color:#FF8300;
    }        
    
    
.extraCats
{
    display:none
    }    
    
    
    
    
    
    

    
    
    
    
    
    
#resourceWrap
{
    margin:40px 0 0px
    }   
    
     
#resourceWrap .columnLabel 
{
    margin:0px 0 10px
    }
    
#resourceWrap .columnLabel a
{
    font-size:16px !important;    
    }        

#resourceWrap, #resourceWrap a
{
    font-size:14px 
    }


.extraResources
{
    display:none
    }

    
#resourceItemWrap > div 
{
margin-bottom:5px
    }    
    


#designerWrap
{
    margin-bottom:20px
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

  
  
  
  
#websitePlansNotes
{
    line-height:150%;
    margin:20px 0
    }  





 





#servicePlansWrapper
{
    width:100%;
font-size:16px;    

    }
    

#servicePlansWrapper .planTitle
{
    margin:auto;
    width:auto;
    background:white;
    padding:5px 10px;
    border:1px dashed #999;
    font-size:140% !important
    }   



#servicePlansWrapper .planIntro
{
    color:#000;
    font-style:italic;
    
    font-size:120%
    }
    
.planSummary
{
    font-size:107%
    }

#servicePlansWrapper .wideRows 
{
    text-align:left;
    padding:10px;
    }
 

.websitePlanWrap
{
    /*cursor:pointer;*/
    vertical-align:top;
display:inline-block;
width:33.3%;
text-align:center;
    }   

.websitePlanWrap > div
{    
padding:4% 2%;
    }   


@media screen and (max-width: 1200px) {
    .websitePlanWrap {
width:47%;
    }
    .choosePlanWrap
    {
font-size:14px;
        }
    
}

@media screen and (max-width: 680px) {
    .websitePlanWrap {

width:97%
    }
}



.websitePlanWrap{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

   


.websitePlanTier001
{
    padding:3px;
    border:1px solid #f3e8fc;
    background:#F9F2FF;
    }    

.websitePlanTier002
{
    padding:3px;
    border:1px solid #f7f3d9;
    background:#fcfae8;
    }    

.websitePlanTier003
{
    padding:3px;
    border:1px solid #e3fcf5;
    background:#effffa;
    }    

.websitePlanTier004
{
    padding:3px;
    border:1px solid #f2efef;
    background:#f9f9f9;
    }    




    
img 
{
    max-width:100%
}    
    



.projectWrapper
{
display:inline-block ;
margin:0 1.5% 3%;
text-align:center; 
font-size:14px; 
line-height:150%;
padding-bottom:10px;
-moz-box-shadow: 6px 6px 9px #999;
-webkit-box-shadow: 6px 6px 9px #999;
box-shadow: 6px 6px 9px #999;
}

.projectWrapper:hover
{
-moz-box-shadow: 6px 6px 9px #777;
-webkit-box-shadow: 6px 6px 9px #777;
box-shadow: 6px 6px 9px #777;
}


.projectImageWrap {
	width: 300px;
	padding-bottom: 5px;
	height: 164px;
	overflow: hidden;
}

.projectTypeHeading    
{
color:green; 
font-size:20px; 
margin:20px 0 30px;
text-align:left
    }
    
    






.scriptFont
{
    font-family:"Dancing Script", cursive;
    letter-spacing:1px;
    font-size:32px
    }
#dateAccepted
{
    font-size:22px
    }    
    
textarea
{
    font-size:18px
    }    
    
    
#desc1 div
{
    /*margin:20px 0*/
    }    
    
.font55
{
    color:green; 
    font-size:22px;
    font-weight:normal;
    letter-spacing:2px
    }

.placeOrderButton {
        font-size:110%;
        padding:10px 20px;
        text-transform:uppercase;
        font-style:italic 
    }



.banner515 {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 20px 40px 20px 40px;
  text-decoration: none;
}

.banner515:hover {
    color:white !important;
  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;
}


#footerWrapper {
font-size:90%;
margin:75px auto 0
}

#footerWrapPic {
float:left; 
margin-right:20px
}

#footerWrapPic img{
max-height:140px;
}



#footerWrapText {
    text-align:justify;
    overflow: hidden;
}

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

#footerWrapPic {
float:none; 
margin-right:0px;
text-align:center;

}

#footerWrapPic img{

}

}






#videoSectionPromoWrap{
    display:flex; 
    justify-content:space-between
}








.mobileCategoryCodeWrapper{
    display:none 
}


#categorySection505Wrap {
    text-align:right; 
    vertical-align:top;
}


#categorySection505Wrap .categoryCodeWrapper{
    margin-top:25px
}











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


#headerMiddle {
        font-size:12px;
    }
}  




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

.bannerButton{
    font-size:20px;
    padding:6px 16px;
}

#headerWrap .logoPic{
    height:110px;
}

}  



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

#headerMiddle {
        display:none !important;
}

.bannerButton{
    font-size:18px;
    padding:4px 12px;
}

#headerWrap .logoPic{
    height:100px;
}

#headerLeft, #headerRight{
    width:50%;
    min-width:unset;
    text-align:center;
}

#mobileSearchForm{
    display:block !important;
    text-align:center;
}

}  





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

    #videoSectionPromoWrap{
    display:unset;
    justify-content:unset
}


    

.categoryCodeWrapper{
    display:none
}

    #resultsWrap {
        width:100%;
        text-align:center
    }

    #firstColumn {
        display:none;       
    }

.mobileCategoryCodeWrapper{
    display:block
}

}



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

 
#headerWrap .logoPic{
    height:80px;
}

    
    
.bannerButton{
    font-size:16px;
    padding:4px 12px;
}


}




.greenLink {
text-decoration:underline;
cursor:pointer;
color:green
}

.greenLink:hover {
color:#FF8300;
}


.paymentOptions  {
    margin:10px 0 0
}