/*
basic page layouts
*/
body{
	background-color:#fff;
	font-family: verdana;
	font-size: .8em;
	margin:0 0 0 0;	
}
table{
	empty-cells:show;
	font-size:1em;
	border-collapse: collapse;
	border: 1px;
	border-style:solid;
	margin:10px 0 30px 0;
}
th{
	border: 1px solid #757575;
	width:auto;
	padding:10px 25px 10px 25px;
	text-align:center;
}
td{
	border: 1px solid #757575;
	width:auto;
	padding:3px 25px 3px 25px;
	text-align:center;
}
hr{
	color:#d1d1d1;
}
div.header{
	color: #008080;
	text-align: center;
	margin:auto;
	font-size: 1.8em;
	font-weight: bold;
}
div.message{
	font-size:.9em;
	font-style:italic;
	width:600px;
	padding:9px;
}
span.error{
	font-weight:bold;
	color:#ff0000;
}
/*
##################
#specific content#
##################
footer styles
*/
div.footer{
	text-align:left;
	/*width:800px;*/
	margin:0 auto;
}
div.footer a{
	color:#E64E8B;
	font-weight:normal;
	text-decoration:none;
}
#selectedFooter a{
	color:#808080;
}
/*
copyright style
*/
.copyright{
	font-family:helvetica, sans-serif;
	font-size:12px;
	color:#9b9b9b;
	font-weight:normal;
	float:right;
	clear:both;
	margin-top:8px;
}
/*
contact style
*/
.contact {
	font-size:14px;
	color:#858585;
	font-weight:normal;
	margin:7px 0 0 0;
	display:block;
}
.contact a{
	color:#E64E8B;
	text-decoration:none;
}
.contact a:hover {
	font-weight:normal;
	color:black;
}
/*
warning style
	-essentially just bold and red text
	-created for login page
*/
.warning{
	font-weight:bold;
	color:red;
}
/*
login page
*/
div.login{
	font-weight:bold;
	width:800px;
	text-align:center;
	margin:auto
}
div.login table{
	font-weight:bold;
	margin:auto
}
span.loginInstructions{
	color:blue;
}
/*
sample order styles
*/
td.orderLabel{
	background-color: #00ffff;
	width:100;
}
table#ItemTable{
	align:center;
	table-layout:fixed;
	border-collapse:separate;
	border-style:outset;
	border-width:1px;
	border-spacing:2px;
	border-color:#c4c4c4;
}
table#ItemTable th{
	border-style:inset;
	border-width:1px;
	padding:1px;
	border-color:#c4c4c4;
	text-align:left;
}
table#ItemTable td{
	border-style:inset;
	border-width:1px;
	padding:1px;
	border-color:#c4c4c4;
}

/*
LOGIN‚±‚±‚©‚çV‚µ‚­’ljÁ‚µ‚½‚à‚Ì
from this line, new CSS.
Please do not erase the old CSS unless it is sure to be able to erase.
*/
/**************************  <<TEXT CONTROL>>  **************************/

h1{
	font-family: 'Dosis', sans-serif;
	font-size:21px;
	color:#434040;
	font-weight:300;
	margin:20px 0 0 0;
	-moz-transform: scale( 1, 1.1 );  /* Firefox */
	-webkit-transform: scale( 1, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 1, 1.1 );  /* Opera */
	-ms-transform: scale( 1, 1.1 );  /* IE */
	transform: scale( 1, 1.1);  /* CSS3 */
}

h2{
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	color:#3f3f3f;
	font-weight:300;
	margin-top:10px;
	margin-bottom:0px;
}

h3{
	font-family: 'Lato', sans-serif;
	font-size:17px;
	letter-spacing: 1px;
	line-height:1.5;
	color:#6a6464;
	font-weight:500;
	margin:0 0 0 0;
	-moz-transform: scale( 1, 1.1 );  /* Firefox */
	-webkit-transform: scale( 0.8, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 1, 1.1 );  /* Opera */
	-ms-transform: scale( 1, 1.1 );  /* IE */
	transform: scale( 1, 1.1);  /* CSS3 */
}

p {
	display:block;
}
.textregular{
	font-family:'helvetica', sans-serif;
	font-size:18px;
	color:#434040;
	font-weight:normal;
	line-height:1.6;
	margin:3px 0 0 0;
	display:block;
}
.textregularbold{
	font-family:'helvetica', sans-serif;
	font-size:18px;
	color:#434040;
	font-weight:bold;
	line-height:1.6;
	margin:3px 0 0 0;
	display:block;
}
.textlarge{
	font-family:'helvetica', sans-serif;
	font-size:21px;
	color:#5e5e5e;
	font-weight:normal;
	line-height:1.6;
	margin:3px 0 0 0;
	display:block;
}
.textmiddle{
	font-family:'helvetica', sans-serif;
	font-size:15px;
	color:#5e5e5e;
	font-weight:normal;
	line-height:1.6;
	margin:3px 0 0 0;
	display:block;
}
.textmiddlebold{
	font-family:'helvetica', sans-serif;
	font-size:15px;
	color:#5e5e5e;
	font-weight:bold;
	line-height:1.6;
	margin:3px 0 0 0;
	display:block;
}
.textsmall{
	font-family:'helvetica', sans-serif;
	font-size:14px;
	color:#767676;
	font-weight:normal;
	line-height:1.7;
	margin:10px 0 0 0;
	display:block;
}

span{

}


/***********************  MAIN  CSS  ***********************/
#container{
	width:84%;
	margin-left:auto;
	margin-right:auto;
}

hr{
	width:100%;
	height: 1px;
	border: 0px; /* ˜g‚Ì‘¾‚³ */
	color:#b3b3b3; /* ü‚̐F(IE—p) */
	background-color:#b3b3b3;/* ü‚̐F(NN—p) */
	margin-top:3px;
	margin-bottom:3px;
}
.btnboxcustomerinfo{
	width:200px;
	position:relative;
	left:650px;
	top:-24px;
}
input.button {
	font-family: 'Lato', sans-serif;
	font-size:14px;
	letter-spacing: 1px;
	color:#fff;
	font-weight:200;
	background-color:#8c8c8c;
	height: 20px;
	width: auto;
	padding:0 25px 0 25px;
	border: 1px;
	border-radius:3px;
	-moz-transform: scale( 0.8, 1.1 );  /* Firefox */
	-webkit-transform: scale( 0.8, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 0.8, 1.1 );  /* Opera */
	-ms-transform: scale( 0.8, 1.1 );  /* IE */
	transform: scale( 0.8, 1.1);  /* CSS3 */
}
input.button:hover {
    background-color: #ccc;
    color: #000;
}
/*****************  Customer Information CSS  *****************/
.customerinfo {
	width:700px;
	height:95px;
	margin:15px 0 0 0;
}
.customerinforaw {
	width:100%;
	font-family:'helvetica', sans-serif;
	font-size:19px;
	margin:5px 0 5px 0;
}
.customerinfoheadder {
	width:210px;
	color:#5f5f5f;
	margin-right:10px;
	float:left
}
.customerdata {
	color:#E64E8B;
}


/***********************  NAVIGATION CSS  ***********************/
ul {
	width: 100%;/*ili‚Ì•+margin-right‚Ì’lj~—ñ”*/
	overflow: hidden; /*wrapper‚©‚ç‚͂ݏo‚é•”•ª‚ð”ñ•\Ž¦‚É‚·‚é*/
	list-style: none;
	padding: 0px;
	/*display: -webkit-box;@ Safari,Google Chrome—p */
	/*display: -moz-box;@ Firefox—p */
}
li {
	width:auto;
	font-family: 'Lato', sans-serif;
	font-size:18px; /*it was 13px*/
	font-weight:400;
	line-height:1.4;
	float:left;
	list-style: none;
}
.current {
    width: auto;
	color:#5c5c5c;
    padding:5px;
    margin:5px;
    font-weight:bold;
}
li a {
    display: block;
    width: auto;
    padding:5px;
    margin:5px;
    color:#858585;
    text-decoration:none;
    list-style: none;
}
li a:hover {
    display: block;
    width: auto;
    padding:5px;
    margin:5px;
    color:#5f5f5f;
    background-color:#d1d1d1;
    list-style: none;
}
.clear {
	clear:both; }  
.clear hr {
	display:none; }  

/***********************  LOGIN PAGE CSS  ***********************/
#loginbox{
	margin: 46px 0 30px 0;
}
.loginboxraw{
	width:290px;
	height:35px;
	padding:3px 0 0 0; 
	margin:3px 0 3px 0;
}
.box1{
	width:110px;
	font-family:'helvetica', sans-serif;
	font-size:20px;
	color:#434040;
	float:left;
}
.box2{
	width:177px;
	font-family:'helvetica', sans-serif;
	font-size:16px;
	color:#3b3b3b;
	float:right;
}
.blue{
	color:#1a56ff;
	text-decoration:underline;
}

/***********************  WELLCOME PAGE CSS  ***********************/




/******************  Order Status Lookup PAGE CSS  ******************/
/********  Order Status BOX 1 (UPPER SIDE BOX IN Order Status Lookup PAGE) CSS  ********/
/********texts control********/
.ostextmiddle{
	word-wrap: break-word;
	font-family:'helvetica', sans-serif;
	font-size:14px;
	color:#383838;
	font-weight:normal;
	line-height:1.6;
	margin:0 0 0 0;
	display:block;
	height:auto;
}
.ostextmiddlebold{
	word-wrap: break-word;
	font-family:'helvetica', sans-serif;
	font-size:14px;
	color:#383838;
	font-weight:bold;
	line-height:1.6;
	margin:0 0 0 0;
	display:block;
	height:auto;
}
.orderstatussummarybox2headdertext{
	word-wrap: break-word;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	line-height:1.6;
	color:#6a6464;
	font-weight:500;
	margin:0 0 0 0;
	display:block;
	height:auto;
	-moz-transform: scale( 0.8, 1.1 );  /* Firefox */
	-webkit-transform: scale( 0.8, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 0.8, 1.1 );  /* Opera */
	-ms-transform: scale( 0.8, 1.1 );  /* IE */
	transform: scale( 0.8, 1.1);  /* CSS3 */
}
.orderstatussummarybox2datatext{
	word-wrap: break-word;
	font-family:'helvetica', sans-serif;
	font-size:14px;
	line-height:1.6;
	color:#6a6464;
	font-weight:500;
	font-weight:normal;
	margin:0 0 0 0;
	display:block;
	height:auto;
	-moz-transform: scale( 0.9, 1.1 );  /* Firefox */
	-webkit-transform: scale( 0.9, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 0.9, 1.1 );  /* Opera */
	-ms-transform: scale( 0.9, 1.1 );  /* IE */
	transform: scale( 0.9, 1.1);  /* CSS3 */
}
/********texts control end********/

.orderstatussummarybox{
	width:750px;
	height:auto;
	margin:20px 0 0 0;
}
.orderstatussummaryboxleft{
	float:left;
	margin:0 10 0 0;
	width:370px;
	height:auto;
}
.orderstatussummaryboxright{
	float:left;
	width:370px;
	height:auto;
}
.orderstatussummaryinsidebox{
	float:left;
	width:auto;
	height:auto;
}
.orderstatussummaryboxinside1{
	float:left;
	width:100px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.orderstatussummaryrboxinside2{
	float:left;
	width:270px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
/********  Order Status BOX 2 (lower SIDE BOX IN Order Status Lookup PAGE) CSS  ********/
.orderstatussummarybox2{
	display:table;
	border-collapse:collapse;
	width:100%;
	height:auto;
	margin:20px 0 50px 0;
}
.orderstatussummarybox2headderraw{
	display:table-row;
}
.orderstatussummarybox2headderraw>div{
	display:table-cell;
	border:1px solid #757575;
	text-align:center;
	vertical-align: middle;
	width:auto;
	height:auto;
	padding:15px 1px 15px 1px;
	margin:0 0 0 0;
}

.orderstatussummarybox2dataraw{
	display:table-row;
}
.orderstatussummarybox2dataraw>div{
	display:table-cell;
	border:1px solid #757575;
	text-align:center;
	vertical-align: middle;
	width:auto;
	height:auto;
	padding:15px 1px 15px 1px;
	margin:0 0 0 0;
}


/**************************  invoice link CSS  **************************/
.tableheadder{
	border: 1px solid #aaa;
	width:auto;
	padding:10px 25px 10px 25px;
	text-align:center;
	color:#5f5f5f;
}
tr.invoice td{
    color:#5f5f5f;
    border: 1px solid #aaa;
	width:auto;
	padding:3px 25px 3px 25px;
	text-align:center;
}
tr.invoice a {
    display: block;
    color:#075EA6;
    text-decoration:underline;
}
tr.invoice a:hover {
    display: block;
    color:#2626FF;
    text-decoration:underline;
}

/*********************  tclient page CSS  *********************/
.pricebook{
	width:100%;
	height:95px;
}
.abclisting{
	position:relative;
	float:left;
	margin: 0 5px 19px 0;
}


/***********************  PRODUCTS &STOCK INFO  ***********************/

.getinfobox{
	margin:15px 0 15px 0;
}
.getinfobox1{
	margin:0;
	float:left;
}
.getinfobox2{
	margin:0;
}
/*BOX FOR PRODUCT LIST*/
.productlistbox{
	display:table;
	border-collapse:collapse;
	width:800px;
	height:auto;
	margin:10px 0 50px 0;
}
.productlistboxheadderraw{
	display:table-row;
}
.productlistboxheadderraw>div{
	display:table-cell;
	border:1px solid #757575;
	text-align:center;
	vertical-align: middle;
	width:auto;
	height:auto;
	padding:15px 1px 15px 1px;
	margin:0 0 0 0;
}

.productlistboxdataraw{
	display:table-row;
}
.productlistboxdataraw>div{
	display:table-cell;
	border:1px solid #757575;
	text-align:center;
	vertical-align: middle;
	width:auto;
	height:auto;
	padding:15px 1px 15px 1px;
	margin:0 0 0 0;
}
/*text control*/
.productlistboxheaddertext{
	word-wrap: break-word;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	line-height:0.5;
	color:#6a6464;
	font-weight:500;
	margin:0 0 0 0;
	display:block;
	height:auto;
	-moz-transform: scale( 0.8, 1.1 );  /* Firefox */
	-webkit-transform: scale( 0.8, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 0.8, 1.1 );  /* Opera */
	-ms-transform: scale( 0.8, 1.1 );  /* IE */
	transform: scale( 0.8, 1.1);  /* CSS3 */
}
.productlistboxdatatext{
	word-wrap: break-word;
	font-family:'helvetica', sans-serif;
	font-size:14px;
	line-height:1.5;
	color:#6a6464;
	font-weight:500;
	font-weight:normal;
	margin:0 0 0 0;
	display:block;
	height:auto;
	-moz-transform: scale( 0.9, 1.1 );  /* Firefox */
	-webkit-transform: scale( 0.9, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 0.9, 1.1 );  /* Opera */
	-ms-transform: scale( 0.9, 1.1 );  /* IE */
	transform: scale( 0.9, 1.1);  /* CSS3 */
}
.dis {
	word-wrap: break-word;
	font-family:'helvetica', sans-serif;
	font-size:13.5px;
	line-height:1.5;
	color:#E64E8B;
	font-weight:100;
	margin:20px 0 0 0;
	display:block;
	height:auto;
	-moz-transform: scale( 1, 1.2 );  /* Firefox */
	-webkit-transform: scale( 1, 1.2 );  /* Chrome,Safari */
	-o-transform: scale( 1, 1.2 );  /* Opera */
	-ms-transform: scale(1, 1.2 );  /* IE */
	transform: scale( 1, 1.2);  /* CSS3 */
}
.alert {
	word-wrap: break-word;
	align-self: center;
	font-size: 18px;
	line-height: normal;
	color: #E64E8B;
	font-weight: 100;
	margin: 20px 0 0 0;
	display: block;
	height: auto;
	-moz-transform: scale( 1, 1.2 );  /* Firefox */
	-webkit-transform: scale( 1, 1.2 );  /* Chrome,Safari */
	-o-transform: scale( 1, 1.2 );  /* Opera */
	-ms-transform: scale(1, 1.2 );  /* IE */
	transform: scale( 1, 1.2);  /* CSS3 */
}
/********texts control end********/

/***********************  PRODUCTS INFORMATION  ***********************/
.productinfotable{
width:800px;
height:auto;
	margin-top:10px;
	margin-bottom:0px;
	border-collapse: collapse;
	border: 1px;
	border-style:solid;
	border-color:#757575;
}
.productinfotable .categoryname{
float:left;
	word-wrap: break-word;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	line-height:1.2;
	letter-spacing:1px;
	color:#6a6464;
	font-weight:500;
	margin:0 0 0 0;
	display:block;
	height:auto;
	padding:8px;
	-moz-transform: scale( 0.8, 1.1 );  /* Firefox */
	-webkit-transform: scale( 0.8, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 0.8, 1.1 );  /* Opera */
	-ms-transform: scale( 0.8, 1.1 );  /* IE */
	transform: scale( 0.8, 1.1);  /* CSS3 */
}
.productinfotable .data{
	word-wrap: break-word;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	line-height:1.2;
	letter-spacing:1px;
	color:#6a6464;
	font-weight:300;
	margin:0 0 0 0;
	display:block;
	height:auto;
	padding:8px;
	-moz-transform: scale( 0.8, 1.1 );  /* Firefox */
	-webkit-transform: scale( 0.8, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 0.8, 1.1 );  /* Opera */
	-ms-transform: scale( 0.8, 1.1 );  /* IE */
	transform: scale( 0.8, 1.1);  /* CSS3 */
}
.outofstock {
	word-wrap: break-word;
	font-family:'helvetica', sans-serif;
	font-size:13.5px;
	line-height:1.5;
	color:#E64E8B;
	font-weight:100;
	margin:20px 0 0 0;
	display:block;
	height:auto;
	-moz-transform: scale( 1, 1.2 );  /* Firefox */
	-webkit-transform: scale( 1, 1.2 );  /* Chrome,Safari */
	-o-transform: scale( 1, 1.2 );  /* Opera */
	-ms-transform: scale(1, 1.2 );  /* IE */
	transform: scale( 1, 1.2);  /* CSS3 */
}
.othercolors{
	word-wrap: break-word;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	line-height:1.2;
	letter-spacing:0px;
	font-weight:500;
	margin:20px 0 0 0;
	display:block;
	height:auto;
	-moz-transform: scale( 1, 1.1 );  /* Firefox */
	-webkit-transform: scale( 1, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 1, 1.1 );  /* Opera */
	-ms-transform: scale( 1, 1.1 );  /* IE */
	transform: scale( 1, 1.1);  /* CSS3 */
}
/***********************  PRODUCTS INFORMATION version 02  ***********************/
.productinfobox{
	display:table;
	border-collapse:collapse;
	width:auto;
	height:auto;
	margin:10px 0 50px 0;
}
.productinfoboxheadderraw{
	width:auto;
	display:table-row;
}
.productinfoboxheadderraw>div{
	display:table-cell;
	border:1px solid #757575;
	text-align:center;
	vertical-align: middle;
	width:45%;
	height:auto;
	padding:0px;
	margin:0 0 0 0;
}

.productinfoboxdataraw{
	display:table-row;
}
.productinfoboxdataraw>div{
	display:table-cell;
	border:1px solid #757575;
	text-align:center;
	vertical-align: middle;
	width:auto;
	height:auto;
	padding:0px;
	margin:0 0 0 0;
}

/*text control*/
.productinfoboxheaddertext{
	word-wrap: break-word;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	line-height:1.2;
	letter-spacing:1px;
	color:#6a6464;
	font-weight:500;
	margin:0 0 0 0;
	display:block;
	height:auto;
	padding:8px;
	-moz-transform: scale( 0.8, 1.1 );  /* Firefox */
	-webkit-transform: scale( 0.8, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 0.8, 1.1 );  /* Opera */
	-ms-transform: scale( 0.8, 1.1 );  /* IE */
	transform: scale( 0.8, 1.1);  /* CSS3 */
}
.productinfoboxdatatext{
	word-wrap: break-word;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	line-height:1.2;
	letter-spacing:1px;
	color:#6a6464;
	font-weight:300;
	margin:0 0 0 0;
	display:block;
	height:auto;
	padding:8px;
	-moz-transform: scale( 0.8, 1.1 );  /* Firefox */
	-webkit-transform: scale( 0.8, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 0.8, 1.1 );  /* Opera */
	-ms-transform: scale( 0.8, 1.1 );  /* IE */
	transform: scale( 0.8, 1.1);  /* CSS3 */
}
.dis {
	word-wrap: break-word;
	font-family:'helvetica', sans-serif;
	font-size:13.5px;
	line-height:1.5;
	color:#E64E8B;
	font-weight:100;
	margin:20px 0 0 0;
	display:block;
	height:auto;
	-moz-transform: scale( 1, 1.2 );  /* Firefox */
	-webkit-transform: scale( 1, 1.2 );  /* Chrome,Safari */
	-o-transform: scale( 1, 1.2 );  /* Opera */
	-ms-transform: scale(1, 1.2 );  /* IE */
	transform: scale( 1, 1.2);  /* CSS3 */
}
/********texts control end********/


/***********************  STOCK AVAILABLE  INVENTORY***********************/
.stockavailable{
	width:700px;
	margin-top:20px;
	margin-bottom:60px;
	width:auto;
	border-collapse: collapse;
	border: 1px;
	border-style:solid;
	border-color:#757575;
}

/***** text *****/
.detail{
	word-wrap: break-word;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	line-height:1.2;
	letter-spacing:0.5px;
	color:#454545;
	font-weight:400;
	margin:0 0 0 0;
	display:block;
	height:auto;
	padding:4px 0 4px 0 ;
	-moz-transform: scale( 1, 1.1 );  /* Firefox */
	-webkit-transform: scale( 1, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 1, 1.1 );  /* Opera */
	-ms-transform: scale( 1, 1.1 );  /* IE */
	transform: scale( 1, 1.1);  /* CSS3 */
}
tr td .stockavailableheader{
	width:150px;
	font-family: 'Lato', sans-serif;
	font-size:15px;
	line-height:1.2;
	color:#454545;
	font-weight:400;
	margin:0 0 0 0;
	display:block;
	height:auto;
	padding:9px 20px 9px 20px;
	float:left;
	-moz-transform: scale( 1, 1.1 );  /* Firefox */
	-webkit-transform: scale( 1, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 1, 1.1 );  /* Opera */
	-ms-transform: scale( 1, 1.1 );  /* IE */
	transform: scale( 1, 1.1);  /* CSS3 */
}
tr td .stockavailabledata{
	width:150px;
	font-family: 'Lato', sans-serif;
	font-size:15px;
	line-height:1.2;
	color:#454545;
	font-weight:300;
	margin:0 0 0 0;
	display:block;
	height:auto;
	padding:9px;
	float:left;
	-moz-transform: scale( 1, 1.1 );  /* Firefox */
	-webkit-transform: scale( 1, 1.1 );  /* Chrome,Safari */
	-o-transform: scale( 1, 1.1 );  /* Opera */
	-ms-transform: scale( 1, 1.1 );  /* IE */
	transform: scale( 1, 1.1);  /* CSS3 */
}