@CHARSET "UTF-8";
.main-header {position:relative;}

.main-header div h1{ margin-left:10px;line-height: 70px; }
.main-footer {position:relative; max-width: 98%; margin-left:1%;}
.main-footer div.main-footer-inner{ text-align: center; height: 60px; background: url("../images/dimming.png") repeat scroll 0 0px rgba(22,22,22,0.5);}

.main-footer .left-footer {width:200px; float:left;  padding-left: 15px; margin-top:15px;}
.main-footer .right-footer {width:180px; float:right; margin-top:15px;}
.tiled-background {background: url("../images/bg-content.jpg") repeat scroll; box-shadow: 5px 0px 15px black}
.no-horizontal-padding {padding-left:0px!important;padding-right: 0px!important}
/*.main-container { background: url("../images/content_shadow.png") repeat-y;}*/
.main-container-sub  {min-width: 1100px;max-width: 98%; margin-left:1%;}
.content-container { margin:0 auto;display:block;height:100%;position:relative;}
#content-holder-inner {margin-top:15px;}
 body {  background:url("../images/tile_background.png"); color: #cbc7bc; font-size:13px;}  
.content { margin: 10px; }
.left-menu h3 { margin-left: 10px; }
.left-menu ul { list-style: none; margin:0px;padding:0px;}
.left-menu ul li { padding-left:10px;}
.sort_arrow {width:20px; }
.content1 {margin-left:25px;margin-right:25px; margin-top:22px;}
.label {font-size: 13px;}

.container-fluid-min-width {min-width: 1100px;}

.tbl_grid tr td, .tbl_grid tr th { border-left:1px solid #BBB;border-top:1px solid #BBB; padding:3px;vertical-align:top;padding-left:6px;}
.tbl_grid tr th {border-bottom: 1px solid black;}
.tbl_grid { border-bottom:1px solid #BBB;border-right:1px solid #BBB;
			background-color:#D5D0C5; color: black;
			margin-bottom:5px;
			}
	
.tbl_grid1 tr td, .tbl_grid1 tr th { border-left:1px solid #BBB;border-top:1px solid #BBB; padding:3px;vertical-align:top;padding-left:6px;}
.tbl_grid1 tr th {border-bottom: 1px solid black;}
.tbl_grid1 { border-bottom:1px solid #BBB;border-right:1px solid #BBB;
			
			margin-bottom:5px;
			}
			 		
th, td { padding:0px; }

#header-holder {position:relative; height:100px;}
/*#header-holder span {margin-left:10px;}*/
#logo-holder {float:right; margin-right:25px;margin-top:20px;}
#logo-holder img{width:180px;}
#title-holder {font-weight: bold; float: left; padding-left: 15px;margin-top:20px;}
#title-holder-inner{font-size:28px; width:500px;}
.main-header1 { background: url("../images/header1.png") norepeat scroll 0 0px transparent rgba(22,22,22,0.5); background-color:rgba(22,22,22,0.5); position:relative;}


.links-holder {position:relative; width:100%; display:block; height:20px; text-align:right;}
.main-links {height: 22px;margin-right:5px;}

.login-box-placeholder{position:absolute;top: 26%; width:100%;}
.login-box { margin: 0 auto; width:295px;background: url("../images/dimming.png") repeat scroll 0 0px transparent; position:relative; text-align: center}
.login-box table {}
.login-box table td {text-align: center;height:24px; padding-bottom:0px;}
.login-box table td.login_label {padding-top:8px;}
.login-box input {margin-top:0px;margin-bottom:0px;}

h1, h2, h3, h4, h5 {color:#cbc7bc;} 
h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:14px;margin-bottom: 10px;}
h5 {font-size:12px;}

a {color: #cbc7bc;text-decoration:none;}
a:hover {text-decoration:none; color:#cbc7bc;}
a:active {text-decoration:none; color:#cbc7bc;}
a:focus {text-decoration:none; color:#cbc7bc;}


.four-columns {text-align:left; width:225px; float:left; }
.three-columns {text-align:left; width:300px; float:left; }

.four-columns .text-label { margin-top:4px; }
.four-columns input, .four-columns select {margin-top: 0px;}

.required {background-color: #2d4061!important;color:white;}
.small_field {width:92px!important;}
.not_filled {border: 1px solid red!important;}
input[type="checkbox"].not_filled {outline: 1px solid red!important;}
.text-label {text-transform:uppercase;}

.rowSelected{background-color: #2D4061; color: white;}

input[type="text"],input[type="password"]{padding-left:7px;}
input[type="text"],input[type="password"],select { border: 1px solid #222;margin-top: 3px;}
input[type="text"],input[type="password"] {background: url("../images/input_background.png") no-repeat #d5d0c5;height: 20px;line-height:20px;}
.input-field {width:190px;}
select {height: 25px;}
.measurements_select {height:120px;}

button, .button { 
		padding:0px;margin:0px;
		background-image: none;
		background-color:transparent;
		border:none;
		margin-bottom:5px;
		text-transform: uppercase;
		color: #cbc7bc;
		position:relative;
		cursor:pointer;
		top:0px;
		}
button span.button_background, .button span.button_background{ width:100%; margin:0px; padding:0px;}
button span.button_background img, .button span.button_background img{ width:100%; height: 45px; margin:0px;padding:0px;}
button span.button_text, .button span.button_text {position: absolute; top:18px; width: 100%; display:inline-block; left:0px; }


.button {display: inline-block; text-align:center; text-decoration:none;}
.button:hover { color: #cbc7bc;}
button.smaller_button, .button.smaller_button {width:140px;}
button.small_button, .button.small_button {width:190px;}
button.medium_button, .button.medium_button {width:300px;}
button.large_button, .button.large_button {width:400px;}

.two-row-button {top:10px!important;}

#design-table {text-align:left;}
#design-table tr th {border-right:1px solid grey;border-bottom:1px solid grey;border-top:1px solid grey;white-space:nowrap;text-align:center;}
#design-table tr th:FIRST-CHILD {border-left:1px solid grey; }
#design-table tr td {border-right:1px solid grey;border-bottom:1px solid grey; padding:0px;}
#design-table tr td:FIRST-CHILD {border-left:1px solid grey;}



.main-button-placeholder {text-align: right;margin-top:15px;}

table td.label {font-weight:bold;width:145px;}
table td.value {width:160px;}
.order_table {text-align:left;}
.order_table tr td.top_row {border-top:1px solid #C1DAD7;}
.order_table tr td {border-right:1px solid #C1DAD7;border-bottom:1px solid #C1DAD7; padding:0px;}
.order_table tr td:FIRST-CHILD {border-left:1px solid #C1DAD7;}

.view_notes{height:150px;overflow:auto;}

.quick_measurements {cursor: pointer;}
.measurement_container {height: 370px; overflow:auto;line-height:20px;}
.measurement_container_whole {width: 378px;}

.customer-info td {padding: 3px; }


/* Design page */
#design-table input {height:30px; margin:0px;}
.small_textbox {width:84px}
.medium_textbox {width:150px}
.large_textbox {width:200px}

.design-placeholder {width:100%;height:400px;overflow:auto;position:relative; margin-bottom:3px; /*background-color: #D5D0C5;*/}
.design-width-shirt { width:2740px; }


.design-headers div { height:35px; float:left; margin-top:17px;}
.design-headers-shirt {overflow:hidden;}
.design-headers-shirt div { height:80px; float:left; margin-top:25px;}
.design-headers-trousers div { height:32px; float:left; margin-top:10px;}
.design-headers-waistcoat div { height:25px; float:left; margin-top:10px;}

.design-headers div div{
display:block;display:block;width:100px;height:50px;text-align:left;
line-height: 12px;
}
.rotate {
	behavior:url(-ms-transform.htc);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}

.design-fields div {display:block;float:left;}
.design-objects div{width: 60px;text-align:center;}
.design-objects div input {width:60px}

.plusminus {width:50px;}


.list-headers {padding-left:0px;margin-left:0px;margin-right:0px;border-left:1px solid black;  background-color: #D5D0C5; color:black;line-height:20px;}
.list-headers li {list-style-type:none;font-weight:bold;margin-right:0px;border-top:1px solid black;border-right:1px solid black;padding:2px;padding-left:6px;}
.list-data {padding-left:0px;margin-left:0px;margin-right:0px; background-color: #D5D0C5;color:black;line-height:20px;}
.list-data li {list-style-type:none;margin-right:0px;border-top:1px solid black;border-right:1px solid black;padding:2px;padding-left:6px;}

th, td, caption {
    padding: 3px 3px 3px 3px;
}

.selected_meas {background: url("../images/dimming.png") repeat scroll 0 0px transparent;}

.existing_measurements_wrapper { width:230px;}
.existing_measurements_wrapper ul { padding:3px; }
.existing_measurements_wrapper ul li { list-style-type: none; padding:2px; }

.existing_measurements_wrapper1 { width:280px;background-color: #cbc7bc; color: black; height:150px; overflow: auto;}
.existing_measurements_wrapper1 ul { padding:3px; }
.existing_measurements_wrapper1 ul li { list-style-type: none; padding:2px; }


span.small_description {position:relative; display:block; font-size:9px; left:0px;top:0px;color:grey;}

.titlified {color: #878585!important;}
.minusify {color: red;}

.readonly {background-color:#EEE!important; color: #DDD; }
.breadcrumb_holder {padding-left:17px;}

.customer-info {padding:5px;}
.customer-info table {background: url("../images/dimming.png") repeat scroll 0 0px;}
.customer-notes {background: url("../images/input_background.png") no-repeat #d5d0c5; color:black; padding:7px;}

.bold_label {font-weight:bold; margin-top:5px; }

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}

input {border:1px solid #D5D0C5!important;}
th, td {padding:0px;}


/* sticky-footer.css */
*
{
    margin: 0;
}

html, body
{
    height: 100%!important;
}

#main
{
    min-height: 100% !important; 
}

#footer
{
    clear: both;
    height: 60px !important;
    margin-top: -60px !important; /* This is height + padding */
}

#push
{
	clear:both;
    height: 60px; /* This is footer's height + padding */
}


/* Borders for login box at first */

.Border {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
    background:no-repeat;
}

.Border-N {
    top: 0px;
    left: 0;
    width: 100%;
    background: url('../images/horizontal_lines.png') repeat-x;
}

.Border-E {
    top: 0;
    right: -20px;
    height: 100%;
    background: url('../images/vertical_lines.png') repeat-y;
}

.Border-S {
    bottom: -20px;
    left: 0;
    width: 100%;
    background: url('../images/horizontal_lines.png') repeat-x;
}

.Border-W {
    top: 0;
    left: 0px;
    height: 100%;
    background: url('../images/vertical_lines.png') repeat-y;
}

.Border-NW {
    top: -20px;
    left: -20px;
    background-image: url('Border-NW.png');
}

.bold { font-weight: bold; }


/* edit customer and view addresses pages forms */
.td_label {width:140px; height:30px;line-height:30px;vertical-align:center;margin-top:4px;text-transform:uppercase;}
.td_label select {width:130px;text-transform:none;}
.td_field {width:205px;}
table {margin-bottom:5px;}
.plusminus_link {height:26px; display:inline-block;}


.light_background {background-color: #D5D0C5; color:black;}
.light_background input, .light_background select {background:none white;}
.dark_background {background: url("../images/dimming.png") repeat scroll 0 0px rgba(22,22,22,0.5);}
.uppercasify {text-transform:uppercase;}
.full_width {width:100%!important;}

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


.spacer20 {
    height: 10px;
}
.vertical-divider-left {
    border-left: grey 2px solid;
}