#templateselection {
  width: 100%;
  display: none;
  margin-right: 28%; }

#wrapper {
  padding: 0 !important;
  overflow-x: hidden !important; }

#changposition {
  margin-left: 123px;
  margin-top: -22px; }

.msg-info {
  margin-top: 30px; }

.marginTop {
  margin-top: -10px; }

p, ul, ol {
  line-height: inherit;
  margin: 0 0 25px 0; }

ul, ol {
  padding: 0; }

ul ul, ul ol, ol ol, ol ul, dd {
  margin: 0; }

/* li {
	margin: 0 0 0 5px;
	padding: 0;
	display: list-item;
	list-style-position: outside;
} */
li {
  margin: 0 0 0 0px;
  padding: 0;
  display: list-item;
  list-style-position: outside; }

.container {
  width: 100%;
  margin-left: 42px; }

ul.items {
  overflow: hidden;
  height: 239px;
  padding-left: 2%;
  padding-right: 2%; }

ul.items li {
  list-style: none;
  margin: 0 3px 24px 3px;
  float: left;
  font-size: 10px;
  color: #415466;
  height: 180px;
  text-align: center;
  display: none;
  border: 25px solid #ebedee;
  box-sizing: content-box; }

ul.items li:hover {
  -moz-box-shadow: 0 0 2px 2px #D1D2D3;
  -webkit-box-shadow: 0 0 2px 2px #D1D2D3;
  box-shadow: 0 0 2px 2px #D1D2D3; }

ul.items li:hover #select {
  margin-top: -60px;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  color: #fff; }

ul.items li .image {
  width: 100%;
  height: 100%; }

ul.items li .image hover {
  width: 320px;
  height: 235px; }

ul.items h3 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  margin: .25em 0;
  text-shadow: #f1f1f1 0 1px 0; }

ul.items li h6 {
  margin-top: 2%;
  font-size: 1.1em; }

#showless {
  color: #009ae5; }

ul.items .info {
  color: #999;
  text-shadow: #f1f1f1 0 1px 0; }

#contentimage {
  border-bottom: 10px solid #063e53;
  background-color: #0193b7; }

#contentimage h3 {
  color: #FFF;
  opacity: 1;
  transition: opacity 1.5s ease-out 0s;
  font-size: 24px;
  line-height: 2;
  font-weight: 300;
  text-align: center; }

#contentimage h1 {
  padding-top: 1%;
  color: #FFF;
  line-height: 1.0em;
  opacity: 1;
  transition: opacity 1.5s ease-out 0s, padding-top 1s ease 0s;
  text-align: center;
  font-size: 3em;
  font-weight: bold; }

#oneClickPortletContentDiv .field-label, #oneClickPortletContentDiv .field-labels-top .field-label {
  float: left;
  text-align: left;
  margin: 0;
  width: auto;
  font-weight: normal;
  color: black; }

#oneClickPortletContentDiv label {
  /* margin-left: -30px; */ }

.classname1 {
  border: solid 1px #2d2d2d;
  text-align: center;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.myButton {
  -moz-box-shadow: inset 1px 0 13px -12px #f5978e;
  -webkit-box-shadow: inset 1px 0 13px -12px #f5978e;
  box-shadow: inset 1px 0 13px -12px #f5978e;
  background-color: #063e53;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  padding: 6px 17px;
  text-decoration: none; }

.myButton:hover {
  color: #fff;
  background-color: #0193b7; }

.myButton:active {
  position: relative;
  top: 1px; }

.slideBtn .button {
  /* background-image: url('/../OneclickSite-portlet/images/btn-top-nav_01.png'); */
  cursor: pointer;
  color: #fff;
  display: block;
  text-transform: uppercase;
  position: relative; }

.slideBtn .closeDiv {
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  text-align: center;
  background-repeat: no-repeat; }

.slideBtn {
  font-family: 'gillsan';
  text-align: center; }

.slideBtn {
  /* background: url(/images/green-band.png) repeat-x 0 bottom; */
  font-family: 'gillsan';
  text-align: center;
  z-index: 1; }

.themecontainer {
  display: none;
  background-color: #fff;
  text-align: center;
  border: solid 1px #333; }

#select {
  background-color: #063e53;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center; }

#container12 ul li {
  list-style: none;
  text-transform: uppercase;
  text-align: left; }

#container12 ul li a {
  color: #404002;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  text-decoration: none; }

#container12 .selected a, #container12 a:hover, #container12 a:focus {
  color: #000;
  font-weight: bold;
  z-index: 200; }

#container12 a:visited {
  color: #df1a22; }

#templatesDiv ul {
  list-style: none; }

#templatesDiv ul li {
  list-style: none;
  margin: 0 20px 55px 3px;
  font-size: 10px;
  color: #415466;
  text-align: center;
  border: 25px solid #ebedee;
  float: left;
  width: 25%;
  height: 180px; }

.templateFile:hover {
  -moz-box-shadow: 0 0 2px 2px #D1D2D3;
  -webkit-box-shadow: 0 0 2px 2px #D1D2D3;
  box-shadow: 0 0 2px 2px #D1D2D3; }

.templateLinks {
  color: #063e53;
  font-size: 14px; }

.templateLinks:hover {
  color: #0193b7; }

.templateFile a {
  text-decoration: none;
  color: #415466; }

.seeMoreDiv {
  width: 30%;
  height: 25px;
  background-color: #333333;
  float: left; }

.seeMoreDiv img, .read_more img {
  margin-top: -11%; }

.displaySubCategoriesTemplatesDivs ul.items {
  /* margin-left: 37%;  */
  overflow: hidden;
  height: 239px;
  padding-left: 2%;
  padding-right: 2%; }

.displaySubCategoriesTemplatesDivs ul.items li {
  list-style: none;
  margin: 0 3px 24px 3px;
  float: left;
  font-size: 10px;
  color: #415466;
  height: 180px;
  text-align: center;
  display: none;
  box-sizing: content-box;
  border: 25px solid #ebedee; }

.displaySubCategoriesTemplatesDivs #see_more, .displaySubCategoriesTemplatesDivs #pre_back {
  float: right;
  width: 29%;
  margin-right: 11%; }

.displaySubCategoriesTemplatesDivs #seeMoreimage, .displaySubCategoriesTemplatesDivs #previousimage {
  width: 10%;
  height: 28px;
  float: left; }

.displaySubCategoriesTemplatesDivs #seemore, .displaySubCategoriesTemplatesDivs #previous_back {
  height: 28px;
  width: 22%;
  margin-right: 68%; }

.formElementsDiv {
  margin-top: 5%;
  color: #fff; }

.formDomainCss {
  float: right;
  margin-right: -30%;
  color: black; }

#my-domain-info-div .control-label, #buy-new-domain-info-div .control-label {
  margin-left: -90px;
  margin-top: -3%; }

#my-domain-info-div input[type="text"] {
  margin-left: 2%; }

/* Extra css */
.displaySubCategoriesTemplatesDivs {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.country1 span {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: black;
  font-weight: normal; }

.country1 {
  margin-left: 63px;
  padding-top: 13px; }

.aui-field-label-inline-label {
  padding-top: 10px;
  padding-right: 79px;
  margin-left: -28px;
  font-size: 14px;
  color: black;
  font-weight: normal; }

#select {
  width: 100%;
  height: 50px; }

#selectedname h1 {
  width: 100%;
  margin-left: 4%;
  padding-top: -10px; }

.slideBtn .button {
  margin: 0 auto;
  padding: 5px 0 7px opx;
  width: 226px;
  height: 28px; }

.slideBtn {
  width: 100%; }

.signup-body h3 {
  margin: 60px 0px; }

.signup-body h3 span {
  width: 46px;
  margin-right: 10px;
  height: 46px;
  border-radius: 50%;
  line-height: 45px; }

.classname1 {
  height: 250px;
  padding: 100px 50px 100px 50px; }

#select_catagorytag {
  padding-top: 10px;
  line-height: 52px;
  margin-top: -4%;
  font-size: 25px;
  color: #fff; }

#select_heading {
  font-size: 18px;
  line-height: 52px;
  color: #fff; }

#templatesDiv ul li {
  height: 180px; }

#pre_back {
  float: right;
  width: 29%; }

#see_more {
  float: right;
  width: 29%; }

#seeMoreimage {
  width: 30%;
  height: 28px;
  float: left; }

#seemore {
  width: 70%;
  height: 28px; }

#previousimage {
  width: 30%;
  height: 28px;
  float: left; }

#previous_back {
  width: 70%;
  height: 28px;
  float: right; }

.userlayout {
  margin-left: 6%;
  padding-top: 10px; }

#websitelayout {
  margin-left: 9%;
  padding-top: 6px; }

#progressimage1 {
  width: 60px;
  height: 60px;
  float: right;
  margin-top: -30%;
  margin-right: -47px; }

#progressimage3 {
  width: 60px;
  height: 60px;
  float: right;
  margin-right: 6%; }

#progressimage4 {
  margin-top: 50px;
  width: 60px;
  height: 60px;
  margin-right: 117px;
  float: right; }

#progressimage2 {
  width: 60px;
  height: 60px;
  float: right; }

#clr {
  clear: both; }

#container12 {
  margin-left: 5%;
  width: 100%; }

#container12 ul {
  list-style: none;
  overflow: hidden;
  height: auto; }

#container12 ul li {
  float: left;
  width: 24%;
  height: 40px;
  margin-right: 10px; }

@-moz-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* Firefox */
@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* Webkit */
@-ms-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* IE */
@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* Opera and prob css3 final iteration */
.closeDiv img {
  margin-top: -9.5%;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -moz-animation: blink normal 2s infinite ease-in-out;
  /* Firefox */
  -webkit-animation: blink normal 2s infinite ease-in-out;
  /* Webkit */
  -ms-animation: blink normal 2s infinite ease-in-out;
  /* IE */
  animation: blink normal 2s infinite ease-in-out;
  /* Opera and prob css3 final iteration */ }

.image {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease; }

#websiteselectiondiv3 {
  border-radius: 4px;
  width: 59%;
  margin-left: 11%;
  margin-right: 30%;
  min-height: 60px;
  height: auto;
  padding-top: 10px; }

li {
  text-align: -webkit-match-parent; }

#websiteselectiondiv2 {
  width: 59%;
  border-radius: 4px;
  margin-left: 11%;
  margin-right: 30%;
  min-height: 60px;
  height: auto;
  padding-top: 10px;
  background: #0193b7 !important; }

#signin {
  float: right;
  margin-top: -3%;
  margin-right: 49%; }

#userdetails {
  margin-top: 52px; }

#userdetailsdiv4 {
  width: 58%;
  border-radius: 4px;
  margin-top: 8px;
  margin-left: 10%;
  margin-right: 35%;
  height: auto;
  min-height: 60px; }

#userdetailsdiv3 {
  width: 58%;
  border-radius: 4px;
  margin-top: 8px;
  margin-left: 10%;
  margin-right: 35%;
  height: 68px; }

#userdetailsdiv13 {
  width: 58%;
  border-radius: 4px;
  margin-top: 8px;
  margin-left: 10%;
  margin-right: 35%;
  color: #fff;
  height: 68px; }

#userdetailsdiv2 {
  border-radius: 4px;
  margin-top: 8px;
  margin-left: 10%;
  width: 58%;
  margin-right: 35%;
  height: auto;
  min-height: 60; }

#userdetailsdiv1 {
  margin: 0 10%; }

#websiteselectiondiv1 {
  margin-left: 16%;
  margin-top: 44px; }

#websiteselection {
  display: none;
  margin-top: 52px; }

#contentimage {
  display: block; }

.content {
  margin: 20px;
  width: 600px;
  height: 150px;
  padding: 10px;
  overflow: auto;
  background: gray;
  clear: both; }

.content .images_container {
  overflow: hidden; }

.content .images_container img {
  display: block;
  float: left;
  margin: 0 5px;
  border: 5px solid #777; }

a[rel='toggle-buttons-scroll-type'].off {
  opacity: 0.5; }

.aui-field-wrapper {
  padding-left: 10px;
  overflow-x: hidden; }

.errorDiv {
  /* color:#fff;	
 	margin-top: -4% !important; */
  color: #fff;
  margin-top: -14%;
  margin-left: -31px; }

/* #website-addressErrorMassage .errorDiv {	
	margin-top: -7%; 
	
}
#siteUserErrorMassage.errorDiv {	
	margin-top: -9%; 
	
} */
@-moz-keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@-webkit-keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

.aui-overlaycontextpanel-arrow-br .aui-overlaycontextpanel-pointer, .aui-overlaycontextpanel-arrow-bc .aui-overlaycontextpanel-pointer, .aui-overlaycontextpanel-arrow-bl .aui-overlaycontextpanel-pointer {
  bottom: -14px;
  border-bottom: 0;
  border-top-width: 14px; }

.aui-overlaycontextpanel-arrow-bl, .aui-overlaycontextpanel-arrow-bc, .aui-overlaycontextpanel-arrow-br {
  margin-bottom: 12px; }

.aui-tooltip {
  max-width: 500px; }

.aui-undomanager {
  display: none; }

#templatesDiv {
  width: 100%;
  margin-left: 3%;
  margin-right: auto; }

#templatesDiv ul li {
  float: left;
  width: 25%;
  box-sizing: content-box; }

/* #nameErrorMassage{
width: 600px;
margin-left: -10%;
} */
.mailmessage {
  border: solid 1px #2d2d2d;
  text-align: center;
  background: #0193b7;
  padding: 100px 50px 100px 50px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: block;
  width: 56%;
  height: 95%;
  margin-left: 21%;
  margin-bottom: 5%;
  margin-top: 5%; }

/* =Your Generated css 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.mailmessage {
  -moz-box-shadow: 10px  10px 5px #000000;
  -webkit-box-shadow: 10px  10px 5px #000000;
  box-shadow: 10px  10px 5px #000000; }

.read_more {
  color: #fff; }

.portlet a {
  color: #415466;
  text-decoration: none; }

.portlet a:hover {
  color: #009ae5;
  text-decoration: underline; }

#nav {
  float: left;
  margin: 0 0 3em 0;
  /* padding: 0; */
  list-style: none;
  background-color: #fff;
  /* border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc; */ }

#nav li {
  float: left;
  margin: 0px; }

#nav li a {
  display: block;
  padding: 2px 8px;
  text-decoration: none;
  /* font-weight: bold; */
  color: #069;
  font-size: 12px;
  line-height: 17px;
  /* border-right: 1px solid #ccc; */
  /* border-left: 1px solid #ccc; */ }

#nav li:first {
  background-color: #98bf21; }

#nav li a:hover {
  color: #c00;
  background-color: #fff; }

/* End navigation bar styling. */
/* This is just styling for this specific page. */
#wrap {
  width: 100%;
  margin: 0 auto;
  background-color: #fff; }

.noCategories {
  display: none; }

.highlight {
  /* background-color:#0193b7 !important;
	color:#fff !important; */
  background-color: #fff !important;
  font-weight: bold !important;
  color: #000 !important; }

#withoutCategory {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  height: 330px; }

/* site preview */
.previewDiv {
  margin-top: 6% !important;
  position: relative;
  right: 32%; }

/* configuratio page fields width */
.form-inline .form-control {
  width: 100%; }

#showMoreTool {
  /* //border-top: 1px solid silver; */ }