﻿/* Form - styles */
form {
  width: 95%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: lighter;
}
fieldset{
  width: 104%; /* 109% */
  margin: 15px 0 15px 0; /* space out the fieldsets a little*/
  padding: 10px 0 10px 0;
  border : 1px solid #C6E2FF;
  background-color: #FFFFFF;
 	border-radius: 6px;
	-moz-border-radius: 6px; /* Firefox 3.6 and earlier */
	-webkit-border-radius: 6px; /* Safari */
}
legend {
  font-weight: bold;
  margin-left: 10px;
  color: #2a5a9a;
}
.topic {
  padding-right: 4px;
  padding-left: 25px;
  text-align: right;
}
td.topic2, a.topic2 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.topic2, .topic2 a {
  width: 200px;
  padding-right: 10px;
  padding-left: 3px;
  text-align: right;
  color: #DD5525;
  text-decoration: none;
}
.topic2 a {
  padding-right: 0px;
}
.topic2 a:hover, .topic2 a:focus  {
  padding-right: 0px;
  padding-left: 5px;
  text-align: right;
  color: red;
  text-decoration: none;
}
table {
  margin: 0;
}
table td {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 1px;
  text-align: left;
}
.caption {
  width: 100%;
  text-align: center;
  margin: 5px 0 20px 0;
}
/* Form - style form elements on focus */
input:focus, textarea:focus, #attach-width:focus {
  background: #ffc;
}
/* Form - Contact Information input styles*/
td input {
  width: auto;  /**200px**/
}
td input#state {
  width: 45px;
}
td input#phone,
td input#suite,
td input#zip {
  width: 150px;
}
input {
  width: 100%;
}
input#company, 
input#name {
  width: 98%;
}
input#address, 
input#email {
  width: 96.5%;
}
input#phone {
  width: 98%;
}
#caption {
  text-align: center;
  float: none;
}
#caption .inline-image {
  border: thin blue solid;
  padding: 0 0;
}
/** Form - Order Your Custom Labels **/
table.address{
	width:95%;
}
.address, .address a {
	padding:0px 0px 0px 20px;
  text-align: center;
  color: #DD5525;
  text-decoration: none;
}
textarea.address-box{
  margin-left:74px;
  width: 300px;
  height: 80px;
  float: left;
  display: block;
  clear: both;
}
.ship-via {
	margin-left:75px;
}
.order-item-header { 
  text-align: center;
  color: #DD5525;
  font-size: .9em;
	margin: 0;
	padding: 0;
}
.new-repeat {
  width: auto;
  	border-radius: 6px;
  	-moz-border-radius: 6px; /* Firefox 3.6 and earlier */
  	-webkit-border-radius: 6px; /* Safari */
    overflow: hidden;  
}
input.item-box {
  	border-radius: 0px !important;
  	-moz-border-radius: 0px !important; /* Firefox 3.6 and earlier */
  	-webkit-border-radius: 0px !important; /* Safari */ 
    overflow: hidden !important;
	border: 1px #cccccc solid !important;
}
.order-qty {
	width: 50px;
	text-align: center;
}
.part-number {
	width: 65px;
	text-align: right;
	text-align: center;	
}
.item-name {
	width: 215px;
}
.item-size {
	width: 90px;
	text-align: center;
}
.item-price {
	width: 45px;
	text-align: right;
	margin-right: 3px;
}
.item-quote {
	width: 45px;
}
.prep-item-name {
	width: 444px;
}
.no-internal-order-border {
	border: none !important;
  width: 100% !important;
}
.item-attachment {
  background-color: #FFFFFF;
  width: 175px;  
}
td.order-comments {
	width:950px;
}
textarea#order-comments{
  width: 97%;
  height: 80px;
  margin-left: 10px;
  float: left;
  display: block;
  clear: both;
}
.order-notes-topic {
  width: 800px;
  padding-right: 10px;
  padding-left: 13px;
  text-align: left;
  color: #DD5525;
  text-decoration: none;
}





input.radio-order, input.checkbox-order {
  width: auto;
  margin: 4px 5px 0 15px;
  padding: 2px 0 0 0 !important;
  float: left;
}
/** Form - Quote Request input styles **/
.quote_request {
  width: 715px;
  font-size: 13px;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}
#width, #length, #nover {
  width: 95px;
  margin-right: 10px;
}
.quote-wide-50 {
  width: 50px;
  margin-right: 10px;	
}
#widthlabel, #lengthlabel {
  margin-right: 0px;
}
#lf-shrink, #cl-shrink {
  margin-right: 0px;
}
.unwind {
  padding-right: 20px;
}
.quote-perf {
  margin-top: -10px!important;
  padding-right: 20px!important;
}
input {
  font-size: .9em;
  	border-radius: 6px;
  	-moz-border-radius: 6px; /* Firefox 3.6 and earlier */
  	-webkit-border-radius: 6px; /* Safari */
    overflow: hidden;
}
select {
  font-size: .9em;
  padding: 4px;
}
#quantity1,
#quantity2,
#quantity3,
#quantity4,
#quantity5,
#quantity6 {
  width: 55px;
  margin-right: 15px;
}
#quantity6 {
  margin-right: 0;
}
.no-label {
  display: none;
}
.attachment {
  background-color: #FFFFFF;
  width: 300px;  
}
#comments label {
  float: left;
  width: 100%;
}
textarea#comments{
  width: 99%;
  float: left;
  display: block;
  clear: both;
}
textarea#help-me-message{
  width: 99.2%;
  float: left;
  display: block;
  clear: both;
}
td#samples-yes {
  width: 250px;
}
td#samples-no {
  width: 150px;
}
.pad1 {
  padding: 0 15px 0 10px;
  width: 100%;
}
.applied-to {
  padding: 0 15px 0 10px;
  width: 98%;
}
/* :KLUDGE: Explicitly set the width for IE6- */
input[type=text], textarea {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 4px;
  	border-radius: 6px;
  	-moz-border-radius: 6px; /* Firefox 3.6 and earlier */
  	-webkit-border-radius: 6px; /* Safari */
    overflow: hidden;  
}
input.radio, input.checkbox {
  width: auto;
  
  margin: 4px 5px 0 0;
  padding: 2px 0 0 0 !important;
  float: left;
}
input.submit {
  color: green;
  width: auto;
  margin: 0 5px 20px 25px;
  padding: 5px 5px;
  float: left;
  font-weight: 600;
}
/* Form - Sample Request input styles*/
.sample_request {
	width: 715px;
  font-size: 13px;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}
#sample-kit-items {
  margin: 0 0 0 95px;
}
/* Form - Artwork Upload*/
.artwork_upload {
  width: 715px; /* 715 */
  font-size: 13px;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}
#company-ul, #name-ul, #email-ul {
  width: 300px;
}
.required {
  color: maroon;
  font-size: small;
}
.optional {
  color: maroon;
  font-size: .7em;
}

/** CONTACT US **/
#contact_form {
  width: 450px;
  display: block;
  margin: 0 0 15px 0;
  padding: 0;
  float: left;
}
#contact_form td {
  color: #000000 !important;  
}
#contact_form table {
  float: none;
  width: 100%;
}
#contact_form table td {
  color: #737475;
}

/** PAY ONLINE **/
input.reference {
  padding: 4px;
}
input.pay {
  border: none;
  width:125px!important;
  border-top: 1px solid #ccc!important;
  border-left: 1px solid #ccc!important;
  border-bottom: 1px solid #ccc!important;
  border-right: 1px solid #ccc!important;
  padding: 4px;
  	border-radius: 6px;
  	-moz-border-radius: 6px; /* Firefox 3.6 and earlier */
  	-webkit-border-radius: 6px; /* Safari */
    overflow: hidden;  
}

input#company {
  width: 225px;
  margin-left: 0px;
}
#ref_pay {
	border-spacing: 4px;
  border-collapse: separate;
}