/** FONTS **/
@font-face {
	font-weight:normal;font-style:italic;font-family:'OpenSans-SemiboldItalic';
	src: url('/fonts/OpenSans-SemiboldItalic.ttf') format('truetype');
}
@font-face {
	font-weight:normal;font-style:normal;font-family: 'OpenSans-Semibold';
	src: url('/fonts/OpenSans-Semibold.ttf') format('truetype');
}
@font-face {
	font-weight:normal;font-style:normal;font-family:'OpenSans-LightItalic';
	src: url('/fonts/OpenSans-LightItalic.ttf') format('truetype');
}
@font-face {
	font-weight:normal;font-style:normal;font-family:'OpenSans-Regular';
	src: url('/fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
	font-weight:normal;font-style:normal;font-family:'OpenSans-Light';
	src: url('/fonts/OpenSans-Light.ttf') format('truetype');
}
@font-face {
	font-weight:normal;font-style:normal;font-family:'OpenSans-Italic';
	src: url('/fonts/OpenSans-Italic.ttf') format('truetype');
}
@font-face {
	font-weight:normal;font-style:normal;font-family:'OpenSans-ExtraBoldItalic';
	src: url('/fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
	font-weight:normal;font-style:normal;font-family:'OpenSans-ExtraBold';
	src: url('/fonts/OpenSans-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-weight:normal;font-style:normal;font-family:'OpenSans-BoldItalic';
	src: url('/fonts/OpenSans-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-weight:normal;font-style:normal;font-family:'OpenSans-Bold';
	src: url('/fonts/OpenSans-Bold.ttf') format('truetype');
}

html, body { margin:0; font-family: Arial; }
header {
	background-color:black; font-family:"Arial Black",Arial;
    left: 0;
    /*position: fixed;*/
    top: 0;
    width: 100%;
	z-index: 2;
}
#order_footer , #order_comment{
	height: 90px;
    position: fixed;
	z-index: 2; 
	background: none repeat scroll 0 0 rgb(255, 255, 255);
    bottom: 0;
    left: 50%;
    margin-left: -530px;
    width: 80%;
	padding-top: 15px;
}

.c-Top-Header:after{display:block;clear:both;content:"";}
.c-Top-Header {display: block;}
.top_third_left { width:400px; font-size:20px; float:left; background-color:black; color:yellow; margin-left:30px; }
.top_third_left > p {margin: 0;padding: 0; line-height: 60px;}
.top_third_left > .c-Header-Title {font-size: 24px;line-height:1em;}
.top_third_left > .c-Header-Description {font-size: 16px;   line-height: 30px;}
.top_third_left .c-Header-Title,.top_third_left .c-Header-Description{padding:5px 0 0 20px;}
.top_third_center { width:510px; font-size:20px; background-color:black; color:yellow; line-height:60px;text-align: center; margin: 0 auto;}
.top_third_right { width:400px; font-size:15px; float:right; background-color:black; color:yellow; text-align:right; line-height:30px;}
.top-right-top-block,#top_links {padding-right:30px;}

#top_links a { color:yellow; text-decoration:none; margin-left:5%; font-weight: normal; }
#grey_bar { width:100%; background-color:#E4E1E1; color:#9B9B9B; overflow:hidden; font-style:italic; text-indent:30px; clear:both;line-height:30px; }

.main { width:1060px; margin:0 auto; /*padding-top: 100px !important;*/ }

.button {
	border: 0 solid #F5F5F5;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	display: block;
	font-size: 0.8em;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-align: center;
	width:120px;
	max-width: -moz-max-content;
	color: black;
	float:right;
	clear:both;
	margin:1%;
}
.button .green{ background: none repeat scroll 0 0 #1DCF2C;}
.button .blue{	background: none repeat scroll 0 0 #00FFEB;}
.button .orange{	background: none repeat scroll 0 0 #FF8C00;}
.button .red{	background: none repeat scroll 0 0 #8B0000;}

.c-OrderPage, .invoice_page, .c-PriceTemplate, .c-Previous-Orders, .all_orders, .c-ApprovedOrder{font-family: "OpenSans-Regular";}
.c-OrderPage input[type=submit]{ /*margin-left: 5px;  position: fixed;*/ bottom: 5px; position: absolute; }
.c-OrderPage #order_footer{ width: 350px; background-color: yellow;  margin-left: 145px; border: 2px solid #484848;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;padding:15px;}
.c-OrderPage .frm_order_total{    float: right;  text-align: right; padding: 20px; font-size: 15px; font-weight: bold;}

.c-OrderPage #order_comment textarea{ width: 345px; height: 60px; display: none;}
.c-OrderPage #order_comment{width: 350px; background-color: yellow; float: left; display: inline-block; border: 2px solid #484848;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;padding:15px;}

.frm_send input[type="submit"], .frm_order_template input[type="submit"] , .c-Edit input[type="submit"], .c-Login-Form input[type="submit"], .c-Btn-Submit, .c-PrintForm input[type="submit"] {
    background: none repeat scroll 0 0 #BDE5F8;
    border: 1px solid #4C8DC0;
    border-radius: 5px;
    color: #4C8DC0;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    height: 30px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    width: 80px;
}
.frm_send input[type="submit"]:hover, .frm_order_template input[type="submit"]:hover , .c-Edit input[type="submit"]:hover, .c-Login-Form input[type="submit"]:hover, .c-Btn-Submit:hover {
    background: none repeat scroll 0 0 #4C8DC0;
    color: #FFFFFF;
}
.frm_send > .c-OrderList-View{margin-bottom: 65%;}
.span-active{ color: #FFFF00; font-size: 16px; }
.separate {	margin-top:2%;	background: #000; 	height: 1px;	clear:both;	overflow:hidden;}
.left_half{	float:left;width:80%;	overflow:hidden;}
.right_half{ float:right;width:20%;	overflow:visible;}

.main .add_new_order , .panel-default .remove-item-row {display: none;}
.panel-default .remove-item-row{  /*right: 100px;*/  position: absolute;   margin-top: 2px; background-color: #ffcccc; width: 50px; height: 20px ;line-height: 20px;}
.panel-default .remove-item-row:hover{color: #000000;}


.selected{  background-color:red;}

form input .green{
	border: 0 solid #F5F5F5;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	display: block;
	font-size: 0.8em;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-align: center;
	width:120px;
	max-width: -moz-max-content;
	color: black;
	float:right;
	clear:both;
	margin:1%;
	background: none repeat scroll 0 0 #1DCF2C;
}
.button_small{
	border: 0 solid #F5F5F5;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	display: block;
	font-size: 0.8em;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	width:80px;
	max-width: -moz-max-content;
	color: black;
	float:right;
	clear:both;
	margin:1%;
}
.button_small .green{	background: none repeat scroll 0 0 #1DCF2C;}
.button_small .red{	background: none repeat scroll 0 0 #8B0000;}
.line, .line1{	float:left;	text-align:center;	width:15%;  margin-top: 30px; margin-bottom: 30px;}
.line1{	font-size: 16px; font-weight: bold; width: 20%;}

.visuallyhidden {	display: none;}

.wizard-progress {	list-style: none;	list-style-image: none;	margin: 0;	padding: 0;	float: left;	white-space: nowrap;}
.wizard-progress li {	float: left;	margin-right: 25px;	text-align: center;	position: relative;	width: 100px;}
.wizard-progress .step-name {	display: table-cell;	vertical-align: bottom;	text-align: center;	width: 100px;}
.wizard-progress .step-name-wrapper {	display: table-cell;	height: 100%;	vertical-align: bottom;}
.wizard-progress .step-num {font-size:14px;font-weight:bold;border:3px solid #000;border-radius:50%;width:18px;display: inline-block;margin-top:10px;}
.wizard-progress .step-num:after {content: "";display: block;background: #fff;height: 5px;width: 130px;position: absolute;bottom: 10px;left: 60px;}
.wizard-progress li:last-of-type .step-num:after {display: none;}
.wizard-progress .active-step .step-num {background-color: #ff0500;}

.c-Login {
	margin:0 auto;
	width:300px;
}

.c-Login-Form {
	padding-top:100px;
}

.l-Field label:after {
	content:"";
	clear:both;
	height:0;
	line-height:0;
	display:block;
}
.l-Field {
	padding-bottom:10px;
}
.l-Field .label {
	float:left;
	font-weight:bold;
	font-size:12px;
	display:block;
	height:30px;
	line-height:30px;
	width:150px;
}
.c-Login-Form .l-Field .label{width:80px;}


.c-Edit .l-Field input {
	float:none;
}
.l-Field input , .c-Edit .l-Field textarea , .c-Edit .l-Field select {
	float:right;
	border:1px solid #7f7f7f;
	margin:0;
	padding:0;
	height:30px;
	width:198px;
}
.c-Edit .l-Field textarea {
	float:left;
	height:50px;
}
.c-Edit .l-Field select {
	float:left;
	height:32px;
}
.l-Form-Submit {
	padding-top:10px;
	border-top:1px solid #7f7f7f;
}
.l-Form-Submit:after{
	content:"";
	clear:both;
	height:0;
	line-height:0;
	display:block;
}
.u-Submit-GREEN {
	float:right;
}
.u-Message {
	margin-bottom:10px;
}
.u-Message-Warning {
	background:#FFBABA;
	color:#D8000C;
	margin:0;
	padding:15px;
	border:1px solid #D8000C;
	font-size:12px;
}
.u-Message-Success {
	background:#DFF2BF;
	color:#89B456;
	margin:0;
	padding:15px;
	border:1px solid #89B456;
	font-size:12px;
}
.u-Message-Error {
	background:#FEEFB3;
	color:#9F6000;
	margin:0;
	padding:15px;
	border:1px solid #9F6000;
	font-size:12px;
}
.label-error {
	margin-top:8px;
	clear:both;
	display:inline-block;
	background: #FEEFB3;
	border:1px solid #9F6000;
	color:#9F6000;
	font-size:12px;
	text-align:left;
	text-indent:15px;
	line-height:30px;
}
.first-page-link{
	float: right;
}
.first-page-link a:hover{
	color: black;
	text-decoration: underline;
}
.u-Clear:after {
	content:"";
	clear:both;
	height:0;
	line-height:0;
	display:block;
}
.c-MyAccountEdit {
	padding:25px 0;
}
.c-MyAccountEdit .right_half {
	padding:25px 0;
}


.c-Btn {
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:10px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	width:120px;
	display:block;
	text-decoration:none;
	font-weight:bold;
}
.c-Btn-Default {
	background:#BDE5F8;
	color:#4C8DC0;
	border:1px solid #4C8DC0;
}
.c-Btn-Default:hover {
	background:#4C8DC0;
	color:white;
}
.c-Btn-Links {
	background:#BDE5F8;
	color:#4C8DC0;
	border:1px solid #4C8DC0;
	width: 50px;
	display: inline-block;
}
.c-Btn-Links:hover {
	background:#4C8DC0;
	color:white;
}

.c-MyAccountEdit .right_half .c-Btn {  
	margin-bottom:8px;
	float:right;
	clear:both;
}
.c-Pagination-Item {
    background: none repeat scroll 0 0 #E5E5E5;
    margin-bottom: 10px;
    margin-top: 20px;
    overflow: hidden;
    padding: 2px 0;
    position: relative;
}
.c-Pagination-Item-Navigation {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    font-size: 10px;
    height: 66px;
    margin: 0 1px;
    overflow: hidden;
    text-align: center;
    text-indent: 0;
    width: 38%;
}
.c-Pagination-Item-Navigation span {
    color: #7F7F7F;
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.c-Pagination-Item-TOTAL {
    width: 23%;
}
.c-Pagination-Item-Navigation a {
    display: block;
    line-height: 66px;
}
.c-Pagination-Item-TOTAL span {
    line-height: 66px;
}
.c-Pagination-Item-TOTAL b {
    color: #000000;
}
.c-Pagination-Item .c-Btn-Prev {
    background: url("/img/paginate-previous.png") no-repeat scroll 30px center #FFFFFF;
}
.c-Pagination-Item .c-Btn-Next {
    background: url("/img/paginate-next.png") no-repeat scroll 210px center #FFFFFF;
}
.c-Pagination-Item-Navigation a:hover {
    background: none repeat scroll 0 0 #808080;
    color: #FFFFFF;
}
.c-Pagination-Item-Navigation a:hover span {
    color: #FFFFFF;
}
.c-Pagination-Item .c-Btn-Prev:hover {
    background: url("/img/paginate-previous-hover.png") no-repeat scroll 30px center #808080;
}
.c-Pagination-Item .c-Btn-Next:hover {
    background: url("/img/paginate-next-hover.png") no-repeat scroll 210px center #808080;
}
.c-Pricing-Item form {
    height: 0;
    overflow: hidden;
    position: relative;
    visibility: hidden;
    width: 0;
}

.product-table {
	border-collapse:collapse;
	width: 815px;
}
.all_orders .order_rows{
	//float: left;
	width: 100%;
	padding-bottom: 50px;
}
.orders_previous_table{ width: 100%; }
.c-Row-Category td {padding:0;}
.c-Row td {
	border:1px solid #505050;
}
.product-table thead {
	font-size:11px;
	text-transform:uppercase;
}
.c-Row-Image {
	width:200px;
	min-height: 55px;
}
.c-Row-Image img{
	vertical-align: middle;
}
.c-Row-Code {
	width:100px;
}
.c-Row-Description {
	width:150px;
}
.c-Row-QtyItems {
    width: 50px;
	text-align: center;
}
.c-Row-Quantity {
	width:40px;
}
.header_strip {font-weight: bold; font-size: 30px;}
.panel-default .c-Row-Price input{width: 70%;float: right; background-color: #ccffff;}
.panel-default .c-Row-Price label{width: 90%;}
#frm_product_price_template .Inactive-Price input{ color: red;  }
.c-PriceTemplate .Active-Row { background-color: #d3d3d3;  }
.c-Row-Price input, .c-Row-Quantity input,
.c-Row-Price label, .c-Row-Quantity label{
	/*width:36px;*/
	width: 90%;
	display:block;
	margin:0;
	padding:2px;
	border:1px solid #808080;
	text-align:center;
	font-size:12px;
	font-family:Arial;
}
.c-Row-Price, .c-Row-Quantity{
	width:42px;
}
.c-Row-Available {
	width:50px;
}
.c-Row td {
	border:1px solid #505050;
	font-size:12px;
}
.c-Row-Category td {
	border:1px solid #505050;
}
.c-Row-Product table {
	border-collapse:collapse;
	width: 100%;
}
th[colspan="5"] {
	padding-bottom:10px;
	text-align:left;
	color:#4C8DC0;
}

/** Start Order rows **/
.c-Category-Header {
	padding-bottom:10px;
	text-align:left;
	color:#4C8DC0;
	font-weight: bold;
	height: 15px;
}
.c-Row-Header {
	width: 815px;
	text-align: center;
	overflow:hidden;
	position:relative;
	top:1px;
}


.c-Row-Header div{
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	border:1px solid transparent;
	border-bottom:0;
	border-right:0;
}
.c-Row-Header .c-Header-Available {
	border-right:1px solid transparent;
}
.c-Row-Header .c-Header-Image, .c-Row-Image{
	width: 250px;
}
.c-Row-Header .c-Header-Code, .c-Row-Code{
	width: 130px;
}
.c-Row-Header .c-Header-Description, .c-Row-Description{
	width: 200px;
}
.c-Row-Header .c-Header-Quantity, .c-Row-Header .c-Header-Price, .c-Row-Header .c-Header-QtyItems, .c-Row-Quantity, .c-Row-Price, .c-Row-QtyItems {
	width: 60px;
}
/*.c-Row-Header .c-Header-QtyItems{
	color: #4c8dc0;
}*/
.c-Row-Header .c-Header-Available, .c-Row-Available{
	width: 75px;
}
.c-Row div{
	overflow:hidden;
}
.c-Row div{
	border: 1px solid #E4E1E1;
	min-height: 20px; 
	font-size: 12px;
	padding: 1px;
	float: left;
	border-bottom:0;
	border-right:0;
}
.c-Table {
	overflow:hidden;
}
.c-Row-Price{ position: relative}
div.u-Last div {
	border-bottom:1px solid #E4E1E1;
}
.c-Row .c-Row-Available, .c-Row .c-Row-Quantity {
	border-right:1px solid #E4E1E1;
}
.c-Row {
	overflow:hidden;
}
.c-Row-Image{
	float:left;
}
.c-Row-Product {
	float:left;
}
.c-Row-Category .c-Row-Image {
	border:1px solid #E4E1E1;
	border-right:0;
	height: 47px;
}
/** End Order rows **/
.c-PriceTemplate .panel.panel-default{
	margin-top: 10px; width: 1024px;
	border: 2px solid #484848;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;
	padding:15px;
	/*-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #4c8dc0;
    border-image: none;
    border-style: solid;
    border-width: 2px 2px 2px 5px;
    margin-top: 10px;
    padding: 15px;
    width: 1024px;*/
}
.c-PriceTemplate .right_half{
	margin-bottom: 50px;
}
.c-PriceTemplate form.frm_order_template, .c-PriceTemplate #frm_product_price_template {
	float: left;
    width: 100%;
}
.c-PriceTemplate .c-Row-Header {
	width: 100%;
	left: 10px;
}
.c-PriceTemplate .c-Row-Header .c-Header-Image, .c-PriceTemplate .c-Row-Image{
	/*width: 521px;*/
	/*width: 350px;*/
	max-width: 245px;
	border: 0 none;
}
.c-PriceTemplate .c-Row-Image img{
	/*width: 350px;*/
	/*max-width: 350px !important;*/
	max-width: 245px !important;
	height: auto;
}
.c-PriceTemplate .c-Row-Details{border: 0 none;}

.c-PriceTemplate .c-Row-Code, .c-PriceTemplate .c-Row-Header .c-Header-Code{
	width: 100px;
}
.c-PriceTemplate .c-Row-Header .c-Header-Description, .c-PriceTemplate .c-Row-Description{
	/*width: 370px; */
	width: 475px;
}
.c-PriceTemplate .c-Row-Header .c-Header-Quantity, .c-PriceTemplate .c-Row-Header .c-Header-Price, .c-PriceTemplate .c-Row-Header .c-Header-QtyItems, .c-PriceTemplate .c-Row-Header .c-Header-Available, .c-PriceTemplate .c-Row-Quantity, .c-PriceTemplate .c-Row-Price, .c-PriceTemplate .c-Row-QtyItems, .c-PriceTemplate .c-Row-Available{ width: 61px; }
.c-PriceTemplate .c-Row-price {
    border-right-width: 0;
}
.c-PriceTemplate .c-Row-price {
    border-right-width: 0;
}
.c-Row div {
	font-size:11px
}
.c-Row-Header div {
	font-size:8px;
	padding-bottom: 3px;
}
.c-PriceTemplate .left_half {
	width: 100%;
}
.c-PriceTemplate .formfield_setting.frm-buttons {
	background: none repeat scroll 0px 0px rgb(255, 255, 255); bottom: 0px; left: 50%;margin-left: -38%; position: fixed; height: 40px; width: 76%; ;
}
.c-PriceTemplate .c-Row-Header .c-Header-Code, .c-PriceTemplate .c-Row-Header .c-Header-Description, .c-PriceTemplate .c-Row-Header .c-Header-Quantity,	 .c-PriceTemplate .c-Row-Header .c-Header-Price, .c-PriceTemplate .c-Row-Header .c-Header-Available, .c-PriceTemplate .c-Row-Header .c-Header-QtyItems{
	border-bottom:1px solid #E4E1E1;
}
.c-Row-QtyItems {
    /*background-color: #dae0e8;*/
	/*border-right: 1px solid #e4e1e1;*/
}
.c-PriceTemplate .line{margin-bottom: 0px;}
.c-PriceTemplate .c-Table .c-Row-Details div:last-child{
	background-color: #ccffcc;
}
.c-PriceTemplate .c-Row-Header div:last-child{
	color: #4c8dc0;
	font-size: 48% !important;
}
.c-PriceTemplate .c-Row-Price{
	background-color: #CCECFF;
}
.c-PriceTemplate .c-Row-Header{ 
	/*position:relative;
	top: -10px;*/
}
.c-PriceTemplate .c-Row-Quantity select{ 
	width: 100%;
	text-align: center;
}

/** Customer Email COnverstation style **/
.customer-emails .c-Email-Entries{
    overflow:hidden;
}
.customer-emails .admin-table{
    border:0;width:75%;float:left;
}
.customer-emails .right-box {
    float:right;width:20%;border-radius:10px;border:1px solid #777777;padding:15px;
}
.customer-emails .right-box h2{
    font-size:12px;
}
.customer-emails .right-box p{
	color:#777777;font-size:12px;
}
.customer-emails .admin-table .advisor-block {
    font-size:12px;padding-bottom:20px;border:0;width:120px;
}
.customer-emails .admin-table .advisor-block em{
    color:#7f7f7f;font-size:0.9em
}
.customer-emails .admin-table .msg-box{
	border:0;
}
.customer-emails .admin-table .msg-box div{
    padding:5px;
}
.customer-emails .admin-table .msg-box .msg-body p{
	font-size:12px;color:#7f7f7f;
}
.customer-emails .admin-table .msg-box .msg-id{
	font-size:9px;font-weight:bold;text-transform:uppercase;border-radius:5px;background:#f0f0f0
}
.customer-emails .admin-table .box-inputs td{
	font-size:12px;padding-bottom:20px;border:0;
}
.customer-emails .admin-table .box-inputs .advisor-block{
	width:120px;
}
.customer-emails .admin-table .box-inputs .advisor-block em{
	color:#7f7f7f;font-size:0.9em;
}
.customer-emails .admin-table .box-inputs .advisor-inputs p{
	margin-bottom:15px;
}
.customer-emails .admin-table .box-inputs .advisor-inputs input{
	padding:5px;width:98%;border:1px solid #cccccc;color:#7f7f7f
}
.customer-emails .admin-table .box-inputs .advisor-inputs textarea{
	width:98%;display:block;height:100px;font-family:Arial;font-size:12px;padding:5px;color:#707070;border:1px solid #cccccc
}
#customer-emails-add , .popupbox2 input[type="submit"] {
	display:block;
	padding:5px 15px;
	line-height:28px;
	background:#3089C7;
	color:white;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	text-transform: uppercase;
	text-decoration: none;
	border:1px solid #3089c7;
	margin:0;
	font-family:Arial;
	cursor:pointer;
	float:left;
}
.popupbox2 input[type="submit"]  {
    float: none;
    margin: 20px auto 0;
}
#customer-emails-add:hover {
	background:white;
	color:#3089c7; 
}
/*.customer-emails #message-sent{
    display: none;
}*/
#message-sent {
	display:none;
}
#message-sent .message-added {
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-ie-border-radius:10px;
	-o-border-radius:10px;
	border-radius: 10px;
	font-weight: bold;
	font-size: 15px;
	padding: 15px 15px 15px 120px;
	color: rgb(188, 170, 84);
	background: url(/img/tick_yellow.jpg) no-repeat scroll 20px 10px rgb(246, 234, 174);
}
.make_hide{
	display: none !important;
}

/* ORder  Flow icons */
.c-Order-Point {
	float:left;
	text-align: center;
	/*height:52px;
	width:52px;*/
}
.c-Order-Entry{line-height: 25px;padding: 40px 25px;}
.c-Order-Entry > div {display: table-cell;}
.c-Order-text{
	font-size: 10px;
}
.c-Order-Point .point-first {
	display:relative;
	top:50%;
	left:50%;
	margin-left:-2px;
	width:100px;
	height:5px;
	line-height:0;
	background:#e4e1e1;
	position:relative;
	display:block;
}
.c-Order-Entry .c-Order-Point .point-first:before {
	left: -6px;
    top: 1px;
}
.c-Order-Entry .c-Order-Point .point-first:after {
	left: 0;
    top: 1px;
}
.c-Order-Point .point-last {
	display:relative;
	top:0%;
	left:50%;
	margin-left:-2px;
	width:100px;
	height:5px;
	line-height:0;
	background:#e4e1e1;
	position:relative;
	display:block;
}
.c-Order-Entry .c-Order-Point .point-last:before {
	top:2px;
	left:98px;
}
.c-Order-Entry .c-Order-Point .point-last:after {
	top:2px;
	left:104px;
}

.c-Order-Point .point-middle {
    background: none repeat scroll 0 0 #e4e1e1;
    display: block;
    height: 5px;
    left: 50%;
    line-height: 0;
    margin-left: -2px;
    position: relative;
    top: 0;
    width: 100px;
}
.c-Order-Point .point-middle:before, .c-Order-Point .point-first:before, .c-Order-Point .point-last:before {
	display:block;
	height:16px;
	position:absolute;
	top:50%;
	left:44%;
	width:16px;
	margin-top:-8px;
	background:black;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	border:1px solid #e4e1e1;
	content:"";
	z-index:1;
}
.c-Order-Point .point-middle:after, .c-Order-Point .point-first:after, .c-Order-Point .point-last:after {
    background: none repeat scroll 0 0 #e4e1e1;
    border-radius: 4px;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 6px;
    z-index: 2;
}
.c-Order-Point a {
	color: #e4e1e1;
	text-decoration: none;
    display: block;
    height: 20px;
    left: 32%;
    position: relative;
    top: -15px;
    width: 20px;
    z-index: 3;
}
.c-Order-Point .point-last a {
    left: 92px;
}
.c-Order-Point .point-first a {
    left: -16px;
}
.c-Order-Point.active  a {
	color:yellow;
}
.c-Order-Point.active .point-middle:before, .c-Order-Point.active .point-first:before, .c-Order-Point.active .point-last:before{
	border:1px solid yellow;
}
.c-Order-Point.active .point-middle:after, .c-Order-Point.active .point-first:after, .c-Order-Point.active .point-last:after{
	background:none repeat scroll 0 0 yellow;
}
/* Complate */

.Create-Order .right_half{width: 10%;}
.help-text {
    display: block;
    font-size: 12px;
    margin: 20px 20px 20px 150px;
}
.ui-sortable tr{cursor: pointer;}

.all_orders #order_date{text-align: left;}
.all_orders .order_right_row{float: right; width: 700px;}
.all_orders .order_right_row div{float: right;text-align: right;}
.all_orders #order_total{text-align: left;}
.all_orders #printing_select{width: 270px;}
.order_cmp_title{width: 100%; text-align: center; float: left; padding-bottom: 10px; padding-top: 0px; font-size: 20px; font-weight: bold;}

.c-Previous-Orders{
	background: none repeat scroll 0 0 #fafafa;
	border: 2px solid #484848;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;padding:15px;
    padding: 10px;
	margin-top: 50px;
}
.c-Previous-Orders .panel.panel-default{
	margin-top: 10px; width: 1024px;
	border: 0px;
}
.c-Archive-Action{display: none;}


.c-Btn.c-Btn-Links.c-Btn-Pending {
    background: none repeat scroll 0 0 #e4e1e1;
    border-color: #9b9b9b;
    color: #9b9b9b;
	width: 100px;
}
.c-Btn.c-Btn-Links.c-Btn-Invoice {
    background: none repeat scroll 0 0 #ccffcc;
	width: 100px;
}
.c-Btn.c-Btn-UnAprrove {
	width: 100px;
	display: none;
}
.c-Btn.c-Btn-Links.c-Btn-Invoice:hover {
	background: none repeat scroll 0 0 green;
}
.c-Packer-Name {
    float: right;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
	width: 200px;
}
.c-Packer-Name b {
    text-align: right;
	float: right;
}
.c-Packer-Name input{
	width: 62px;
	text-align: center;
}
.c-Invoice-Wrapper .line1, .c-Previous-Orders line1{
	width: 25%;
}
.invoice_page .c-Invoice-Wrapper{margin: 10px auto; }
.popupbox2 textarea{
	height: 250px;
    width: 100%;
}
.popupbox2 input[type="text"], .popupbox2 input[type="password"] {
	height: 50px;
    width: 100%;
}
.approve_form{margin-top: 0;}

.c-PackerOrdersTemplate .c-Row-Header .c-Header-Description, .c-PackerOrdersTemplate .c-Row-Description {
	width: 600px !important;
}

@media only screen and (max-width : 1100px){
	.top_third_center {
		clear:both; 
		margin:0 auto;
	}
	header{
		position:relative;
	}
}


.c-Btn.c-Btn-Links.break-button{
    height: 20px;
    line-height: 20px;
    margin-top: 2px;
    position: absolute;
}

.c-Btn.c-Btn-Links.break-button.c-Break-Invoice {   background: #ccffcc none repeat scroll 0 0;}
.c-Btn.c-Btn-Links.break-button.c-Break-Invoice:hover { background: green none repeat scroll 0 0;}

.c-PackerOrderView {margin-top: 10px;}
.c-PackerOrderView .left_half {width: 85%;}
.c-PackerOrderView .right_half {width: 15%;}
.c-PackerOrderView .c-PackerOrderView-Address {width: 30%;}
.c-PackerOrderView .c-PackerOrderView-Form form {width: 100%;}
.c-PackerOrderView .c-PackerOrderView-Form form .l-Field {margin: 0 auto; vertical-align: middle; display: inline-block;}
.c-PackerOrderView .c-PackerOrderView-Form form #shipping_date {float: left;}
.c-PackerOrderView .c-Row-Header div, .c-PackerOrderView .c-Row-Header div:last-child {font-size: 10px !important;}
.c-PackerOrderView .c-Row-Quantity {text-align: center;}
.c-PackerOrderView .c-Row div {font-size: 14px;}

.c-MyAccountEdit .u-TablePackers .c-Btn {width: 60px !important;}
.c-MyAccountEdit .u-TablePackers .c-centerHeader {text-align: center;}
#c-List tr .u-BtnSent {width: 65px !important;}
.c-MyAccountEdit .u-TablePackers tr[data-held='1'] .u-BtnHold, #c-List tr[data-sent='0'] .u-BtnSent {background: #D35351; color: white; border-color: #FF6C2C;}
.auth_form.popupbox2 {height: 150px;}


/*
Media Queries
*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.panel-default .remove-item-row{  margin-left: 65px;}
}
@media screen\0 {
	.panel-default .remove-item-row{margin-left: 70px !important;}
}


/*
Reports
*/
.c-ReportMain {width: 95%; margin: 0 auto; overflow-x: scroll;}
.c-ReportMain .left_half {display: block;float: left;width: 100%;}
.c-ReportMain .c-Reports-Section {display: block;float: left;width: 100%; height: 500px;  overflow-x: scroll;}
.c-Reports-Headtext {font-size: 14px; font-weight: bold;}

.ExcelTable2007.fixed-table-header {top:190px;position:fixed;width:auto;display:none;border:none;}
.ExcelTable2007.fixed-table-header tfoot {display: none;}
.fixed-table-container {position: relative; margin:auto;}
.ExcelTable2007 {
	border: 1px solid #B0CBEF;
	border-width: 1px 0px 0px 1px;
	font-size: 11pt;
	font-family: Calibri;
	font-weight: 100;
	border-spacing: 0px;
	border-collapse: collapse;
}

.ExcelTable2007 TH {
	background-image: url(/img/excel-2007-header-bg.gif);
	background-repeat: repeat-x; 
	font-weight: normal;
	font-size: 14px;
	border: 1px solid #9EB6CE;
	border-width: 0px 1px 1px 0px;
	height: 17px;
	white-space: pre;
	padding: 0 10px;

}

.ExcelTable2007 tr.u-Selected td, .ExcelTable2007 tr:hover td {background: #DFE6EF;}

.ExcelTable2007 TD {
	border: 0px;
	background-color: white;
	padding: 2px 5px 2px 2px;
	border: 1px solid #D0D7E5;
	border-width: 0px 1px 1px 0px;
	white-space: pre;
	cursor: pointer;
}

.ExcelTable2007 TD B {
	border: 0px;
	font-weight: bold;
}

.ExcelTable2007 TD.heading {
	background-color: #E4ECF7;
	text-align: center;
	border: 1px solid #9EB6CE;
	border-width: 0px 1px 1px 0px;
}

.ExcelTable2007 TH.heading {
}

.c-Invoice-Cstomer-Title[contenteditable="true"] {min-width: 250px; min-height: 110px;}
#custom_bank_detail {min-width: 130px;min-height: 50px;}
[contenteditable="true"] {border: 1px solid orange !important; min-width: 20px;display: inline-block;min-height: 10px;}
.c-Invoice-Items .c-Row-Header {width: 100%;}
.c-Invoice-Items .c-Row-Header .c-Header-Code, .c-Invoice-Items .c-Row-Code {width: 100px;}
.c-Invoice-Items .c-Row-Header .c-Header-Image, .c-Invoice-Items .c-Row-Image {width: 245px;}
.c-Invoice-Items .c-Row-Image img{width: 100%;}

.u-createTemplatePrice {display: none;}

.invoice_page .c-Invoice-Footer .c-Bank-Details .bank-detail-left {float: left; text-align: left; width: 40%;}
.invoice_page .c-Invoice-Footer .c-Bank-Details .bank-detail-right {float: right; text-align: right; width: 60%;}