html{margin: 0px; padding: 0px;}
body {margin: 0px; padding: 5px 0 0 0; background:#DFDFDF; font-family:Helvetica, Arial, sans-serif; }

img { border:0px; }
table tr td { text-align:center; vertical-align:middle; }
table tr th { background:#cccccc; }
table tr td.h20 { height:40px; }

.r { color:red; }
.ch { background:#e6f1ff; }
.gr { background:#e6e6e6; }
a { color:#000000; }

.product_row:nth-child(even) {
background: #e6f1ff;
}

form > .info_row{
background: #f4f4fa;
}

.s10 { height:10px; }
.s15 { height:15px; }
.s20 { height:20px; }
.s25 { height:25px; }
.s30 { height:30px; }
.s35 { height:35px; }
.s40 { height:40px; }
.s45 { height:45px; }
.s50 { height:50px; }
.s55 { height:55px; }

.fr  { float:right; }
.fl  { float:left;  }
.c   { clear:both;  }

h3{ margin-left: 20px;}
.adminsection_inner h3 {margin-left: 0px;}
/*Header Buttons */
.header_controls{float: right;width:32px; height:95px;}
.logout_button{ float: right; display: block; width:32px; height:32px; background:url('../images/logout.png') no-repeat; margin: 10px 10px 0 0;}
.admin_button{ float: right; display: block; width:32px; height:32px; background:url('../images/admin.png') no-repeat; margin: 10px 10px 0 0;}


.customer_field .customer_livesearch { margin:32px 0 0 350px; width:420px; float:left; position:absolute; z-index:10; background:#FFFFFF; padding:3px; font-size:15px; height:120px; overflow:auto; display:none; }
.customer_livesearch { margin:25px 0 0 300px; width:420px; float:left; position:absolute; z-index:10; background:#FFFFFF; padding:3px; font-size:15px; height:120px; overflow:auto; display:none; }
.customer_livesearch2 { margin:-10px 0 0 235px; width:115px; float:left; background:#FFFFFF; padding:3px 20px; font-size:15px; height:120px; overflow:auto; position:absolute; z-index:10; display:none; }
.customer_livesearch3 { margin:27px 0 0 340px; width:234px; float:left; position:absolute; z-index:10; background:#FFFFFF; padding:3px 10px; font-size:15px; height:120px; overflow:auto; display:none; }
.product_livesearch { width:270px; float:left; background:#FFFFFF; padding:5px 20px; font-size:15px; height:120px; overflow:auto; position:relative; display:none; }

.header { width:1000px; height:100px; background:url('../images/bkg-header.png') no-repeat; background-position: 0 0; margin:0 auto; }
.logo { width:400px; height:100px; float:left; }

.errormsg { margin:0 auto; width:500px; height:30px; border:1px solid #FF0000; color:#FF0000; font-size:15px; text-align:center; line-height:30px; font-weight:bold; }
.infomsg { margin:10px auto; height:30px; border:1px solid #1d22ff; color:#1d22ff; font-size:15px; text-align:center; line-height:30px; font-weight:bold; }

.main_container { margin:0 auto; width:1000px; overflow: hidden; background: white; }
.inner_container { width:1000px; background:#ffffff; float:left; padding-bottom: 10px;}
.recent_reportcontainer {  float:left; padding:0px 20px; } 


.recent_report {    border: 1px solid #ccc; padding:0px 30px 20px 30px; float:left; margin-top:18px; }


.report_field { width:579px; height:500px; margin:0 auto; background:#FFFFFF;  }
.report_field label { width:540px; float:left; height:25px; }
.report_field .report_row1, .report_field .report_row2 { float:left; padding:5px 10px; }
.report_field .report_row2 { background:#CCCCCC; }
.control_panel { width:200px; float:left; padding:20px 30px; display:block; }
.insert_product { position: relative; left: 20px; width:250px; height:50px; background:url('../images/button-insert.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.insert_product:hover { background-position: bottom; }
.view_products { position: relative; left: 20px; width:250px; height:50px; background:url('../images/button-viewproducts.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.view_products:hover { background-position: bottom; }
.generate_quote { width:300px; height:75px; background:url('../images/button-generatequote.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.generate_quote:hover { background-position: bottom; }
.generate_report { width:300px; height:75px; background:url('../images/button-generatereports.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.generate_report:hover { background-position: bottom; }
.admin { width:300px; height:75px; background:url('../images/button-admin.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.admin:hover { background-position: bottom; }
.add_customer { position: relative; left: 20px; width:250px; height:50px; background:url('../images/button-addcustomer.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.add_customer:hover { background-position: bottom; }
.insert_order { position: relative; left: 20px; width:250px; height:50px; background:url('../images/button-generateorder.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.insert_order:hover { background-position: bottom; }
.view_orders { position: relative; left: 20px; width:250px; height:50px; background:url('../images/button-vieworders.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.view_orders:hover { background-position: bottom; }
.quote_existingproduct { position: relative; left: 20px; width:250px; height:50px; background:url('../images/button-byexistingproduct.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.quote_existingproduct:hover { background-position: bottom; }
.quote_newproduct { position: relative; left: 20px; width:250px; height:50px; background:url('../images/button-bynewproduct.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.quote_newproduct:hover { background-position: bottom; }
.view_quote { position: relative; left: 20px; width:250px; height:50px; background:url('../images/button-viewquotedproduct.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.view_quote:hover { background-position: bottom; }
.view_customer { position: relative; left: 20px; width:250px; height:50px; background:url('../images/button-viewcustomer.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.view_customer:hover { background-position: bottom; }
.edit_customer { width:300px; height:75px; background:url('../images/button-editcustomer.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.edit_customer:hover { background-position: bottom; }
.add_deliverynote { position: relative; left: 20px; width:250px; height:50px; background:url('../images/button-adddeliverynote.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.add_deliverynote:hover { background-position: bottom; }
.view_deliverynote { position: relative; left: 20px; width:250px; height:50px; background:url('../images/button-viewdeliverynotes.png') no-repeat; background-position: top; margin-bottom:20px; float:right; }
.view_deliverynote:hover { background-position: bottom; }

.sub_panel { width:310px; height:70px; display:none; }
.quote_sub_panel, .order_sub_panel { width:310px; height:210px; display:none; }
.manual { width:226px; height:57px; background:url('../images/button-manual.png') no-repeat; background-position: top; margin-bottom:10px; float:right; }
.manual:hover { background-position: bottom; }
.wizard { width:226px; height:57px; background:url('../images/button-wizard.png') no-repeat; background-position: top; margin-bottom:10px; float:right; }
.wizard:hover { background-position: bottom; }
.search_order { width:226px; height:57px; background:url('../images/img-searchorder.png') no-repeat; background-position: top; margin-bottom:10px; float:right; }
.completed_order { width:226px; height:57px; background:url('../images/img-completedorder.png') no-repeat; background-position: top; margin-bottom:10px; float:right; }
.pending_order { width:226px; height:57px; background:url('../images/img-pendingorder.png') no-repeat; background-position: top; margin-bottom:10px; float:right; }
.search_quote {  position: relative; left: -100px; width:226px; height:57px; background:url('../images/img-searchquote.png') no-repeat; background-position: top; margin-bottom:10px; float:right; }
.accepted_quote { position: relative; left: -100px;width:226px; height:57px; background:url('../images/img-acceptedquote.png') no-repeat; background-position: top; margin-bottom:10px; float:right; }
.declined_quote { position: relative; left: -100px;width:226px; height:57px; background:url('../images/img-declinedquote.png') no-repeat; background-position: top; margin-bottom:10px; float:right; }


.wizard_field, .manual_field, .admin_field, .quote_field, .problem_field, .customer_field { width: 900px; margin: 20px auto 20px auto; }
.manual_field label, .quote_field label, .problem_field label { display:block; width:200px; margin:0 0 15px 100px; font-size:16px; float:left; line-height:20px;  font-weight:bold; }
.customer_field label, .quotenumber label { display:block; width:300px; margin:0 0 15px 50px; font-size:16px; float:left; line-height:30px; height:30px; font-weight:bold; }
.wizard_field input, .manual_field input, .quote_field input, .problem_field input, .customer_field input, .quotenumber input { width:425px; margin-bottom:15px; float:left; height:20px; font-size:16px; }
.wizard_field label { display:block; width:250px; margin:0 10px 20px 40px; font-size:16px; float:left; line-height:20px; height:20px; text-align:right; }
.quote_field textarea, .problem_field textarea { width:425px; height:150px; font-size:18px; font-family:Arial; }
.quote_field select { width:200px; margin-bottom:20px; float:left; height:30px; font-size:20px; margin-right:225px; }

.quotenumber { border:thin solid #848484; margin: 20px auto 0 auto;  width:900px; padding: 20px 10px;  overflow: auto;}

div.label_note{ color: #FF0000; font-size: 10px; clear: both; margin: 0 0 5px 50px; }

.product_name { border:2px solid #5566bb; padding:10px 20px; font-size:20px; font-weight:bold; display:block; text-align:left; }
.product_name input { height:25px; font-size:20px; line-height:25px; width:300px; }

.product_form { margin-left: 15px; width:950px; padding:10px; text-align:center; float:left; font-size:15px; }
.product_form .product_row { width:950px; float:left; }
.product_form .product_row input { font-size:15px; }
.product_form .product_row select { font-size:15px; height:25px; }
.product_form .description { width:164px; height:25px; padding:10px; float:left; border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; }
.product_form .description input { width:130px; height:20px; font-size:15px; }
.product_form .pattern { width:65px; height:25px; padding:10px; float:left; border-right:1px solid black; border-bottom:1px solid black; }
.product_form .pattern input { width:50px; height:20px; font-size:15px; }
.product_form .size { width:435px; height:25px; padding:10px; float:left; border-right:1px solid black; border-bottom:1px solid black; }
.product_form .size input { width:37px; height:20px; margin:0 4px; float:left; font-size:15px; }
.product_form .size select { width:50px; margin:0 3px; float:left; height:25px; font-size:15px; }
.product_form .foam { width:100px; height:25px; padding:10px; float:left; border-right:1px solid black; border-bottom:1px solid black; height:25px; font-size:15px; }
.product_form .foam select { width:95px; }
.product_form .quantity { width:80px; height:25px; padding:10px; float:left; border-right:1px solid black; border-bottom:1px solid black; }
.product_form .quantity input { width:40px; height:20px; font-size:15px; }
.product_form .info_row { height:25px; width:928px; border-right:1px solid black; border-bottom:1px solid black; border-left:1px solid black; display:none; float:left; padding:10px; text-align:left; font-size:15px; }
.product_form .info_row input { width:600px; }

.productImageContainer {
   float:left;
   width:920px;
}

.productImage {
   width:890px;
   text-align:center;
   border:1px solid black;
   padding:15px;
   float:left;
}

.product_form .description2 { width:137px; padding:10px 5px;  }
.product_form .pattern2 { width:60px; padding:10px 5px; }
.product_form .size2 { width:250px; padding:10px 5px; }
.product_form .foam2 { width:60px; padding:10px 5px;  }
.product_form .quantity2 { width:70px; padding:10px 5px;  }
.product_form .info_row2 {  width:927px; padding:10px 5px; text-align:left; }
.product_form .factoryprice { width:105px; padding:10px 5px; }
.product_form .markup { width:70px; padding:10px 5px; }
.product_form .markup input { width:40px; height:20px; font-size:15px; }
.product_form .sellingprice { width:100px; padding:10px 5px; }
.product_form .sellingprice input { width:50px; height:20px; font-size:15px; }

.search_form { padding:0 80px; }
.search_form label { margin:0 0 0 30px; width:270px; text-align:right; padding-right:40px;}
.search_form input { width:250px; float:left; height:20px; }
.search_form .date { height:20px; font-size:15px; width:150px; margin:5px 20px; }
.search_form .recentdays { height:25px; font-size:15px; line-height:20px; width:250px; }
.search_form .ui-datepicker-trigger { margin-top:5px; }

.result_field label { width:280px; float:left; font-size:15px; margin:0; text-align:left; padding-left:20px; line-height:20px; font-weight:normal;}
.result_field label span.searchresult { font-weight:normal; }
.result_field .resultrow1 { float:left; background:#CCCCCC; text-align:right; padding: 5px; overflow: auto;}
.result_field .resultrow2 { float:left; text-align:right;  padding: 5px;}
.result_field { width:840px;  margin:10px auto;   }
.result_field .result_inner { border: 1px solid #ccc; width:800px; min-height:500px; background:#FFFFFF; padding:20px; }

.admin_field label {  width:300px; margin:0 10px 20px 300px; font-size:20px;  line-height:30px; height:30px; text-align:right; }
.admin_field input { width:200px; margin-bottom:20px;  height:30px; font-size:20px; }
.adminsection_inner, .adminsection_add_inner { width:100%; float:left; }
.adminsection_inner h4, .adminsection_add_inner h4 {margin-left: 100px;}

.adminsection_inner input { width:80px; font-size:15px; padding:0; margin:0; }
.adminsection_add_inner label, .adminsection_add_inner input { width:200px;  clear: right;}
.adminsection_add_inner input[type="checkbox"]{width: 30px;height: 30px; position: relative; top: 10px;}
.adminsection_form { font-size:20px; }
.adminsection_form select { width:200px; height:30px; font-size:20px; }



.quotemsg { float:right; }
.quote_row { padding:10px 20px; float:left; border:thin solid black; margin-bottom:10px;}
.quote_row td { text-align:center; }
.quote_row img { float:right; margin:10px 5px; }
.quote_row img.span { float:none; }

.quote_info h3{ width:430px; float:left; line-height:0px; }

.footer { display: none; width:980px; height:100px; margin:0 auto; text-align:right; padding-right: 20px;background:#FFFFFF; border-top:thin solid black; }

#bgDiv, #infobgDiv { position:fixed; top:0px; left:0px; text-align:center; background-image:url('../images/semitransparent.png'); width:100%; height:100%; }

.popUp { text-align:left; background:url('../images/bkg-adduser-popup.png'); width:385px; height:86px; padding:70px 60px 40px 95px; margin:0 auto; }
.popUp .user_icon { float:left; height:75px; width:75px; }
.popUp .user_msg { float:left; width:290px; padding:10px 10px; }

.emailPopup { text-align:left; background:url('../images/bkg-email-popup.png'); width:399px; height:290px; padding:70px 60px 40px 95px; margin:0 auto;  }
.emailPopup label { width:150px; float:left; font-size:14px; }
.emailPopup input[type="text"] { width:300px; float:left; font-family:Arial; }
.emailPopup textarea { width:300px; float:left; height:50px; font-family:Arial; font-size:12px; }
.button { cursor:pointer; }

.specPopup { text-align:left; background:url('../images/bkg-adduser-popup.png'); width:385px; height:106px; padding:50px 60px 40px 95px; margin:0 auto; }

.order_form { width:938px; padding:10px; text-align:center; margin: 0 auto; }
.order_form .order_row {  float:left; line-height:25px;  }
.order_form .order_row input { font-size:15px; }
.order_form .order_row select { font-size:15px; }
.order_form .productname { width:815px; height:25px; padding:10px; float:left; border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; }
.order_form .productname input { width:800px; height:20px; margin:0 4px; float:left; }
.order_form .pquantity { width:80px; height:25px; padding:10px; float:left; border-right:1px solid black; border-bottom:1px solid black; }
.order_form .pquantity input { width:40px; height:20px; }

.order_form .productname2 { width:45px; height:30px; padding:10px; float:left; border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; text-align:right; text-decoration:underline; }
.order_form .pquantity2 { width:80px; height:30px; padding:10px; float:left; border-right:1px solid black; border-bottom:1px solid black; }

.quote_info .customer_detail { width:450px; padding-bottom:20px; font-size:25px; float:left; }
.quote_info .quote_detail { width:450px; padding-bottom:20px; font-size:25px; float:left; }

.delivery_form { width:935px; padding:10px; text-align:center; float:left; }
.delivery_form .delivery_row { width:780px; float:left; line-height:20px; padding:0 80px; }
.delivery_form .delivery_row input { font-size:15px; }
.delivery_form .delivery_row select { font-size:15px; height:200px; overflow:auto; }
.delivery_form .productcode { width:185px; height:25px; padding:10px; float:left; border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; }
.delivery_form .productcode select { width:180px; height:25px; margin:0 4px; float:left; }
.delivery_form .dproductdescription { width:435px; height:25px; padding:10px; float:left; border-right:1px solid black; border-bottom:1px solid black; }
.delivery_form .dproductdescription input { width:300px; height:20px; margin:0 4px; float:left; }
.delivery_form .dpquantity { width:80px; height:25px; padding:10px; float:left; border-right:1px solid black; border-bottom:1px solid black; }
.delivery_form .dpquantity input { width:40px; height:20px; }
.delivery_form .instruction_row { height:25px; width:722px; border-right:1px solid black; border-bottom:1px solid black; border-left:1px solid black; display:none; float:left; text-align:left; padding:10px 20px; margin-left:80px;}


.s_login_field { margin:0 auto; height:100px; width:345px; padding:30px 20px; border:3px solid #32529b; }
.s_login_field p { line-height:25px; }
.s_login_field label { width:100px; text-align:right; padding-right:20px; float:left; }
.s_login_field input { width:200px; float:left; }

.alpha { margin:20px 0 20px 0; width:400px; float:left;  }
.digit { margin:0 10px; }

.unitchanger{ text-align: right; float: right; border: 1px solid #CCC; margin-right: 25px; padding: 10px;}

.quotestatus{ display: block; float: left; width: 256px; height: 25px; margin-bottom: 12px;}


.autofill_container{   border: 1px solid #CCCCCC;
    float: right;
    margin-right: 25px;
    padding: 10px;
    text-align: right;}
.autofill_container .autofill_trigger{}
.autofill_container .autofill_value{ width: 50px;}

ul#admin_customer_container{
border: 1px solid #666;
width: 600px;
height: 324px;
overflow: auto;
padding: 0;
margin: 0 auto 10px auto;
}
ul#admin_customer_container li{
	width: 99%;
	list-style: none;
	
}
ul#admin_customer_container li a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	padding: 2px;
	text-indent: 5px;
}

ul#admin_customer_container li a.oddrow{ background-color: #BED1F2;}
ul#admin_customer_container li a.evenrow{ background-color: #A1BDED;}

ul#admin_customer_container li a:hover{
	background-color: #2C56AA;
	color: #fff;
}

.foamtopctrl {
    width: 500px;
   margin:20px auto;
}

.foamtopctrl input[type=button] {
   vertical-align: top;
}

.foamposbutton {
   width: 50% !important;
   float: left;
}

.foaminput {
   width:calc(100%) !important;
   border:none;
   padding: 0 3px;
}

.foaminput.modified {
   background-color: #fcc;
}

.searchbox {
   width:590px;
   max-width: 100%;
   display:inline-block;
   border: 1px solid #ccc;
   border-radius: 3px; 
   padding:5px;
   box-sizing:border-box;
}

.searchbox:empty:before {
   content: attr(placeholder);
   display inline-block;
   margin-right: -100%;
   color: #aaa;
}

#beginEditFoamButton {
   width: 120px;
}

#cancelEditFoamButton {
   width: 70px;
}

#saveEditFoamButton {
   width: 50px;
}

.foamselectcontainer .optionseditor {
   box-sizing: border-box;
   padding: 5px;
   width: 100%;
   height: 25px;
}

.foamselectcontainer .optionscontainer {
   background: white;
   z-index: 10;
}

.archiveadvisory {
   padding: 10px;
   margin: 10px;
   background: #eea;
   border: 1px solid #aaa;
}

.imagedeletebutton {
   right: 5px;
   top: 5px;
   position: absolute;
   font-size: 200%;
   cursor: pointer;
}

.imagedeletebutton:not(:hover) {
   opacity: .3;
}

.productImageContainer > div {
   position: relative;
   margin-bottom: 10px;
}

.nextbutton[disabled=true] {
   opacity: .3;
   cursor: default;
}