body {
background: #BFBFBF url(newimages/background.gif) no-repeat top;
background-position:center;
background-position:top;
padding: 0; margin: 0;
font-family: Arial, Verdana, sans-serif;
}
body {
font-size: x-small;      
voice-family: "\"}\"";   
voice-family: inherit;   
font-size: small;
}
html>body {
font-size: small;
}
#wrapper {
width: 880px;
margin: 0 auto;
margin-top: 36px;
}
body {
text-align: center;
}
#wrapper {
text-align: left;
}

#masthead {
	height: 95px;
	width: 880px;
	background: #EDEDED;
}
* html #masthead {
	height: 80px;
}
#masthead p {
	font: 12px Arial, Helvetica, sans-serif;
}
/* --  navline bar -- */
#navbigline {
	height:10px;
	width:880px;
	margin-top: 0px;
	background: url(newimages/topbar.gif) no-repeat;
}
#bottombar {
	height:6px;
	width:880px;
	margin-top: 0px;
	background: url(newimages/bottombar.gif) no-repeat;
	clear: both;
}
#shortline {
	clear:both;
	height:3px;
	width:880px;
	
	background: url(images/fadeline.jpg) no-repeat;
}
* html #shortline {
	margin-top:-2px;
}
#shorterline {
	clear:both;
	height:3px;
	width:500px;
	background-image:url(images/shortline.gif);
	background-repeat:no-repeat;
}

/* --  nav bar -- */
#navigation {
	height: 30px;
	margin-top:-53px;
}
* html #navigation {
	margin-top:-30px;
}

#navigation ul {
	list-style-type: none;
	margin: 0;
}
#navigation li {
	float: right;
	margin-top:14px;
	margin-left:1px;
	display:inline;
	background: #333333 url(images/roller.gif) no-repeat left top;
	border-bottom: 0px solid #777777;
}
#navigation a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	display:inline;
	padding: 1px 8px 0px 17px;
	height: 18px;
}
#navigation b {
	background: url("images/selected.gif") 0 0 no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	display:inline;
	padding: 1px 8px 0px 17px;
	height: 18px;
}

#navigation a:hover {
	background: url(images/roller.gif) 0px -18px;
}


/* -- other structure -- */
.separator {
height: 5px;
background-color: #a9a9a9;
clear: both;
margin-bottom: 2em;
}
.separatorInvisible {
height: 0;
clear: both;
}
.separatorInvisible2 {
height: 2px;
clear: both;
}

/* Index Page - Rounded -- */


#MainCol1
{
	float:left;
	width: 665px;
	margin-right:7px;
}
#MainCol2
{
	float:left;
	width: 208px;
}
.contentWrapper5 {
	width: 208px;
	margin-top: 0px; margin-bottom: 10px;
	margin-left: 0px; margin-right: 0px;
	padding: 0px;
}
.content5
{
	margin: 0px;
	padding: 0px;
	width:206px;
	border: 1px solid #737373;
	border-top-color: #534F8A;
	background-color: #ffffff;
	color: #000000;
	padding-bottom: 3px;
	float:left;
}
.content5 p
{
	padding-left: 3px;
	padding-right: 3px;
}
html>body .content5
{
	float:none;
}

.MainContent {
	float: left;
	width: 665px;
	margin-top: 0px; margin-bottom: 10px;
	margin-left: 0px; margin-right: 0px;
	padding: 0px;
	border: 0px;
}
.MainBody
{
	margin: 0px;
	padding: 0px;
	border: 1px solid #737373;
	background-color: #ffffff;
	color: #000000;
	padding-bottom: 5px;
}
.MainBody p
{
	padding-left: 3px;
	padding-right: 3px;
}
.boxtitle
{
	height: 27px;
	width: 208px;
	background-image:url(boxtop.gif);
	background-repeat:no-repeat;
}
html>body .boxtitle
{
	float:left;
}
.boxtitle h2
{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-top: 5px;
	padding-bottom: 0px;
	margin: 0 0 0 0;
}
/* ************************************
 * classes needed for rounded corners *
 ************************************ */
.roundedCornerSpacer {
	margin: 0px; padding: 0px; border: 0px;
	clear: both;
	font-size: 1px; line-height: 1px;
}
.borderTL, .borderTR, .borderBL, .borderBR {
	width: 6px; height: 6px;
	padding: 0px; border: 0px;
	z-index: 99;
}
.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  -1px  0px  0px -1px; }
.borderTR { margin:  -1px -1px  0px  0px; }
.borderBL { margin: -6px  0px  0px  0px; }

.borderBR { margin: -6px  0px  0px  0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
	margin-left: -4px;
	ma\rgin-left: -1px;
}
html>body .borderTL  {
	margin-left: -1px;
}
.borderTR {
	margin-right: -4px;
	ma\rgin-right: -1px;
}
html>body .borderTR  {
	margin-right: -1px;
}
.borderBL {
	margin-left: -3px;
	ma\rgin-left: 0px;
}
html>body .borderBL {
	margin-left: 0px;
}
.borderBR {
	margin-right: -3px;
	ma\rgin-right: 0px;
}
html>body .borderBR {
	margin-right: 0px;
}





/* -- columns -- */
.column1 {
	float:left;
	width:338px;
	height:156px;
	margin:0px;
	text-align:justify;
	margin-right:4px;
	padding-bottom:1px;
}
* html .column1 {
  width:334px;
}
.column2 {
	float:left;
	width:293px;
	height:156px;
	margin:0px;
}

.column3 {
	float:left;
	width:239px;
	height:156px;
	margin:0px;
	margin-left:6px;
}
.offer1 {
	float:left;
	width:160px;
	height:160px;
	margin:0px;
	text-align:center;
	background: url(images/JBSewing_38.gif);
	background-repeat:no-repeat;
	background-repeat:repeat-x;
	background-position:bottom;
	margin-right: 1px;
}
.offer1 p {
	font-size: 13px;
}
.offer1 p {
	font-size: 13px;
}
.offer1 h2 {
	width: 160px;
	height: 20px;
	text-align: center;	
	background: url(images/clickmore.gif) no-repeat;
	background-position: center;
	background-position:bottom;
}
.offer1 h2 span {
	display:none;
}
* html .offer1 {
   margin-top:2px;
}
.offer2 {
	float:left;
	width:160px;
	height:160px;
	margin:0;
	text-align:center;
	background: url(images/JBSewing_39.gif);
	background-repeat:no-repeat;
	background-repeat:repeat-x;
	background-position:bottom;
	margin-right: 1px;
}
.offer2 p {
	font-size: 13px;
}
.offer2 h2 {
	width: 160px;
	height: 15px;
	text-align: center;	
	background: url(images/clickmore.gif) no-repeat;
	background-position: center;
	background-position:bottom;
}
.offer2 h2 span {display:none;}

.offer3 {
	float:left;
	width:160px;
	height:160px;
	margin:0;
	text-align:center;
	background: url(images/JBSewing_40.gif) no-repeat;
	background-repeat:no-repeat;
	background-repeat:repeat-x;
	background-position:bottom;
	margin-right: 1px;
}
.offer3 p {
	font-size: 13px;
}
.offer3 h2 {
	width: 160px;
	height: 22px;
	text-align: center;
	background: url(images/clickmore.gif) no-repeat;
	background-position: center;
	background-position:bottom;
}
.offer3 h2 span {display:none;}

.offer4 {
	float:left;
	width:160px;
	height:160px;
	margin:0;
	text-align:center;
	background: url(images/JBSewing_41.gif) no-repeat;
	background-repeat:no-repeat;
	background-repeat:repeat-x;
	background-position:bottom;
	margin-right: 1px;
}
.offer4 p {
	font-size: 13px;
}
.offer4 h2 {
	width: 160px;
	height: 15px;
	text-align: center;
	background: url(images/clickmore.gif) no-repeat;
	background-position: center;
	background-position:bottom;
}
.offer4 h2 span {display:none;}
* html .offer4 {
   margin-top:1px;
}
.offer5 {
	float:left;
	width:230px;
	height:160px;
	margin:0;
	text-align:center;
	background: url(images/gline.gif) no-repeat;
	background-repeat:no-repeat;
	background-repeat:repeat-x;
	background-position:bottom;
}
* html .offer5 {
   margin-top:6px;
}
.logo1 {
	float:left;
	width:153px;
	height:36px;
	margin:0px;
	margin-right:0px;
	margin-top:4px;
}
.logo2 {
	float:left;
	width:154px;
	height:36px;
	margin:0px;
	margin-right:0px;
	margin-top:4px;
}
.logo3 {
	float:left;
	width:150px;
	height:36px;
	margin:0px;
	margin-right:0px;
	margin-top:4px;
}
.logo4 {
	float:left;
	width:157px;
	height:36px;
	margin:0px;
	margin-right:0px;
	margin-top:4px;
}
.logo5 {
	float:left;
	width:157px;
	height:36px;
	margin:0px;
	margin-right:0px;
	margin-top:4px;
}
.logo6 {
	float:left;
	width:106px;
	height:36px;
	margin:0px;
	margin-top:4px;
}
.vertline {
	float:left;
	height: 90px;
	width: 1px;
	background-color:#CCCCCC;
	background-repeat: no-repeat;
	background-position: center;
	margin-top:25px;
}


/* -- fonts -- */
p {
	font-size: 95%;
	margin-top:0px;
	margin-bottom:0px;
}
h1, h2 {
	color: #555555;
	font-weight: normal; 
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
}
h1 {
	font-size: 150%;
}
 
h2 {
	font-size: 120%;
}
h3 {
	margin: 0 0 5px 0;
	font-size: 90%;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 1.35em;
}
.BigBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #000000;
		
}
.White {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
		
}
.BigRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FF0000;
}
.Red {
	color: #FF0000;
	font-weight: bold;
}
.TitleDesc	{
	color:#666666;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}	
.right {
	text-align:right;
}
/* -- boxout stuff -- */

#boxout {
	width: 880px; 
	height: 173px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#specialbox {
	
}

/* --  Company Profile -- */
#companyback {
	width:880px;
	height:500px;
	background: url(images/companyprofilebck.jpg) no-repeat;
	background-position:center;
	background-position:top;
}
#companyContent {
	padding-top:100px;
	padding-left:135px;
	width:710px;
	text-align:justify;
}
#companyContent p {
	padding: 0px 0px 10px 0px;
}
#companyContent h1 {
	padding-bottom:0px;
	margin:0px;
	color:#333333;
}
#companyContent h2 {
	color:#666666;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#companyContent h2 strong {
	color:#333333;
}
/* --  Domestic / Industrial -- */
#domesticback {
	width:880px;
	background: url(images/domesticback.jpg);
	background-position:center;
	background-position:top;
}
#gt541back {
	width:880px;
	background: url(images/gt541back.jpg);
	background-position:center;
	background-position:top;
}
#domPhone {
	padding-top:102px;
	padding-left:160px;
}
#domBody, #domLeft{
	float:left;
	padding-top:10px;
}
#domLeft {
	width:150px;
	height:850px;
	margin-right:10px;
	background-color:#D9D9ED;
}
#domLeft h2{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-left:3px;
	margin:0px;
}
#domLeft p{
	padding-left:3px;
}
#domBody{
}
#domHColumn1 {
	float:left;
	width:517px;
	height:400px;
	padding-left:10px;
}
#domHColumn2 {
	float:left;
	width:200px;
	height:400px;
}
#domHColumn2 img {
	padding-top:10px;
}

/* Dom Ecomm */
#domesticbox {
	width: 880px;
	height: 57px;
	background: url(domestic/title.jpg) no-repeat;
}
/* --  Janome M11000 -- */

#jam1Col1, #jam1Col2 {
	float:left;
	height: 550px;
	padding-left: 10px;
}
#jam1Col1 {
	width: 240px;
}
#jam1Col2 {
	width: 430px;
}
#jam1Col2 h1 {
	color:#000000;
	margin-bottom:-5px;
}
#jam1bottom {
	clear:both;
	padding-left:10px;
	width:710px;
	text-align:left;
}

/* --  PR600MkII -- */

#Pr600Mkii {
margin-top: 1px;
width: 880px;
height: 600px;
background: url(pr600mkii/pr600_banner.jpg) no-repeat;
}
#Pr600_Col1 {
float:left;
width: 685px;
float:left;
}
#Pr600_New {
float:left;
width:186px;
height:577px;
margin-left:9px;
margin-top:173px;
background-color:#CCCCCC;
}
#Pr600_Left {
float:left;
margin-top: 320px;
}
#Pr600_Left .BigFinance {
font-size:22px;
font-weight:bold;
color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
}
#Pr600_Left .Finance {
font-size:14px;
font-weight:bold;
color:#FF0000;
}
.Pr600_Payment {
border-top-color:#CCCCCC;
border-top: 1px;
border-top-style:solid;
border-bottom-color:#CCCCCC;
border-bottom: 2px;
border-bottom-style:solid;
width:230px;
height:230px;
margin-top:-5px;
background: url(pr600mkii/paymentbck.gif)
}
#Pr600_Left .Pr600_MakeMoney {
margin-left: 8px;
margin-top: 10px;
margin-bottom: 0px;
}
.Pr600_MakeMoney {
font-weight:bold;
color:#000000;
}
#Pr600_Left .Pr600_Hobby {
margin-left: 18px;
margin-top: 0px;
}
#Pr600_Body {
float:left;
width:441px;
height:156px;
margin-top: 210px;
text-align:justify;
padding-left:14px;
}
#Pr600_Body h1{
font-size:12px;
font-weight: bold;
padding-bottom: 0px;
}
#Pr600_Body p{
padding-bottom: 8px;
}

#Pr600_Body .Pr600_Table p{
text-align:left;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.Pr600_Payment h2 {
font-size:14px;
font-weight:bold;
margin: 5px;
color:#000000;
}
.Pr600_Payment ul {
list-style-type: none;
padding: 0px;
margin:0px;
}
.Pr600_Payment li {
list-style-type: none;
padding: 0px;
margin:5px;
}
.Pr600_Payment ul {
list-style-type: none;
padding: 0px;
margin:0px;
}
.Pr600_Payment .small {
font-size:10px;
font-weight:normal;
}
.Pr600_Payment .Price {
font-size:12px;
font-weight:bold;
color:#FF0000;
}
#Pr600_New .Pr600_Info {
width:186px;
height:126px;
background: url(pr600mkii/paymentbck.gif);
}
#Pr600_New p {
margin-left: 4px;
margin-right: 4px;
text-align:justify;
}
#Pr600_New .Pr600_WhatsNew {
width:186px;
height:456px;
background-color:#CCCCFF;
background: url(pr600mkii/newbck.gif);
}
#Pr600_New h3 {
font-size:13px;
font-weight:bold;
color:#000000;
margin-left: -10px;
padding-bottom: 5px;
}
#Pr600_Acess {
background: url(pr600mkii/bck.gif);
}
#Pr600_Media {
background-color:#FFFFFF;
}
#Pr600_Media p{
text-align:center;
}
.PR600_NewTitle{
font-size:12px;
font-weight:bold;
padding-bottom: 5px;
}
.Pr600_NewText{
font-size:11px;
}
#Pr600_New .Pr600_WhatsNew .Pr600_LED {
float:right;
margin-right: 4px;
margin-left: 4px;
}
#Pr600_New .Pr600_Screen {
float:right;
margin-right: 4px;
margin-left: 4px;
}
#Pr600_NewLine {
clear:both;
height:3px;
width:880px;

}
.Pr600_FTitle {
padding-left: 0px;
padding-top: 10px;
font-size:14px;
font-weight:bold;
color:#000000;
width:200px;
border-bottom-color:#CCCCCC;
border-bottom: 2px;
border-bottom-style:solid;
}
#Pr600_Call {
clear:both;
padding-top:10px;
font-weight:bold;
color:#333333;
}

#Pr600_Call .callnow {
font-size:18px;
}

#Pr600_Call .number {
font-size:24px;
padding-left: 5px;
padding-right: 5px;
}

#Pr600_Call .outside {
font-size:14px;
}

#Pr600_Features {
clear: both;
height:300px;
width:600px;
}

#Pr600_FCol1 {
width: 225px;
float:left;
text-align:justify;
}
#Pr600_FCol2 {
padding-left: 15px;
width: 360px;
float:left;
text-align:justify;
}
#Pr600_Offer {
clear: both;
padding-top:30px;
}

/* --  Soft Furnishings -- */
#softback {
	width:880px;
	height:130px;
	background: url(soft/softbanner.jpg) no-repeat;
	background-position:center;
	background-position:top;
}
#softtext {
	width:880px;
}
#softtext .soft_rob_malc {
float:left;
width:110px;
height:165px;
padding-right: 2px;
padding-left: 4px;
padding-top:2px;
margin-right:3px;
background-color:#E6E6FF;
}
#softtext .soft_images {
float:right;
width:185px;
padding-left:4px;
padding-right: 4px;
padding-bottom: 1px;
padding-top:2px;
margin-left:3px;
background-color:#E6E6FF;
}
#softtext p {
text-align:justify;
}
#softtext .smallText {
font-size:10px;
}
#softtext .soft_img {
padding-right:3px;
padding-top:3px;
float:left;
}
#softbox {
clear:left;
margin-right:10px;
margin-bottom:10px;
}