.pagewidth {
	width: 900px;
}
.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}


td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt
}
.lg {  font-family: Impact, Helvetica, sans-serif; font-size: 36px; color: #ccb7a2; }
.a1 {  color: #FFFFFF; text-decoration: none}
.title {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; font-style: normal}
.subt {  font-size: 14px}
.text {  font-size: 10pt}
.tbox {  padding-top: 4pt; padding-right: 4pt; padding-bottom: 4pt; padding-left: 4pt; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif}
form {  margin-top: 0px; margin-bottom: 0px}
.navl {  margin-bottom: 4px; margin-left: 4px; margin-top: 8px}
li {  margin-bottom: 4pt}
.noleftm {  margin-left: 0px; padding-left: 0px}
ul {  margin-left: 12pt; padding-left: 0px}
.decor1, .decor1 a {  font-style: italic; font-weight: bold; color: #666666; text-decoration: none}
.poptext {  margin-right: 8pt; margin-left: 8pt}
.art-subtitle {  font-size: 14pt; font-weight: bold; color: #666666}
.art-title {  color: #cc9966; font-size: large; font-weight: bold}
.shipsub {  font-weight: bold; color: #cc9966; margin-bottom: 4pt; font-size: 11pt}
.shiptext {  margin-top: 4pt}
.nomargins {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
input {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
.medtitle {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #666633; font-weight: bold}
.bgsubtitle {  background-color: ccb7a2; clip:   rect(   ); color: #FFFFFF; padding-top: 2pt; padding-right: 12pt; padding-bottom: 2pt; padding-left: 12pt; font-weight: bold}
.smtext {  font-size: 8pt; color: #666666}
.marg {  margin-right: 12pt; margin-left: 12pt; text-align: left}
.smalltxt {  font-size: 7pt; margin-right: 2pt; margin-left: 2pt}
.prodnavdiv {  background-color: #000000}
.carttopmenu {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 8px;
	line-height: normal;
}
.cart_truck {
	color: red;
}
.ship_truck {
	color: red;
	margin-top: 8px;
	font-weight: bold;
}

.navleftbg {
  background-image : url(images/left-bg.jpg); 
}

h1 {
	font-size: 16pt;
	color: #FFFFFF;

}
h2 {
	font-size: 10pt;
}
.websiteby {
	font-size: 8pt;
	color: #666666;
}
.section {
	font-size: 12pt;
	font-weight: bold;
	color: #666666;
	margin-bottom: 4pt;
}
a.headerNavigation {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#leftsupport tr {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  background: #587CBE;
  color: #ffffff;
  
}
#leftsupport td { 
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 4px;
}

.linklist { 
}
.linklist a {
	text-decoration: underline;
}
.showlink { 
	text-decoration: underline;
	
}



/* color swatches */
fieldset.colorswatch {
	background-color: #cde4d0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EBF3EC;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #EBF3EC;
	color: #000000;
	margin-top: 12px;
	margin-bottom: 12px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	font-size: 10pt;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.width500 {
	width: 500px;
}

.colorswatch legend {
	color: #254529;
	text-transform: uppercase;
	font-size: 9pt;
	background-color: #DFEEE1;
	font-weight: bold;
	padding: 4px;
	margin-left: 12px;
}
.textaccent {
	font-style: italic;
	background-color: #E3F0E6;
	padding: 2px;
}



.colorswatch ul {
	list-style-type: none;
	margin: 8;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	overflow: auto;
}
.colorswatch ul li {
	text-align: center;
	width: 210px;
	float: left;
	
}
.colorswatch ul li img {
	display: inline;
}

/* end color swatches */




/* COPY THICKBOX.CSS TO REDUCE NUMBER OF FILES REQUIRED */



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* btr - try none *{padding: 0; margin: 0;} */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(https://www.japanshoji.com/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
	font-weight: bold; /* BTR */
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* COPY THICKBOX.CSS TO REDUCE NUMBER OF FILES REQUIRED */

.writetext {
	padding: 8px 0;
}
.clearer {
	clear: both;
}







/* ORDERING BOX AND CONTENTS */


.order-box {
	margin-top: 50px;
	width: 680px;
}

/* some boxes are explicitly sized */
.order_content_size_1 {
	height: 320px;
}
.order_content_size_2 {
	height: 400px;
}

/* FORMAT CONTENT PANELS */
.order-box .ui-tabs-panel {
	background-color: #daf2de;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #959e96;
	border-right-color: #959e96;
	border-bottom-color: #959e96;
	border-left-color: #959e96;
	padding: 24px 12px 8px;
	margin: 0px;
	clear: both;
	/* overflow: auto; */
	min-height: 300px;

}

.order-box div p {
	margin-bottom: 0px;
	font-size: 10pt;
	padding-top: 4px;
	text-align: justify;
	
}
.order-box div p.text {
	font-size: 9pt;
	font-weight: bold;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	
}
.order-box div p.details {
	font-size: 9pt;
}
.order-box div h4 {
	margin-top: 0px;
	padding-top: 0px;
}

.order-box div li {

	margin-bottom: 0px;
	font-size: 10pt;
	padding-top: 8px;
	text-align: justify;
}

/* NEW JQUERY TABS INTERFACE */

.ui-tabs-hide {
	display:none;
}
.ui-tabs-nav a {
outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav {
	/* display:none; */
}



/* HAIKU TABS FOR ORDERING */

.tab1 {
	background-image: url(images/buttons/o-order-2.gif);
}
li.ui-tabs-selected .tab1  {
	background-image: url(images/buttons/o-order-1.gif);
}
.tab2 {
	background-image: url(images/buttons/o-info-2.gif);
}
li.ui-tabs-selected .tab2 {
	background-image: url(images/buttons/o-info-1.gif);
}
.tab3 {
	background-image: url(images/buttons/o-ship-2.gif);
}
li.ui-tabs-selected .tab3 {
	background-image: url(images/buttons/o-ship-1.gif);
}
.tab4 {
	background-image: url(images/buttons/o-options-2.gif);
}
li.ui-tabs-selected .tab4 {
	background-image: url(images/buttons/o-options-1.gif);
}


.order-box .ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 14px;
	background-image: url(images/buttons/bg-959e96.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
	
}
.order-box .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.order-box .ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    width: 161px; /* be nice to Opera */
}
.order-box .ui-tabs-nav li a {
	text-indent: -5000px;
	width: 161px;
	height: 22px;
	display: block;
}

/* #content-tab1, #content-tab2, #content-tab3, #content-tab4 {
	background-color: #daf2de;
}
*/



/* END TABS AND ORDER BOXES */


/* SWATCHES */

.swatches {
	text-align: center;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}
.swatches img {
	display: inline;
	margin-right: 4px;
	margin-left: 4px;
}
.swatches div {
	text-align: center;
	float: left;
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 8px;
}

.swatches-table {
	text-align: center;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}
.swatches-table img {
	display: inline;
	margin-right: 4px;
	margin-left: 4px;
}
.swatches-table div {
	text-align: center;
	float: left;
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 8px;
	width: 150px;
	height: 170px;
}
.swatches-table br {
}

/* END SWATCHES */


/* ORDER BOX */
.orderbox {
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial, Helvetica, "sans serif";
	margin-right: 12pt;
}

table.orderbox {
	border: 1px #FFFFFF;
	border-collapse: collapse;
	margin: 4px 0px 12px;
	padding: 0px;
	/*	background: #cde4d0; */
	background-color: #E8DAC8;
	/* same font as proddetail */
	
}
table.orderbox td {
	padding: 6px;
	border-top: 2px solid #eeeeee;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 2px solid #eeeeee;
	text-align: center;
}

.ordprice {
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial, Helvetica, "sans serif";
	margin-right: 12pt;
	width: 100px;

}
.ordadd {
	width: 160px;
}
.ordsel {
	text-align: center;
}
/* end ORDER BOX */

.nextnav { 
	overflow: hidden;
	height: 20px;
}

.nextnav a {
	float: right;
	display: block;
}

.pichoriz {
	padding: 8px;
	background-color: #B3D5B7;
	margin-top: 12px;
	margin-bottom: 12px;
}

.pichoriz img {
	float: left;
	margin-right: 10px;
	border: 1px solid #756862;
	margin-left: 10px;
}
.pichoriz2 {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.pichoriz2 img {
	display: inline;
	padding-right: 8px;
	padding-left: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.noteit {
	font-weight: bold;
	color: #990000;
}
.content, .content td {
	line-height: 140%;
	text-align: left;
}
.content  td  a img {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
}
.imgborder {
	border: 1px solid #333333;
}
#topbar img {
	display: block;
}
#topbar {
	line-height: 0px;
}
.tdleftnav br {
	display: none;
}
.tdleftnav img {
	display: block;
}


.shipping_ref {
	margin-top: 35px;
	padding-top: 4px;
	font-size: 9pt;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color: #cde4d0;
	border: 1px solid #cccccc;
	padding-bottom: 6px;
	margin-bottom: 0px;
}
.shipping_ref img {
	display: inline;
	vertical-align: text-bottom;
	margin-left: 4px;
}
.shipping_ref a:hover {
	text-decoration: underline;
}
.shipping_ref a {
	color: #000000;
}
table.oldbox td img {
	display: block;
	line-height: 1px;
	height: 1px;
}
.content td a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.order-box table.orderbox  {
	/*	background: #cde4d0; */
	background-color: #cde4d0;
}