/* Add here all your css styles (customizations) */
.item-image {
  position: relative;
  overflow: hidden;
  padding-bottom: 75%;
  background-color: #A8BDB9;
}
.item-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.ms-thumb-frame img{
	height:100% !important;
}
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}


div.editor_content {
  position:relative;
  width:900px;
  height:auto;
  min-height:500px;
  display:inline-table; /*run-in;*/
  text-align:left;
  background:#ffffff;
  
  color:#363636;
  font-family:Arial;
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
}

div.template_page {
  position:absolute;
  top:0px;
  left:0px;
  width:900px;
  height:700px;
}

div.editor_pages {
  position:relative;
  width:932px;/*900px*/
  height:50px;
  text-align:left;
}
div.editor_pages_container{

  position:absolute;
  left:0px;
  top:0px;
  padding:0;
  margin:0;
  width:496px;
  height:50px;
  list-style-type:none;
  overflow:hidden;
}
ul.editor_pages {
  position:absolute;
  left:0px;
  top:0px;
  padding:0;
  margin:0;
  width:auto;
  height:50px;
  list-style-type:none;
}

li.editor_pages {
  width:120px;
  height:50px;
  float:left;
  text-align:center;
  cursor:pointer;
  padding-top:0px;
  background-color:#dddddd;
  
  color:#2584ff;
  font-family:Arial;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
}
a.editor_pages{
  text-align:center;
  cursor:pointer;
  color:#2584ff;
  font-family:Arial;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
}
a.editor_pages_subText{
  color:#7d7d7d;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none; 
}
li.editor_pages_notactive {
  background-color:#dddddd;
  color:#636363;
  font-weight:normal; 
}
a.editor_pages_notactive {
  background-color:#dddddd;
  color:#636363;
  font-weight:normal; 
}
li.editor_pages_seperator {
  width:4px;
  height:50px;
  float:left;
}

ul.editor_action_buttons {
  position:absolute;
  right:0px;
  xtop:682px;
  padding:0;
  margin:0;
  width:250px;
  height:50px;
  list-style-type:none;
}

a.editor_action_buttons{
  color:#636363;
  text-decoration:none;
  vertical-align:bottom;
}
li.editor_action_buttons {
  width:auto;
  height:50px;
  float:right;
  text-align:center;
  cursor:pointer;
  xpadding-top:7px;
  xbackground-color:#0099ff;
  
  color:#ffffff;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
}

ul.editor_action_buttons_2 {
  position:absolute;
  left:0px;
  top:682px;
  padding:0;
  margin:0;
  width:450px;
  height:30px;
  list-style-type:none;
}

li.editor_action_buttons_2 {
  width:100px;
  height:26px;
  float:left;
  text-align:center;
  cursor:pointer;
  padding-top:7px;
  background-color:#0099ff;
  
  color:#ffffff;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
}

li.editor_action_buttons_seperator {
  width:4px;
  height:26px;
  float:right;
}

li.editor_action_buttons_notactive {
  background-color:#cccccc;
  color:#808080;
}

div.editor_window {
  position:relative;
  width:932px;/*900*/
  height:700px;
  border:1px solid #cccccc;
  background-color:#ffffff;
  text-align:center;
}

div.editor_products {
  width:900px;
  text-align:left;
}

div.editor_products_list {
  width:880px;
  text-align:left;
}

div.loadingIndicator {
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  z-index:999;
  background:#ffffff;
    opacity: .95; /* standard: ff gt 1.5, opera, safari */
    -ms-filter: "alpha(opacity=95)"; /* ie 8 */
    filter: alpha(opacity=95); /* ie lt 7 */
    -khtml-opacity: .95; /* safari 1.x */
    -moz-opacity: .95; /* ff lt 1.5, netscape */
}

div.previewPane {
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  z-index:999;
  background:#ffffff;
  text-align:left;
  padding-left:20px;
}

div.previewImage {
  background:#ffffff;
  border:1px dashed #cccccc;
}

div.preview_action_buttons {
  position:absolute;
  top:85px;
  right:20px;
  width:164px;
  height:150px;
  text-align:center;
}

ul.preview_action_buttons {
  position:relative;
  top:20px;
  padding:0;
  margin:0;
  width:164px;
  list-style-type:none;
}

li.preview_action_buttons {
  width:164px;
  height:39px;
  text-align:center;
  cursor:pointer;
  padding-top:10px;
  xbackground-color:#2584ff;
  line-height:24px;
  
  color:#2584ff;
  font-family:Arial;
  font-size:15px;
  font-weight:bold;
  text-decoration:none;
  background: url('../images/design/btnBG.png') center center no-repeat;  
}

li.preview_action_buttons_seperator {
  width:100px;
  height:15px;
}

div.addToCart_window {
  position:relative;
  width:900px;
  height:650px;
  border:1px solid #cccccc;
  background-color:#ffffff;
  text-align:left;
  display:none;
}
div.proofApprovalButton{
  left:100px;
  position:absolute;
  cursor:pointer;
  width:225px;
  height:42px;
  background:url('../images/design/proofApprovalButton.png') center center no-repeat;
}
span.proofApprovalButton{
  display:block;
  line-height:42px;
  color:#2584ff;
  font-weight:bold;
  font-size:20px;
}
.date-input{
  padding-left:1px;
  padding-right:1px;
}
.date-input select{
  padding: 6px 6px;
}
.croppermodal{
	width:95%;
}
@media (min-width: 768px) {
    .croppermodal{
		width:75%;
	}
}

/* bootstrap 3d buttons */
.btn-hot {
color: #fff;
background-color: #db5566;
border-bottom:2px solid #af4451;
font-size:3rem;
}

.btn-hot:hover, .btn-sky.active:focus, .btn-hot:focus, .open>.dropdown-toggle.btn-hot {
color: #fff;
background-color: #df6a78;
border-bottom:2px solid #b25560;
outline: none;}


.btn-hot:active, .btn-hot.active {
color: #fff;
background-color: #c04b59;
border-top:2px solid #9a3c47;
margin-top: 2px;
}

.btn-sunny {
color: #fff;
background-color: #f4ad49;
border-bottom:2px solid #c38a3a;
font-size:3rem;
}

.btn-sunny:hover, .btn-sky.active:focus, .btn-sunny:focus, .open>.dropdown-toggle.btn-sunny {
color: #fff;
background-color: #f5b75f;
border-bottom:2px solid #c4924c;
outline: none;
}


.btn-sunny:active, .btn-sunny.active {
color: #fff;
background-color: #d69840;
border-top:2px solid #ab7a33;
margin-top: 2px;
}

.btn-fresh {
color: #fff;
background-color: #51bf87;
border-bottom:2px solid #41996c;
font-size:3rem;
}

.btn-fresh:hover, .btn-sky.active:focus, .btn-fresh:focus, .open>.dropdown-toggle.btn-fresh {
color: #fff;
background-color: #66c796;
border-bottom:2px solid #529f78;
outline: none;
}


.btn-fresh:active, .btn-fresh.active {
color: #fff;
background-color: #47a877;
border-top:2px solid #39865f;
outline: none;
outline-offset: none;
margin-top: 2px;
}

.btn-sky {
color: #fff;
background-color: #0bacd3;
border-bottom:2px solid #098aa9;
font-size:3rem;
}

.btn-sky:hover,.btn-sky.active:focus, .btn-sky:focus, .open>.dropdown-toggle.btn-sky {
color: #fff;
background-color: #29b6d8;
border-bottom:2px solid #2192ad;
outline: none;
}

.btn-sky:active, .btn-sky.active {
color: #fff;
background-color: #0a97b9;
border-top:2px solid #087994;
outline-offset: none;
margin-top: 2px;
}
.page-header{
	margin: 0px 0 20px;
}
.tp-caption{
	background-color: rgba(0,0,0,0.3);
}
.list-group-item{
	background-color: #ECECEC;
}


.payment .radio{
	background-color: #e67e22;
    padding: 5px;
    box-shadow: 3px 3px 3px #888888;
}
.payment .radio label{
	display:block;
	min-height: 20px;
    padding-left: 25px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 140%;
    color: #fff;
    font-weight: 700;
}
.payment .radio label input{
	height: 20px;
    width: 20px;
	margin-left: -25px;
}