@charset "utf-8";
/* main css   */
* {
	margin:0;
	padding:0;
	text-decoration:none;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a img {border-width:0px;}
h1 {
	color: #538286;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
.textover a {
	color: #557595;
	text-decoration: underline;
}
.textover  a:hover {color:#FF3300;}
td, th {text-align:left; vertical-align:top;}


/* Common Selector
---------------------------------------------------------------- */
.clear {
	clear: both;
	line-height: 0px;
}
.undelined {
	text-decoration: underline;
}
.picright {
	float:right;
	margin-left:10px;
	margin-right:30px;
	background-color: #FFFFFF;
	padding: 15px;
	border: 1px solid #C1DFDD;
}
.picright1 {
	margin-left:0px;
	margin-right:0px;
	background-color: #FFFFFF;
	padding: 15px;
	border: 1px solid #C1DFDD;
}
.capitalise {text-transform:capitalize;}


/* Wallpaper
---------------------------------------------------------------- */
.wallpaper {
	width: 100%;
	background-image: url(../layout/wallpaper.jpg);
	background-repeat: repeat;
	text-align: center;
}

/* Header
---------------------------------------------------------------- */
.headerback {
	width: 100%;
	background-color:#FFFFFF;
}
#header {
	width: 944px;
	height:100px;
	background-repeat: no-repeat;
	background-image: url(../layout/janome_logo50m.gif);
	background-position: left 30px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: -2px;
	margin-left: auto;
}
#header #abs {
	background-color:#FDEAD9;
	height:10px;
}
#header #logoarea {text-align:right;padding-top:22px;}
#logotopleft {
	width: 200px;
	height:66px;
	position: absolute;
	visibility: visible;
	margin-top: 70px;
	margin-left: 130px;
	margin-bottom: 0px;
}

#logo-area {
	height: 66px;
	margin-left: 132px;
	font-weight: bold;
	padding-top:23px;
}

#logo-area .logo-left {
	float: left;
	width: 225px;
}
#logo-area .logo-right {
	float: right;
	width: 535px;
}

/* TopLinkArea
---------------------------------------------------------------- */
#top-link-area {
	height: 17px;
	text-align: right;
	font-size: 10px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #969a9e;
	padding-right: 3px;
	margin: 0px;
}
#top-link-area a {
	color: #FFFFFF;
	text-decoration: none;
}
#top-link-area a:hover {
	color: #FFBA9F;
}

/*search-area-----------start*/
#search-area {
	width: 415px;
	height: 22px;
	margin-left: 529px;
	background-image: url(../layout/back_serch.gif);
	background-repeat: no-repeat;
	padding: 0px;
	position: absolute;
}
#search-area .left-box {
	float: left;
	width: 240px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#search-area .right-box {
	float: right;
	width: 175px;
	color: #FFFFFF;
	text-align: right;
}

/*search-area-----------end*/

/* Footer
---------------------------------------------------------------- */
.footerback {
	width: 100%;
	background-color:#FFFFFF;
	padding-top: 5px;
}
#footer {
	color: #aaabaf;
	width: 944px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#footer a {
	color:#aaabaf;
	text-decoration:none;
}
#footer .colourbox {
	background-color:#CCCCCC;
	padding-bottom:5px;
}
#bottom-link-left {
	float: left;
	margin-top:1px;
	margin-left:10px;
	color:#FFFFFF;
}
#bottom-link-right {
	float: right;
	background-color:#FFFFFF;
	height:14px;
	width:604px;
	background-image: url(../layout/back_wg_botright.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-right:10px;
	line-height:12px;
}
#bottom-link-left a {
	color:#FFFFFF;
	text-decoration:none;
}
#footer #bottom-link-left a:hover {
	color:#FF0000;
}
#bottom-link-right a {
	color:#aaabaf;
	text-decoration:none;
}
#bottom-link-right a:hover, #footer a:hover {color:#ea3e00;}

#creds {
	font-size: 10px;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}

/* Footer-----------end*/

/* Contents
---------------------------------------------------------------- */
#contents {
	clear:both;
	background: #FFFFFF;
	width:944px;
	padding: 0;
	margin-top:0px;
	vertical-align:top;
	margin-right:auto;
	margin-left:auto;
}
.allcatlinks  {margin:15px 20px 0px 30px; text-align:center;}
.allcatlinks a {	
	color: #6e7d90;
	color: #8ea296;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

	text-decoration: none;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	margin-right:10px;
	border: 1px solid #cbccd0;
	border: 1px solid #a0b1a7;
	
	margin-top: 2px;
	margin-bottom: 2px;
	display:inline-block;
}

.allcatlinks a:hover {
	background-color: #a0b1a7;
	color: #FFFFFF;
}

#contents .left-box {
	width: 171px;
	padding-right:3px;
	vertical-align: top;
}
#contents .right-box {
	width: 171px;
	padding-left:3px;
}
#contents .middle-box {
	width: 590px;
	background-repeat:no-repeat;
	background-position:left top;
	border: 1px solid #D4D0C8;
}
#contents .middle-right-box {
	width:770px;
	border: 1px solid #D4D0C8;
}
#contents .middle-right-box1 { /* when middle-right-box has to be brocken in two to allow bottom tabs   */
	width:770px;
	border: 1px solid #D4D0C8;
	border-bottom-width:0px;
}
#machines #contents .middle-right-box2 { /* when middle-right-box has to be brocken in two to allow bottom tabs   */
	height:24px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #D4D0C8;
	border-top-width:0px;
}
.border-box, .border-box-gap, .border-box-gaptop {
	border: 1px solid #D4D0C8;
}
.border-box-gap {margin-bottom:4px;}
.border-box-gaptop {margin-top:4px;}
.left-box .linkpic {
	background-image: url(../layout/link_access.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	height: 39px;
	text-indent: -1000px;
	margin-top:2px;
}
.left-box #linkaccess.linkpic  {background-image: url(../layout/link_access.jpg);}
.left-box #linkaccess.linkpic:hover {background-image: url(../layout/link_access_over.jpg);}
.left-box #findmach.linkpic  {background-image: url(../layout/link_machine.jpg);}
.left-box #findmach.linkpic:hover {background-image: url(../layout/link_machine_over.jpg);}


.middle-box h1, .middle-box h2, .middle-right-box h1, .middle-right-box h2, .middle-right-box1 h1, .middle-right-box1 h2 {font-family:Arial, Helvetica, sans-serif;}
.middle-box h1, .middle-right-box h1, .middle-right-box1 h1 {font-size:22px;}
.middle-box h2 {
	font-size:18px;
	color: #607779;
}

#contents .middle-right-box .textover, #contents .middle-right-box1 .textover {
	margin-top: 30px;
	margin-left: 30px;
	line-height:18px;
	margin-bottom: 30px;
}
#contents .middle-box .textover {
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 10px;
	margin-left: 35px;
}
.middle-box .textover h2 a {
	color: #FFFFFF;
	font-size: 18px;
}
.middle-box .textover h2 a:hover {color: #FFBA9F;}
.middle-right-box h1, .middle-right-box1 h1 {margin-bottom:20px; color: #538286;}
.middle-right-box h2, .middle-right-box1 h2 {
	color: #607281;
	font-size: 16px;
}
.middle-right-box p, .middle-right-box1 p {
	line-height:18px;
	margin-top:17px;
}
/* Contents-----------end*/

/* Home page ------------*/
#home .middle-box { 
	background-image:url(../pix/home1.jpg);
}
#home .middle-box .textover {
	margin-top: 10px;
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Machines page ------------*/
#machines #contents .middle-right-box {
	background-image: url(../layout/back_mach_body.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#machines #contents .middle-right-box1 {
	background-image: url(../layout/back_mach_body.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#machines #contents .middle-right-box2 {
	background-image: url(../layout/back_mach_body_bot.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #BCDCD9;
}
#machines .middle-box { 
	background-image:url(../pix/machines1.jpg);
}
#machines .middle-box .textover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-left: 35px;
	color:#FFFFFF;
}
#machines .middle-box .textover h1, #machines .middle-box .textover h2 {color:#FFFFFF;}
#machines .middle-box .textover p {
	line-height:18px;
}

#machines #contents .middle-right-box  h1, #machines #contents .middle-right-box1  h1 {
	color: #538286;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
ul.columns {
	width: 500px;
	list-style-type: none;
}
ul.columns li {
	float: left;
	margin-right:10px;
	padding-left:15px;
	background-image: url(../layout/arrow_red.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 10px;
	width:110px;
}
ul.columns li a {color:#333333;}
ul.columns li a:hover {color:#333333; text-decoration:underline;}

#machines  .middle-right-box .textover .text, #machines  .middle-right-box1 .textover .text {
	width: 740px;
	margin-top:10px;
}
.text .picright {
	float:none;
}
.text ul {
	margin-left: 15px;
}
.text .picthumb {
	background-color: #FFFFFF;
	padding: 5px;
	margin-right: 10px;
	border: 1px solid #ADD4D1;
	margin-bottom: 10px;
}
.text .picthumb:hover {
	border: 1px solid #538286;
}
/* access for machine */
#machines  .textover .headrow td {
	color:#339999;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #339999;
	padding: 0px 3px 0px 5px;
}
#machines  .textover .titlerow {
	color:#000000;
	font-weight:bold;
}
.titlerow h2 {
	font-size:11px; 
	margin:0px; 
	padding:0px; 
	text-transform:capitalize;
	color:#000000;
}
.titlerow h2 a {text-decoration:none; color:#000000}
#machines  .textover .datarow {
	
}
#machines  .textover .datarow td, #machines  .textover .datarowover td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height:12px;
	font-size:11px;
	padding: 5px;
}
.datarow a, .datarowover a {text-decoration:none; color:#000000}
.datarowover td {background-color: #ffffff;}

/* Accessories page ------------*/

#accessories #contents .middle-right-box {
	background-image: url(../layout/back_acc_body.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#accessories #contents .middle-right-box1 {
	background-image: url(../layout/back_acc_body.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#accessories #contents .middle-right-box2 {
	background-image: url(../layout/back_acc_body_bot.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #b5d9be;
}

#accessories .middle-box { 
	background-image:url(../pix/accessories1.jpg);
}
#accessories .middle-box .textover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-left: 35px;
}
#accessories .middle-box .textover h1, #machines .middle-box .textover h2 {color:#FFFFFF;}
#accessories .middle-box .textover p {
	line-height:22px;
}

#accessories  .textover .text {
	width: 740px;
	margin-top:10px;
}
#accessories  .textover .text h2 {
	color: #60A693;
	text-decoration:underline;
}
#accessories  .textover .text1 {
	width: 683px;
	margin-top:10px;
	font-size:11px;
}
#accessories  .textover .text1 td {padding: 0px 0px 0px 4px;}
#accessories .textover h1 {
	color: #61A794;
}
#accessories .textover h1 .smallerh1 {
	font-size: 16px;
	text-transform:capitalize;
	color: #60A693;
	display:block;
	margin-top:8px;
}

#accessories  .textover .text1 .headrow {
	background-color:#abd0c6;
	color:#FFFFFF;
	font-weight:bold;
}
#accessories  .textover .text1 .titlerow {
	color:#000000;
	font-weight:bold;
}
.titlerow h2 {
	font-size:12px;
	padding:0px;
	text-transform:capitalize;
	color:#000000;
	font-weight: normal;
	display: block;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titlerow h2 a {text-decoration:none; color:#000000}
#accessories  .textover .text1 .datarow {
	background-color:#e5ece8;
}
#accessories  .textover .text1 .datarow td, #accessories  .textover .text1 .datarowover td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A9D2B4;
	line-height:12px;
	
}
.datarow a {text-decoration:none; color:#000000}

.thumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	padding: 5px;
	float: left;
	width: 104px;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 4px;
	height: 150px;
	line-height:12px;
}
.thumb a {text-decoration:none;}
.thumbsall {
	background-color: #FFFFFF;
	padding: 0px;
	border: 1px solid #E1DED9;
	color: #333333;
	margin-right: 20px;
}
/* Learning Centre page ------------*/
#learn #contents .middle-box {
	background-image: url(../pix/learn1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#learn .middle-box { 
	background-image:url(../pix/learn1.jpg);
}

#learn .titlepic {
    padding:10px 0px 10px 0px;
	}
#learn .middle-box .textover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-left: 35px;
}
#learn .middle-box .textover h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-left: 20px;
}
#learn .middle-box .textover p {
	margin-top:10px;
	line-height:26px;
	color:#71625B;
}

#learn  .middle-right-box .textover .text {
	width: 740px;
	margin-top:10px;
}


/* Dealer page ------------*/
#dealer .middle-box { 
	background-image:none;
}
#dealer .middle-box .textover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-left: 35px;
	color:#000000;

}
#dealer .middle-box  h1 {
	color: #669acc;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
#dealer .text {
	width:660px;
	margin-top: 20px;
}
#dealer .text td {
	width:320px;
	padding-right:10px;
	color:#557595;
	font-size:11px;
	border-top: 1px solid #6195C9;
}
/* Promotions page ------------*/

#promotion .middle-box { 
	background-image:url(../pix/promo1.jpg);
}
#promotion .left-box, #promotion .right-box {
	vertical-align:top;
	}


/*--------------   Contact Us page   ---------------------*/

#contact .middle-box .textover h2 {
	margin-top:20px;
	margin-bottom:20px;
	font-size:16px;
}
#contact .middle-box .textover td {
	color:#333333;
	vertical-align:top;
	padding: 3px;
}

#contact .middle-box .textover {color:#333333;}

/* ------------- Privacy Policy, Terms & Conditions ----------- */
#privacy .middle-box .textover, #terms .middle-box .textover {
	margin-right: 20px;
}

#privacy .middle-box .textover h2, #terms .middle-box .textover h2 {
	color: #729cca;
	font-size:20px;
	margin-bottom: 20px;
}
#privacy .middle-box .textover p, #terms .middle-box .textover p {
	color: #333333;
	line-height: 18px;
	margin-bottom: 10px;
}

#privacy .middle-box .textover ol {
	color: #336666;
	padding-left: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#terms .middle-box .textover ul {
	color: #333333;
	padding-left: 10px;
	margin-left: 14px;
	margin-bottom: 10px;
}
#privacy .middle-box .textover li {
	font-weight: bold;
	line-height: 14px;
}
#terms .middle-box .textover li {
	line-height: 16px;
	padding-bottom: 10px;
}
#privacy .middle-box .textover h3, #terms .middle-box .textover h3 {
	color: #336666;
	font-size: 12px;
	font-weight: bold; 
}
#terms .middle-box .textover h3 { padding-bottom: 10px;}

#privacy .middle-box .smaller, #terms .middle-box .smaller{
	font-size: 9px;
}
.bluegrey {
	color: #72808D;
}
.viewvideo, .text .viewvideo {
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
	background-color: #FFFFFF;
	display: block;
	border: 1px solid #666699;
	padding-top: 3px;
	padding-bottom: 5px;
	text-align: center;
	width: 150px;
	margin-top: 10px;
}
#flyoutdiv {
	background-color: #FFFFFF;
	height: 450px;
	width: 500px;
	border: 1px solid #D4D0C8;
	position: absolute;
	margin-top: 100px;
	margin-left: 300px;
	z-index:100;
}
#flyoutdiv.visible {display:block;}
#flyoutdiv.invisible {display:none;}
#flyoutdiv a {
	color:#999999;
}
#flyoutdiv a:hover {font-weight:bold;}