body{
    font-family: "roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
hr{
    margin: 11px 0 !important;
}
button.btn{
    margin: 0 2px;
}
.header{
    border-top: none;
    border-radius-top: 0;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}




/*------------------------------------------------------------------
[ designContainer ]
*/
.designContainer{
  position: relative;
  top: 0px;
  text-align: center;
  line-height: 30px;
}

.designContainer .text, .designContainer .t{
  font-family: "Roboto";
  position: absolute;
  top:160px; 
  left: 0;
  right: 0;
  margin: auto;
  max-width: 200px;
  max-height: 346px;
}

.designContainer .text p{

  width: auto;
  height: auto;
  display: block;
  -webkit-transition: display .3s;
  -moz-transition: display .3s ;
  -o-transition: display .3s ;
  transition: display .3s ;
  margin: auto !important;
}
designContainer p{

  margin: auto !important;
}
.designContainer .text p:hover, .designContainer .t p:hover{

    cursor: move;

}
.designContainer .text i, .designContainer .t i{
  
  cursor: pointer;
 
}
.t{
  z-index:90;
}
.container-fluid h5{

  margin: auto !important;
}
.help{

  font-size: 12px !important;
}
/*------------------------------------------------------------------
[ Loading anniamtion (on google font load) ]
*/
.loading{
  background: url('../img/ajax-loader.gif') no-repeat;
  background-color: red;
  width: 32px;
  height: 32px;
  position: absolute;
  z-index: 99;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/*------------------------------------------------------------------
[ images Style ]
*/
#imagesContainer{
  width: 370px;    /* draggable license plate resize */
  height: auto;
  max-width: 600px;  /* was 500px */
  max-height: 300px;
  position: absolute;
  top: 180px;       /* position dragable license plate */
  text-align: center;
  left: 22%;        /* position dragable license plate */
  right: 36%;       /* position dragable license plate */
  margin: auto;
}



#imagesContainer img:hover{
  cursor: move;
}

.QQQimages{
  width:170px; 
  height:170px;   /* dragable license plate resize */
  position: absolute;
}

.images img{
  width:700px; /* Set to auto to preserve aspect ratio */
  height:100%;
}
.images .icon-remove:hover{
  cursor: pointer;
}
#Tshirtsrc {
 width:1160px; /* was 1160px, background car/bike image edit */
 height:auto;
 border-width:1px;
 border-style:double;
 border-color:black;
 position:  relative;
    
}

.tshirts li{
  float: left;
  width: 62px;  /* car + bike img, add dif flippers image size */
  padding:2px;  /* paddign around the FLIP gadget, and cars/bikes image*/
  background: transparent;
  margin: 2px 2px !important;
list-style:none !important;
  text-align: center;
  border: 1px solid gray;
}

.tshirts img{
  box-shadow: 0 0 0 0 !important; 
}
.navbar .nav > li{
  margin: auto !important;
}
.span6 ul li{
  list-style: none !important;
  margin: 1px !important;
}
.input-medium{
  width: 258px !important;
}


/*------------------------------------------------------------------
[ Overide Bootstrap css]
*/
.well{
  background-color: transparent;
  -webkit-box-shadow:  0 1px 1px rgba(0, 0, 0, 0.01);
  -moz-box-shadow:  0 1px 1px rgba(0, 0, 0, 0.01);
  box-shadow:  0 1px 1px rgba(0, 0, 0, 0.051);
}
.navbar-inner{
  padding-left: 12px;
  padding-right: 12px;
}

/*------------------------------------------------------------------
[ Widget / .widget ]
*/
.widget {
  position: relative;
  clear: both;
  ?width: 317px;
  margin-bottom: 2em;
  margin-top: 2px;
}
.widget .widget-header {
  position: relative;
  height: 40px;
  line-height: 40px;
  background:#E9E9E9;
  background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* Opera11.10+ */

  background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* IE10+ */

  background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
  border: 1px solid #D5D5D5;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-background-clip: padding-box;
}
.widget .widget-header h3 {
  top: 2px;
  position: relative;
  left: 10px;
  display: inline-block;
  margin-right: 3em;
  font-size: 14px;
  font-weight: 600;
  color: #555;
  line-height: 18px;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
  margin: auto !important;
}
.widget .widget-header [class^="icon-"],
.widget .widget-header [class*=" icon-"] {
  display: inline-block;
  margin-left: 13px;
  margin-right: -2px;
  font-size: 16px;
  color: #555;
  vertical-align: middle;
}
.widget .widget-content {
  padding: 20px 15px 15px;
  background: #FFF;
  border: 1px solid #D5D5D5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.widget .widget-header + .widget-content {
  border-top: none;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.widget.widget-nopad .widget-content {
  padding: 0;
}
.widget .widget-content {
  *zoom: 1;
}
.widget .widget-content:before,
.widget .widget-content:after {
  display: table;
  content: "";
  line-height: 0;
}
.widget .widget-content:after {
  clear: both;
}
.widget.widget-table .widget-content {
  padding: 0;
}
.widget.widget-table .table {
  margin-bottom: 0;
  border: none;
}
.widget.widget-table .table tr td:first-child,
.widget.widget-table .table tr th:first-child {
  border-left: none;
}
.widget.widget-plain {
  background: transparent;
  border: none;
}
.widget.widget-plain .widget-content {
  padding: 0;
  background: transparent;
  border: none;
}
.widget.widget-box .widget-content {
  background: #E3E3E3;
  background: #FFF;
}

#footer p{
  text-align: right;
}
#font li{
  list-style:none !important;
  margin: auto !important;
}



/*------------------------------------------------------------------
[ print option / @media print  ]
*/
@media print {
  i{
    display: none !important;

  }
  .navbar{
    visibility: hidden !important;
  }

}