/* from cart.css */
.addBorderDivBlue
{
	border-width: 0;
    border-style : solid ;
    border-color : blue ;
		
}

.addBorderDivRed
{
	border-width: 0;
    border-style : solid ;
    border-color : red ;
		
}

.addBorderDivGreed
{
	border-width: 0;
    border-style : solid ;
    border-color : green ;
		
}

.addBorderDivYellow
{
	border-width: 0;
    border-style : solid ;
    border-color : yellow ;
		
}

.fillDivYellow
{
	background:yellow;
		
}

.octoContentStyle37 .octoContentStyle37Column01-sh {float:left;	padding:10px 0 0px 0; margin:0 7px 0 7px; width: 160px;}

.octoContentStyle37 .cartinput {text-align:center}
.octoContentStyle37 .cartinput .l-text{font-weight:bold; font-size:14px; color:#333333; margin:2px 0 2px 0}
.octoContentStyle37 .cartinput .l-text2{font-size:12px; color:#333333; margin:5px 0 2px 0}
.octoContentStyle37 .cartinput .productTitle{font-weight:bold; font-size:12px; color:#333333; margin:5px 0 2px 0}
.octoContentStyle37 .cartinput .code{font-size:10px; color:#999999; margin:0 0 0 0}
.octoContentStyle37 .cartinput .soldout{font-weight:bold; font-size:14px; color:#ff0000; margin:8px 0 2px 0}
.octoContentStyle37 .cartinput .newitem{font-weight:bold; font-size:14px; color:#ff0000; font-style: italic}
.octoContentStyle37 .cartinput .comingsoonitem{font-weight:bold; font-size:14px; color:#c96b24; font-style: italic; margin: 5px 0;}

.octoContentStyle37 .tbProductCat .tdMargin {width: 20px;}
.octoContentStyle37 .tbProductCat .tdProduct {width: 175px;}


.octoContentStyle37 .box2
{ background:#FFFFFF; min-height:400px; width:95%; overflow:visible; margin:0 10px 10px 10px;}

.octoContentStyle37 .checkout2{	height:1%;	border-left:1px solid #eaeaea;	border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea; background: #fff}
.octoContentStyle37 .checkout2 .payForm {width:473px; padding:10px 0 10px 20px}
.octoContentStyle37 .checkout2 .payForm .center {width:85%; margin-left: auto; margin-right: auto;}
.octoContentStyle37 .checkout2 .payForm .remark {font-size: 12px; padding: 0 10px 0 10px; text-align: center;}
.octoContentStyle37 .cbar { background:url(/web09_include/_images/octoFrameworkImages/ch-title.gif) repeat-x; color:#FFFFFF; font-size:18px; padding:8px 14px; font-weight: bold;}
.octoContentStyle37 .cartTable{	height:1%; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; background: #F7F4E7; margin-right:8px} /* 20091215 index url(/web09_include/_images/octoFrameworkImages/octoContainer01b.gif) bottom center no-repeat */
.octoContentStyle37 .productCat {padding:17px 0 17px 0;margin:0 10px 0 10px; font-size:12px; font-weight:bold}

.octoContentStyle37 .productCat ul { margin:0; padding:0}
.octoContentStyle37 .productCat ul li{ list-style:none; display:block; float:left; width:150px; height:50px; padding:3px 10px 3px 10px; margin:0; border-bottom:1px solid #FFFFFF;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea;;border-top:1px solid #eaeaea;}
.octoContentStyle37 .productCat img { float:left; margin-right:5px}
.octoContentStyle37 .productCat .text { padding: 10px 0 0 0}
.octoContentStyle37 .productCat .textCurrent { padding: 10px 0 0 0; color: #000000;}
.octoContentStyle37 .productCat .aCurrent:hover, .aCurrent:active, .aCurrent:focus {
	color: #000000;
}

.octoContentStyle37 .productCat .current
{ background:#FFFFFF; border-bottom:1px solid #FFFFFF;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea;;border-top:1px solid #eaeaea;}


.octoContentStyle37 .productCat ul.octoPageNav02a li.current a.aCurrent span 
{
	top:10px;
	background-position:top left;
}
.octoContentStyle37 .productCat ul.octoPageNav02a li a:hover span
{
	background-position:0 -40px;
}
.octoContentStyle37 .productCat ul.octoPageNav02a li.current a.aCurrent:hover span
{
	background-position:top left;
}

.octoContentStyle37 .box
{ background:#FFFFFF; min-height:400px; width:96%; overflow:visible; margin:0 10px 0px 10px; 
border-right:1px solid #eaeaea;border-left:1px solid #eaeaea;border-bottom:1px solid #FFFFFF;} /* 20091215 index */

.octoContentStyle37 .boxBottom
{
	height:15px; margin-right: 8px; background:url(/web09_include/_images/octoFrameworkImages/octoContainer01bs1.gif) center top no-repeat;
}

.clear { clear:both}

.octoContentStyle37 .showcat {}
.octoContentStyle37 .carttitle{ padding:10px 0 0 10px; font-size:16px; font-weight:bold; color:#4f4f4f; margin:0px 0 0 0  }
.octoContentStyle37 .tabletitle{ padding:10px 0 0 10px; font-size:16px; font-weight:bold; color:#FF4e00; margin:0px 0 0 0  }
.octoContentStyle37 .carttitleWithLink{ padding:10px 0 0 10px; font-size:16px; font-weight:bold; color:#FF4e00; margin:0px 0 0 0  }
.octoContentStyle37 .chtext{ padding:0px 0 0 10px; font-size:12px; color:#333333; margin:0 0 10px 0; }
.octoContentStyle37 .failPayment p { padding: 3px 0; font-size:12px;}
.octoContentStyle37 .failPayment ol { padding: 3px 0;}
.octoContentStyle37 .failPayment ul { margin: 0; padding: 0; font-size:12px; color:#333333;}
.octoContentStyle37 .failPayment ul li { font-size:12px; color:#333333;}
.octoContentStyle37 .sendPayment h2 { padding: 3px 0; font-size:14px; font-weight: bold;}
.octoContentStyle37 .sendPayment p { padding: 3px 0; font-size:12px;}
.octoContentStyle37 .sendPayment ol { padding: 3px 0;}
.octoContentStyle37 .sendPayment ul { margin: 0; padding: 0; font-size:12px; color:#333333;}
.octoContentStyle37 .sendPayment ul li { font-size:12px; color:#333333;}
.octoContentStyle37 .sendPayment strong { font-weight:bold; text-decoration:underline;}
.octoContentStyle37 .chtext600 {width: 600px;}
.octoContentStyle37 .edit{ padding:5px 0 0 10px; font-size:12px; color:#333333; margin:0px 0 0 0; text-align:right; width:600px ; color:#FF0000 }
.octoContentStyle37 .edit a{ color:#FF4e00; text-decoration:underline; font-weight: bold;}
.octoContentStyle37  .edit a:hover{ color:#FF4e00; text-decoration:underline; font-weight: bold;}
.octoContentStyle37  .bread{ padding:20px 0 0 10px; font-size:14px; font-weight:bold; color:#999; margin:0px 0 0 0;  }
.octoContentStyle37  .bread .current{ color:#333333; display:inline   }
.octoContentStyle37 .separatorLine {width:93%; margin: 0 20px 0 20px;}

.octoContentStyle37 .deliver { padding:0px 0 0 10px; font-size:12px; margin:0px 0 0 0  }
.octoContentStyle37 .deliver .tl { background:url(/enquiry/images/bl01.gif); width:620px; height:20px; }
.octoContentStyle37 .deliver .content { width:620px ; background:url(/enquiry/images/bl02.gif) repeat-y;}
.octoContentStyle37 .deliver .t2 { background:url(/enquiry/images/bl03.gif); width:620px; height:22px  }
.octoContentStyle37 .deliveryChargeFormula h1 {
	padding: 20px 0 0 14px; 
	font-size: 16px; 
	font-weight:bold; 
	color:#FF4e00;
	text-align: left;
}
.octoContentStyle37 .deliveryChargeLink {
	padding:30px 0 0 15px;
}
.octoContentStyle37 .deliveryChargeLink a {
	display:block;
	height: 1.5em;
}

.octoContentStyle37 .deliveryFee { height:1%;	border-left:1px solid #eaeaea;	border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea; background: #fff}
.octoContentStyle37 .deliveryFee h1 { font-size: 100%;}

input.b2 {border: 0;height:40px; width:119px; background: url(/enquiry/images/btn.gif) no-repeat;color: #FFF; font-weight:bold}
input.button {border: 0;height:40px; width:161px; background: url(/enquiry/images/btn.gif) no-repeat;color: #FFF; font-weight:bold}
input.checkout {border: 0;height:40px; width:119px; background: url(/enquiry/images/btn.gif) no-repeat;color: #FFF; font-weight:bold}
.pagenumber { width:100%; text-align:center; font-size:12px; font-weight:bold; margin: 10px 0 40px 0 }
.pagenumber .page { margin:0 40px}
.pagenumber ul { margin:0 20px 0 0; padding:0}
.pagenumber ul li{ display:inline;  margin:0; padding:0;}
.pagenumber ul li a{ text-decoration:none; color:#FF6600 }

table.checkout {width:95%;margin:0 10px 0 10px;  border-collapse: collapse;  font-size:12px;  color: #666666; }
.checkout thead th, tfoot th {text-align: left; text-decoration:underline; padding-top:3px; }
.checkout thead th.item {width:50%}
.checkout thead th.qty {width:19%; text-align:center;}
.checkout thead th.amount {width:31%; text-align:center;}
.checkout tbody th, tbody td {vertical-align: top; text-align: left; }
.checkout tfoot td {border-top:#666666 solid 1px;font-weight:bold; padding-top:3px;  }
.checkout td.content_qty { text-align:center; }
.checkout td.content_amount { text-align:right; }
.checkout tr.cartList td { padding: 0 0 8px 0; }
.checkoutbutton { margin:15px 5px 0 5px;border-top:#999966 solid 1px; text-align:right}
.checkoutbuttonWithoutTopBorder { margin:15px 5px 0 5px; border-top:0px;text-align:right}
.checkoutbuttonsBlock { text-align:right; height: 40px;padding:15px 5px 0 0}
.checkoutbutton2 { margin:15px 5px 0 5px; text-align:right; width:600px}
.checkoutbutton3 { margin:15px 10px 0 5px; text-align:right; width:700px}
.checkoutbutton4 { margin:15px 0px 0 5px; text-align:right; width:700px}

.body_white { color:#FFFFFF}

table.test {border-collapse: collapse; border: 1px solid #CCCCCC; color: #363636;  background:#FFFFFF; margin:10px 0 0 10px; font-size:12px; width:600px  }
.test thead th, tfoot th {border-bottom: 1px solid #CCCCCC; text-align: left;  background:#F7F7F7;  color: #000000;  text-decoration:none ;  padding: .9em;  }
.test thead th.content_qty { text-align:center; }
.test td, .test th { border-bottom: 1px solid #CCCCCC;  padding: .8em;  color: #363636;  }
.test td.content_qty { text-align:center; }
.test td.content_amount { text-align:right; }
.test .content_itemtitle { width:40%; }
.test .odd {  background:#FFFEF2}
.test tfoot td { border-bottom: 1px solid #CCCCCC;  background: #fff;  padding: .8em;  color: #363636; font-weight:bold;  }
.test tfoot th.content_qty { text-align:center; }

table.deli {work-break:break-all; border-collapse: collapse; color: #363636;  background:#FFFFFF; margin:0px 0 0 10px; font-size:12px; width:580px; table-layout:fixed; }
.deli td, .deli th { padding: .4em;  color: #363636; }
.deli .firstCol { width: 200px;}

.inputDeliBox {padding:0px 0 0 10px; font-size:12px;}
table.inputDeli {width:100%; margin: 20px 0 0 0; border-collapse: collapse;  font-size:12px;}
.inputDeli td.leftcol {width: 200px}
.inputDeli tr {height: 30px; valign:middle;}
.inputDeli .trAddressHints {height: 70px; font-size: 16px;}

.mandatoryfield { }

#separator-line { width: 90%; color:#F8F8F8;}

.protTextarea1 {
	width: 685px; 
	height: 100px; 	
	background-color: #FFFFFF;
	padding: 2px;
	overflow-x: hidden;
	overflow-y: scroll;	
	border-top: 1px solid #75736E;    					
	border-left: 1px solid #75736E;
	border-right: 1px solid #F2F0EE;
	border-bottom: 1px solid #F2F0EE;
}
.protTextarea1 pre {
	font-family:Arial, Helvetica, sans-serif;
}

.protTextarea1 pre {
	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.displayNone {
	display: none;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

/* 37 */
.octoContentStyle37 {
	padding:0px 0 0 20px;
}
.octoContentStyle37Ext01 {
	padding:0 0 0 50px;
}
.octoContentStyle37Ext02 {
	padding-left:50px;
	padding-top:17px;
}
.octoContentStyle37 .octoContentStyle37Row01 {
	height:1%;
	border-top:1px solid #eaeaea;
}
.octoContentStyle37 .first {
	border-top:none;
}
.octoContentStyle37 .octoContentStyle37Column01 {
	float:left;
	width:188px;
	padding:17px 0 17px 0;
}

.octoContentStyle37 .octoContentStyle37Column02 {
	float:left;
	width:402px;
	padding:11px 0 7px 0;
}
.octoContentStyle37 .octoContentStyle37Column03 {
	float:left;
	width:138px;
	padding:17px 0 17px 0;
}
.octoContentStyle37 .octoContentStyle37Column04 {
	float:left;
	width:452px;
	padding:11px 0 7px 0;
}
.octoContentStyle37 .octoContentStyle37Column05 {
	float:left;
	width:732px;
	padding:11px 0 7px 0;
}
.octoContentStyle37 h2 {
	padding:0 0 6px 20px;
	font-size:100%;
	font-weight:bold;
	color:#3d3d3d;
}
.octoContentStyle37 p {
	line-height:1.5em;
	padding:0 0 6px 20px;
}
.octoContentStyle37 ul {
	padding: 0 0 6px 20px;
}
.octoContentStyle37 ul.octoContentStyle37a {
	padding: 0;
}
.octoContentStyle37 ul.octoContentStyle37a li {
	height:1%;
}
.octoContentStyle37 ul.octoContentStyle37a li ul {
	float:left;
	width:181px;
}
.octoContentStyle37 .octoContentStyle37b {
	padding:0 0 6px 20px;
}
.octoContentStyle37 .octoContentStyle37Column02 dl dd {
	width:262px;
}
.octoContentStyle37 ul.octoContentStyle37c {
	height:1%;
}
.octoContentStyle37 ul.octoContentStyle37c li {
	float:left;
	width:190px;
	font-size:75%;
	line-height:1.5em;
	color:#4f4f4f;
	padding-bottom:6px;
}
.octoContentStyle37 ul.octoContentStyle37c li span {
	display:block;
	padding-right:20px;
}

/* from default.css */
/* Checkout flow */
.octoCheckoutFlow {
	/* margin-top:40px; */
	padding:15px 0;
	width: 80%;
	/*background:url(/web09_include/_images/octoFrameworkImages/octoImage09a.gif) top center no-repeat;*/
	font-size:90%;
	float: left;
	height: 30px;
}
.octoCheckoutFlow .octoCheckoutFlowWrapper01 {
	padding:10px 0 0px 0;
	/*background:url(/web09_include/_images/octoFrameworkImages/octoImage09b.gif) bottom center no-repeat;*/
	height:1%;
	color:#999;
	font-weight:bold;
}
.octoCheckoutFlow h2 {
	display:none;
}
.octoCheckoutFlow ul.other {
	display:inline;
	/* FF3.5 fix */
	margin-left:0px; 
	padding-left:5px;
	line-height:0;
}
.octoCheckoutFlow ul.first {
	margin-left:0px; 
	padding-left:0px;
}
.octoCheckoutFlow ul li {
	display:inline;
	color:#999;
	background:url(/web09_include/_images/octoFrameworkImages/octoImage11.gif) 0px 0.25em no-repeat;
}
.octoCheckoutFlow ul li.other {
	padding-left:15px;
}
.octoCheckoutFlow ul li a {
	color:#4f4f4f;
	/* related to FF3.5 fix */
	line-height:1.3em;
}
.octoCheckoutFlow ul li.first {
	margin-left:4px; 
	padding-left:4px;
	background:none;
}
.octoCheckoutFlow ul li.current {
	color:#000000;
}
.octoPrintLink {
	width: 15%;
	margin: 30px 0 0 0;
	text-align: right;
	float: right;	
}
h1.octoH1Style00 {
	font-size:150%;
	line-height:1.6em;
	color:#3d3d3d;
}
.clearBoth {
	clear:both;
}

/* txinquiry */
.octoPageBody {
	text-align: left;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.inputDeliBox table td.firstTd {
	width: 160px;
}

.octoGeneralEnquiries input.radioButton {
	vertical-align: middle;
	margin-right: 5px;
}

.octoGeneralEnquiries select.dropDownList {
	font-size: 12px;
}

.octoGeneralEnquiries .columnLeftHdr {
	width: 180px;
}

input.b2 {
	background-image: url(/enquiry/images/btn.gif);
	background-position: center center;
}

.txinquiry {
	margin-top: 5px;
}

.txinquiry td {
	padding: 3px 0px;
	line-height: 20px;
}

.txinquiry td.hdr1 {
	width: 160px;
}

.txinquiry td.hdr2 {
	width: 220px;
}

.txinquiry td.hdr3 {
	width: 120px;
}
.txinquiry .largeFont {
	font-size:14px;
}
.txarea {
	border:1px #111111 solid; padding:1px 3px 6px 8px;
}
label.mandatory {
	color: red;
}

#serverErrorMessages {
	color: red;
	float: none;
	padding: 0px 0px 10px 10px;
	font-size: 12px;
}

input.b2 {
	width: 110px;
}

input,select,textarea {
	-x-system-font: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

.defaultText {
	width: 300px;
}

.defaultTextActive {
	color: #a1a1a1;
	font-style: italic;
}