﻿body {
    padding-bottom: 24px;
}

button,
input,
label,
select,
textarea {
    font-family: inherit;
    font-size: 1.10em;
}

.btn-file {
    position: relative;
    overflow: hidden;
    padding-top: 7px;
    padding-bottom: 7px;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
#file-name{
    border: none;
    font-size: .8em;
    font-weight: bold;
}


label {
    color: #868686;
    font-weight: normal;
    /*margin-bottom: 3px;*/
}
a {
    color: #003AEA;
}
a, .btn-image {
    cursor: pointer; 
    cursor: hand;
}

header {
    margin-top: 9px;
    margin-bottom: 9px;
}
article{
    margin-bottom: 18px;
}
footer {
    padding-top: 24px;
}

h1, h2, h3, h4{
    color: #868686;
}

input[type="checkbox"],
input[type="radio"] {
  margin-right: 6px;
}

#form-login-register{
    padding-top: 24px;
    padding-bottom: 12px;
}
#image-preview-login {
    padding-top: 12px;
    padding-bottom: 12px;
}


/* Forms */
#form-confirmation {
    margin-top: 48px;
}
#form-confirmation .item-number{
    color: #D96D00;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 5px;
}
#form-confirmation .item-status{
    color: #868686;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 5px;
}


/* Dialog */
#dialog-popup{
    display: none;
    background-color: #fff;
}
#dialog-title{
    float: left;
    font-weight: bold;
    color: #868686;
}
#dialog-close-icon{
    margin-top: -3px;
    margin-right: -10px;
    float: right;
}
#dialog-login{
    margin-top: 18px;
}
#dialog-myaccount{
    margin-top: 12px;
    padding-top: 18px;
    padding-bottom: 0px;
}

/* Order History, Order and Design Summary */
#dialog-order-history{
    padding: 9px;
}
#order-history-message{
    margin-left: 20px;
    color: #868686;
    font-size: 1em;
}
#dialog-order-history .panel-body{
    font-size: .9em;
}
#dialog-order-history .panel-body label{
    font-size: .9em;
    padding-right: 12px;
}
#dialog-order-history .form-group{
    margin-bottom: 0px;
}
#dialog-order-history hr.group-separator{
    width: 1px;
    margin-top: 0px;
    margin-bottom: 10px;
}
#cart {
    margin-top: 15px;
}
#cart .panel-body{
    padding-top: 0px;
}
#cart #cart-help h4{
    padding-bottom: 9px;
}
#cart .cart-title{
    color: #000;
    padding-bottom: 12px;
}
.shipping-design
{
    margin-top: 20px; 
}

/* Order and Design Summary Widgets */
.order-summary{
    margin-bottom: 0px;
}
.order-summary hr{
    margin-top: 0px;
    margin-bottom: 0px;
}
.order-summary .panel{
    border: none;
    box-shadow: none;
}
.order-summary .panel-body{
    box-shadow: none;
    padding-left: 0px;
    padding-right: 0px;
}
.order-summary .item-number{
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
}
.order-summary .item-status{
    color: #868686;
    font-size: 1.2em;
    font-weight: bold;
}

.order-summary .item-date{
   color: #404040;
}

.design-summary{
    margin-top: 0px;
    margin-bottom: 0px;
}
.design-summary .panel{
    border: none;
    box-shadow: none;
    padding-left: 6px;
    padding-right: 6px;
}
.design-summary .panel-body{
    padding-left: 0px;
    padding-right: 0px;
}
.design-summary .item-label{
    padding-top: 3px;
}
.design-summary .item-name{
    color: #D96D00;
    font-size: 1.1em;
    font-weight: bold;
}
.design-summary .item-number{
    color: #868686;
    font-size: 1.1em;
    font-weight: bold;
}
.design-summary .item-status{
    color: #868686;
    font-size: 1.1em;
    font-weight: bold;
}
.design-summary .item-date{
    font-size: .9em;
    color: #404040;
}
.design-summary .item-comment,
.design-summary .item-form{
    font-size: .9em;
    font-weight: normal;
}
.design-summary .item-comment-section,
.design-summary .item-form-section {
    padding-top: 6px;
}

.design-summary .item-quantity{
    font-weight: bold;
}
.design-summary .item-quantity-section {
    padding-top: 6px;
}

.design-summary .item-quantity label{
    text-align: right;
}
.design-summary .item-shipping{
    font-size: .9em;
    color: #868686;
}

.img-preview-popup{
    text-align: center;
    padding-top: 12px;
    padding-bottom: 6px;
}
.design-summary .item-preview img{
    margin-right: 24px;
}

.design-summary .item-actions{
    padding-top: 12px;
}
.design-summary .item-action-cart{
    padding-right: 18px;
}
.design-summary .item-action-history{
    font-size: 1em;
    padding-right: 18px;
}

#environment-type {
    font-size: 1.20em;
    color: #0080FF;
	font-weight: bold;
}
#wait-indicator{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: #000 url('/images/ajax-loader.gif') no-repeat center center; 
    filter: alpha(opacity=40);
    opacity: .40;
}

#logo-message{
    font-weight: bold;
    color: #5D5D5D;
}


.catalog-image{
    padding: 6px;
    cursor: pointer; 
    cursor: hand;
}



#url-designer{
    margin-top: 48px;
    margin-left: 12px;
    margin-right: 12px;
}
#design-background-selector #label-category {
    padding-top: 3px;
}

#page-navbar, .page-navbar{
    text-align: right;
}
#terms-panel{
    margin: 24px;
}
#terms-panel #page-welcome{
    padding-bottom: 24px;
}
#terms-panel #page-welcome h2:first-of-type{
    margin-top: 0px;
    padding-top: 0px;
}
#terms-checkbox{
    margin-left: 12px;
}
#terms-checkbox-text{
    padding-left: 3px !important;
    padding-top: 1px;
}
#required-widget {
    margin-top: 18px; 
    margin-bottom: 18px;
}
.required
{
    border: 1px solid #FFBF80;
}
.required-text
{
    color: #FFB366;
    font-weight: normal;
    text-align: right;
}
.hint {
    font-size: 0.80em;
    color: #B1B1B1;
    padding-left: 16px;
    padding-bottom: 12px;
}

#error-provider{
    display: none;
}
#error-message span{
    padding-right: 9px;
}

#validation-message {
    clear: both;
    padding: 0 0 18px;
    display: none;
}
#validation-message #validation-message-image {
    float:left;
    padding: 8px 8px 6px 9px;
}
#validation-message #validation-message-message {
    float:left;
    padding: 11px 12px 0px 0px;
}

/* Demo */
#demo-mask
{
	position: absolute;
    border: 0px none;
    top:0px; 
    left:0px; 
    height:100%; 
    width:100%; 
    background-color: #fff; 
    z-index:1000; 
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    vertical-align: middle;
}
#demo-panel
{
    position: fixed;
    top: 40px;
    left: 40px;
	border: 4px solid #ccc;  
	float: none;
	background-color: #fff; 
	padding:10px; 
	width: 660px;
	z-index: 1001;
}
#demo-video{
    display: none;
    height: 360px;
    width: 640px;
}
#form-payment-simple .form-group .control-label{
    text-align:left;
}

#form-payment-simple .form-group .control-label label{
    color: #333;
    font-weight: bold;
}
#form-payment-simple .order-total-display {
    padding-top: 10px;
}

#printable-page.panel{
    box-shadow: none!important;
}

.field-validation-error 
{
    color: #D70000; 
    font-family: Verdana,Arial,Tahoma,Helvetica,sans-serif;
}
.validation-summary-errors {
    color: #D70000;
    font-weight: bold;
    font-family:"Segoe",Tahoma,Arial,Verdana,sans-serif;
    font-size: 14px;
    }
.validation-summary-errors ul li
{
    list-style-type: disc;
}
.validation-summary-valid {
    display: none;
}

/* singletons - used in conjunction with other styles */
.black      { color: #000; }
.blue-med   { color: #006BCC; }
.gray       { color: #868686; }
.gray-light { color: #B1B1B1; }
.gray-dark  { color: #5D5D5D; }
.green      { color: #008A00; }
.orange     { color: #AA410F; }
.red        { color: #D90000; }
.red-light  { color: #FF3C3C; }
.red-dark   { color: #950000; }
.white      { color: #FFF; }
.yellow     { color: #FFFF00; }

.bg-smoke { background-color: #F5F5F5; }
.bg-tan-smoke { background-color: #FFF9F2; }
.bg-faint { background-color: #F9F9F9; }

.cursor-hand { cursor: pointer; cursor: hand; }

.border-red { border: 1px solid #D70000; }

.bold       { font-weight: bold; }
.normal     { font-weight: normal; }

.text-smaller { font-size: .9em; }
.text-small   { font-size: .8em; }


