/* Lily Main.css -----------------------------------*/
/* --------->>> GLOBAL STYLES <<<-----*/
/* -----------------------------------*/

* { padding: 0; margin: 0; list-style:none;}
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; color:#794400; background: #794400 url(../data/site/background.jpg) top repeat;}
#wrapper {  margin: 10px auto;text-align: left; width: 770px;}
#header {width: 780px; float: left; padding: 0px; height: auto; margin: -100px 0px 0px 0px; z-index:600; background: url(../images/header_background.png) top repeat-x;}
html>body #header {width: 780px; float: left; padding: 0px; height: 190px; margin: -115px 0px 0px 0px; z-index:600; background: url(../images/header_background.png) top repeat-x;}
#wrapper_shop {  margin: 10px auto;text-align: left; width: 412px;}
#header_shop {width: 780px; float: left; padding: 0px; height: auto; margin: -100px 0px 0px 0px; z-index:600; background: url(../images/header_background.png) top repeat-x;}
html>body #header_shop {width: 780px; float: left; padding: 0px; height: 190px; margin: -115px 0px 0px 0px; z-index:600; background: url(../images/header_background.png) top repeat-x;}
.errorMessage{font-size:18px; font-weight:bold; color:#E8EFBC; padding:5px; background:#CC0000; margin:10px 0px 10px 0px; width:auto; height:auto;}
.alreadyMember{font-size:16px; font-weight:bold; color:#FF0000; padding:5px; margin:5px 0px 5px 0px; width:auto; height:auto;}
#middlecolumn { height: auto; width: 780px; float: left; background: #E8EFBC; margin: 0px auto;}
#middlecolumn_shop { height: auto; width: 412px; float: left; background: #E8EFBC; margin: 0px auto;}
#mainColumn { margin: 0px 0px 0px 10px; padding:10px 0px 15px 0px; height: auto; width: 750px; float: left; background: #E8EFBC;}

/*------------REQUIRED FOR DEFAULT UNORDERED LIST IN CONTENT WRAP <UL> AND<LI> IN <DIV CLASS="BULLETS">-------------*/
.bullets li {
list-style:disc;
display:list-item;
margin-left: 15px;
color:#794400;
font-size:14px;
line-height:20px;
}

/*----------Header Elements----------------------------------------*/
.logo {width: 367px; float: left; height: 110px; margin:0px 0px 0px -20px; position:relative; z-index:800;}
img, div {behavior: url(includes/iepngfix.htc); margin:0; padding:0;}
.lily_slogan{float: left; position:absolute; color:#D9DA56; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:20px; margin:-140px 0 0 -170px;}
html>body .lily_slogan{float: left; position:absolute; color:#D9DA56; font-family: Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:22px; margin:55px 0 0 520px;}
#basketImage { float: right; width:158px; height:179px; padding:0px; margin:0px 0px 0px 0px; z-index:998;}
#signIn { float: left; position:absolute; padding:0 0 0 0px; margin:-54px 0px 0px -630px; color: #78A22F; font-size:13px;}
html>body #signIn { float: left; position:absolute; padding:0 0 0 0px; margin:161px 0px 0px 10px; color: #78A22F; font-size:13px;}
hr {border: 0; width: 100%; background-color: #794400; height: 1px; margin-bottom:5px; margin-top:5px;}
a.signUp {color: #78A22F; text-decoration: none;}
a.signUp:link {color: #78A22F; text-decoration: none;}
a.signUp:visited {color: #78A22F; text-decoration: none;}
a.signUp:hover {color: #794400; text-decoration:underline;}
a.signUp:active {color: #794400; text-decoration: none;}
.signUp img {vertical-align: middle;}

a.whatsNew {color: #78A22F; text-decoration: underline; font-size:12px}
a.whatsNew:link {color: #78A22F;}
a.whatsNew:visited {color: #78A22F;}
a.whatsNew:hover {color: #794400; text-decoration:underline;}
a.whatsNew:active {color: #794400;}


/*----------Main Menu Navigation-------------------------------------*/
#navigation { float: left; width: 650px; padding:0; margin:-75px 0 0 0; z-index:998;}
html>body #navigation {float: left; width: 650px; padding:0; margin:-52px 0 0 0; z-index:998;}


/*----------General Typography--------------------------------------*/
h1 {font-size:24px; font-weight:bold; color:#794400; padding-bottom:5px; padding-top:4px;}
h2 {font-size:18px; font-weight:bold; color:#794400; padding-bottom:4px;padding-top: 3px}
h3 {font-size:16px; font-weight:bold; color:#794400;}
h4 {font-size:14px; font-weight:bold; color:#794400; display:block;}
h5 {font-size:12px; font-weight:bold; color:#794400; display:block; margin:3px 0px 3px 0px;}
h6 {font-size:10px; font-weight:normal; color:#794400; margin: 0px 0px 0px 0px;}
p { color: #794400}

a:link { color: #78A22F; text-decoration: underline;}
a:visited { color: #598310;}
a:hover { color: #794400; text-decoration: underline;}
a:active { color: #794400;}	
	
/*----------FOOTER-----------------------------------------------------*/
#footer { width: 780px; clear: both; color: #E0EDAE; background: #78A22F; height: 40px; padding: 0px; margin: 0px;}
#footerNav {float:left; padding-left:5px; margin-top:5px; padding-bottom:15px;}
a.footerNav {color: #E0EDAE; text-decoration: underline; font-size:12px}
a.footerNav:link {color: #E0EDAE;}
a.footerNav:visited {color: #E0EDAE;}
a.footerNav:hover {color: #D9DA56; text-decoration:underline;}
a.footerNav:active {color: #D9DA56;}												
#copyright {float:right; font-size:10px; padding-right:100px; margin-top:10px; padding-bottom:10px;}
a.copyright {color: #999;}
a.copyright:link {color: #E0EDAE;  text-decoration: none;}
a.copyright:visited {color: #E0EDAE;}
a.copyright:hover {color: #D9DA56; text-decoration:underline;}
a.copyright:active {color: #D9DA56;}	
.modelGirl{position:relative; z-index:563; float:right; width:160px; height:251px; margin:-250px -90px -15px 0px;}


/* -----------------------------------*/
/* --------->>> HOME PAGE <<<-----*/
/* -----------------------------------*/	
/*------------HOME PAGE STRUCTURE-----------------------*/											
#leftcolumn { margin: 0px 0px 0px 0px; padding:10px 0px 0px 10px; height: auto; width: 470px; float: left; background: #E8EFBC;}
#rightcolumn { float: right; margin: 0px 0px 0px 0px; padding:10px 0 0 15px; height: auto; width: 285px; display: inline; background: #E8EFBC;}
.whatsNewBlock {background:#F1F6DB; width:275px; float:left; height:auto; padding-bottom:15px}
.newYarnBlock{background:#F1F6DB; width:195px; height:240px; float:left; position:relative; margin:0 0 0 0px; padding:0; }
.newPatternBlock{ background:#F1DDBD; width:195px; height:240px; float:left; position:relative; margin:0 0 0 5px;padding:0;}
#baserow {color: #794400; margin: 0px 0px 0px 0px; padding-top: 15px; padding-bottom:10px; height: auto; width: 780px; background: #E8EFBC; float: left;}

/*------------HOME PAGE Typography-----------------------*/
.announcementsBlock{float:left; position:relative; width:230px; margin:0 20px 0 0;}
#announcements p {  color: #78A22F; margin: 0px 0px 0px 0px; padding: 5px; height: auto; float: left; width: 270px; line-height:18px;}
#announcements img {  margin: 0px 0px 0px 0px; padding: 5px; height: auto; float: left; height: 80px;}
#survey { float: left; position:relative; padding:10px; color: #78A22F; font-size:14px; background-color:#F1F6DB; width:200px;}
.surveyTitle{color:#78A22F; font-size:20px; font-weight:bold; margin:0px 0px 5px 0px;}
.pollQuestion{color:#78A22F; font-size:16px; font-weight:bold; margin:0px 0px 5px 0px;}
.surveyBTN { color: #78A22F; font-size:12px; font-weight:bold; padding-bottom: 13px; width:90px; height:40px; background: url(../images/survey_btn.jpg) top left no-repeat; border:0px;}

/*-------------Base Columns on HOME PAGE-----------------*/
/*-------IE6 Middle Fix------*/
#boxLeft{  margin: 0px 3px 0px 5px; padding: 10px; height: auto; float: left; width: 230px; background-color:#F1F6DB;}
#boxLeft p {  color: #794400;}
#boxLeft img {  margin: 3px; padding: 0px; float: left;}
#boxMiddle{  margin: 0px 0px 0px 0px; padding: 10px; height: auto; float:left; width: 240px; background-color:#E8EFBC;  border-left: #F1F6DB 1px solid;}
#boxMiddle p {color: #794400;}
#boxMiddle img {  margin: 3px; padding: 0px; float: left;}
#boxRight{ margin: 0px 0px 0px 0px; padding: 10px; height: auto; float: left; width: 240px; background-color:#E8EFBC; border-left: #F1F6DB 1px solid;}
#boxRight p { color: #794400;}
#boxRight img { margin: 3px; padding: 0px; float: left;	}


/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #boxLeft{  margin: 0px 3px 0px 5px; padding: 10px; height: auto; float: left; width: 210px; background-color:#F1F6DB;}
html>body #boxMiddle{  margin: 0px 0px 0px 0px; padding: 10px; height: auto; float:left; width: 220px; background-color:#E8EFBC;  border-left: #F1F6DB 1px solid;}
html>body #boxRight{margin: 0px 0px 0px 0px; padding: 10px; height: auto; float: left; width: 220px; background-color:#E8EFBC; border-left: #F1F6DB 1px solid;}
/* -----------------------------------*/
/* --------->>> YARN DETAILS <<<-----*/
/* -----------------------------------*/
/*---------------YARN DETAIL STRUCTURE----------------------*/
#top_image { color: #333; margin: 0px 0px 0px 0px; padding-top: 10px; padding-bottom:10px; height: auto; width: 780px; background: #E8EFBC; float: left; text-align:center;}
/*-------IE6 Left Fix------*/
#leftYarnDetailColumn { color: #4C2A05; margin: 0px 0px 0px 8px; padding: 5px; height: auto; width: 190px; float: left; background: #E8EFBC;}
#centerYarnDetailColumn {  float: left; margin: 0px 0px 0px 0px; padding: 2px; height: 100%; min-height:auto; width: 125px; background: #E8EFBC;}
#tabYarnDetailColumn {  float: right; margin: 0px 5px 0px 0px; padding: 0px; height: auto; width: 495px; background: #E8EFBC;}
#rightYarnDetailColumn { float: right; margin: 8px 15px 0px 0px; padding: 5px; height: auto; width: 330px; display: inline; background: #E8EFBC;}

/*-------ALL OTHER BROWSER SUPPORT FOR LEFT YARN DETAIL COLUMN------*/
html>body #leftYarnDetailColumn{ color: #4C2A05; margin: 0px 5px 0px 15px; padding: 5px; height: auto; width: 220px; float: left; background: #E8EFBC;}								
html>body #centerYarnDetailColumn {  float: left; position:relative; margin: 0px 0px 0px 0px; padding: 5px; height: auto; width: 140px; background: #E8EFBC;}
html>body #tabYarnDetailColumn {  float: right; margin: 0px 15px 0px 0px; padding: 0px; height: auto; width: 510px; background: #E8EFBC;}
html>body #rightYarnDetailColumn {  float: right; margin: 8px 15px 0px 0px; padding: 5px; height: auto; width: 330px; display: inline; background: #E8EFBC;}
/*-------IE6 Left Fix------*/
#leftcolumnYarn { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position:relative; width: 120px; height: auto;}
#rightcolumnYarn {  margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; height: auto; float: left;}
#centerColumn{border-left: solid 1px #F1F6DB; margin:0px 0px 0px 0px; padding:5px; width:520px; height:auto;float:left; }

/*-------ALL OTHER BROWSER SUPPORT FOR LEFT YARN DETAIL COLUMN------*/

html>body #leftcolumnYarn {  float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position:relative; width: 160px; height: auto;}
html>body #rightcolumnYarn {  margin: 0px 0px 0px 0px;  padding:0px 0px 0px 0px;  height: auto;  width: 580px;  float: left;}
html>body #centerColumn{border-left: solid 1px #F1F6DB; margin:0px 0px 0px 90px; padding:5px; width:515px; height:auto;float:left; position:relative;}
	
	
/*---------------YARN DETAIL PAGE ELEMENTS----------------*/						
.yarnDetailLogo { padding-bottom:5px; width:auto; height:auto; margin-left:0px;}
.yarnImg { width:auto; height:auto; margin-left: 7px;}
.yarnDetail { padding-bottom:10px; padding-top:5px; width:215px; height:auto; background:#F1F6DB;}
.newTag {position:absolute; z-index:501; float:left;}

.newSwatchTag {
position:absolute;
z-index:501;
float:left;
margin-top: 16px;
}

.newTagPatternBook {position:absolute; z-index:500;float:left; margin: 0px 0px 0px 0px;}
.careIcons {margin:0;}
.detailIcons {height: auto; font-size:10px;color:#4C2A05; margin:0px;}

#puzzleImage{height:8px; width:56px; position:absolute; margin-top:-13px;}
html>body #puzzleImage{height:8px; width:56px; position:absolute; margin-top:-8px;}
#puzzleImageDiscon{height:8px; width:56px; float:left; position:absolute; margin:43px 0px 0 -56px;}
html>body #puzzleImageDiscon{height:8px; width:56px; float:left; position:absolute; margin:48px 0px 0 61px;}

.crochetIcons{ height:56px; width:37px; white-space:nowrap; float:right; position:absolute; margin:-56px 0px 0px 65px;}
html>body .crochetIcons{height:56px; width:37px; white-space:nowrap; float:right; position:absolute; margin: -55px 0px 0px 60px; }
.disConCrochetIcons{ height:56px; width:37px; white-space:nowrap; float:right; position:absolute;  margin:0px 0px 0px 0px;}
html>body .disConCrochetIcons{ height:56px; width:37px; white-space:nowrap; float:left; position:relative; margin:0px 50px 0px 0px;}
.newCrochetIcons{height:56px; width:37px; white-space:nowrap; float:right; position:absolute; margin:-67px 0px 0px 60px;}
html>body .newCrochetIcons{ height:56px; width:37px; white-space:nowrap; float:right; position:absolute; margin: -68px 0px 0px 60px;}
a.rollover { display: block; width: 120px; height: 50px; float: left; margin:0px; background: url(../images/myStuff.gif) top left no-repeat;}
a.rollover:hover {background-position: -120px 0; width:120px;}

/*-----------YARN DETAIL TAB MENU IE 6---------------------*/
#navcontainer{float: left; position:relative; padding-top:12px; margin-left:15px; border-bottom: 3px solid #78a22f;}
#navlist{padding: 0px; margin-left: 0px; font-size:11px; display:block;}
#navlist li{list-style: none; nmargin: 0; display: inline;}
#navlist li a{padding: 3px; margin-left: 0px; background: url(../images/menu_Down.gif) top left no-repeat; text-decoration: none;}
#navlist li a:link { color: #E8EFBC; }
#navlist li a:visited { color: #E8EFBC; }
#navlist li a:hover{color: #E8EFBC; background: url(../images/menu_Up.gif) top left no-repeat;}
#navlist li a#active{background: url(../images/menu_Up.gif) top left no-repeat;}

.buyOnline{position:relative; float:left; margin:-18px 0 0 0;}

/*-----------YARN DETAIL TAB MENU OTHER BROWSERS---------*/
html>body #navcontainer{float: right; position:relative; padding-top:12px; border-bottom: 3px solid #78a22f;}
html>body #navlist{padding: 0px; margin-left: 0px; font-size:11px; display:block;}
html>body #navlist li{list-style: none; margin: 0; display: inline;}
html>body #navlist li a{padding: 3px; margin-left: 0px; background: url(../images/menu_Down.gif) top left no-repeat; text-decoration: none;}
html>body #navlist li a:link { color: #E8EFBC; }
html>body #navlist li a:visited { color: #E8EFBC; }
html>body #navlist li a:hover{color: #E8EFBC; background: url(../images/menu_Up.gif) top left no-repeat;}
html>body #navlist li a#active{ background: url(../images/menu_Up.gif) top left no-repeat;}

/*-----------Pagination: Digg Style FOR YARN DETAIL & PATTERNS------------*/
/*-----------Pagination: Digg Style IE 6 FIX------------*/
#pagination{margin: 0px 0px 40px 0px;}	
#pagination ul { width: auto; background: #000; border:0; margin: 0px 0px 20px 0px; padding:0; float:left; }
#pagination li { border:0; margin: 0px 0px 20px 0px; padding:0; font-size:10px; list-style:none; /* savers */ float:left; }
#pagination a  { border:solid 1px #78A22F; margin-right:1px; }
#pagination .previous-off, #pagination .next-off { display:block; float:left; font-weight:bold; margin-right:0; padding:0; height:17px; }
#pagination .next a, #pagination .previous a { display:block; float:left; font-weight:bold; border:0; margin:0; padding:0; height:17px;}	
#pagination .active { background: #F1F6DB; color:#78A22F; font-weight:bold; float:left; position: relative; padding:0px 0px 0px 0px; margin:0px 2px 0px 0px; width:13px; }
#pagination .activeNum { background: #F1F6DB; color:#78A22F;  float:left; padding:2px 0px 0px 5px; margin:0px 3px 0px 0px; height:17px;width:15px; font-size:10px; font-weight:bold; display:block;}
#pagination a:link, #pagination a:visited { color:#78A22F; display:block; float:left; padding:1px 4px; text-decoration:none; }
#pagination a:visited   { color:#78A22F; display:block; float:left; padding:1px 4px; text-decoration:none; }
#pagination a:hover     { border:solid 1px #78A22F; background-color: #78A22F; color:#F1F6DB;}
#pagination .display{ color:#F1F6DB; font-size:10px; display:block; float:left; padding:3px 2px; margin:0px 0px 0px 0px;}

/*-----------Pagination: Digg Style ALL BROWSERS------------*/
html>body #pagination ul { width: 260px; background: #000; border:0; padding:0; float:left; }
html>body #pagination li { border:0; padding:0; font-size:10px; list-style:none; /* savers */ float:left; }
html>body #pagination a  { border:solid 1px #78A22F; margin-right:2px; }
html>body #pagination .previous-off, #pagination .next-off { display:block; float:left; font-weight:bold; margin-right:0; padding:0; }
html>body #pagination .next a, #pagination .previous a { display:block; float:left; font-weight:bold; border:0; margin:0; padding:0;}	
html>body #pagination .active { background: #F1F6DB; color:#78A22F; font-weight:bold; display:block; float:left; padding:0px 0px 0px 0px; margin-right:2px;  width:15px; }
html>body #pagination .activeNum { background: #F1F6DB; color:#78A22F;  float:left; padding:2px 0px 0px 6px; margin:0px 2px 0px 0px; height:15px;width:11px; font-size:10px; font-weight:bold; display:block;}
html>body #pagination a:link, #pagination a:visited { color:#78A22F; display:block; float:left; padding:1px 4px; text-decoration:none; }
html>body #pagination a:visited   { color:#78A22F; display:block; float:left; padding:1px 4px; text-decoration:none; }
html>body #pagination a:hover     { border:solid 1px #78A22F; background-color: #78A22F; color:#F1F6DB;}
html>body #pagination .display{ color:#F1F6DB; font-size:10px; display:block; float:left; padding:3px 2px; margin:0px 0px 0px 0px;}

/*-----------Pagination: Digg Style IE 6 FIX------------*/	
#pageFilter ul { width: auto; background: #000; border:0; margin:0; padding:0; float:left; }
#pageFilter li { border:0; margin:0; padding:0; font-size:10px; list-style:none; /* savers */ float:left; }
#pageFilter a  { border:0; margin-right:1px; }
#pageFilter .previous-off, #pageFilter .next-off { display:block; float:left; font-weight:bold; margin-right:0; padding:0; height:17px; }
#pageFilter .next a, #pageFilter .previous a { display:block; float:left; font-weight:bold; border:0; margin:0; padding:0; height:17px;}	
#pageFilter .active { color:#78A22F; font-weight:bold; float:left; position: relative; padding:0px 0px 0px 0px; margin:0px 2px 0px 0px; width:13px; }
#pageFilter .activeNum {color:#78A22F;  float:left; padding:2px 0px 0px 5px; margin:0px 3px 0px 0px; height:17px;width:15px; font-size:10px; font-weight:bold; display:block;}
#pageFilter a:link, #pageFilter a:visited { color:#794400; display:block; float:left; padding:1px 4px; text-decoration:none; }
#pageFilter a:visited   { color:#794400; display:block; float:left; padding:1px 4px; text-decoration:none; }
#pageFilter a:hover     { color:#794400;}
#pageFilter .display{ color:#78A22F; font-size:10px; display:block; float:left; padding:3px 2px; margin:0px 0px 0px 0px;}

/*-------------YARN DETAIL SWATCHES---------------------*/
/*-------IE6 Left Fix------*/
table.swatch {padding:0px; margin:5px;}
img.swatch { border:1px solid #CCC;margin-right:5px;float:left; width:74px; height:74px; position:relative;}
td.swatch { margin:5px;}
p.swatch {color:#4C2A05; font-size:10px; padding:3px 0 4px 3px; display:block; height:110px;} 
/*-------ALL OTHER BROWSER SUPPORT FOR LEFT YARN DETAIL COLUMN------*/
html>body table.swatch {padding:0px;}
html>body img.swatch {border:1px solid #CCC;margin-right:6px;width:74px; height:74px;position:relative; float:left; }
html>body td.swatch { width:80px; height: 80px; padding:5px;}
html>body p.swatch {color:#4C2A05; font-size:10px; padding:5px 0 15px 3px; display:block; height:110px;}   

/*-------------YARN DETAIL PAGE TYPOGRAPHY--------------*/
.yarnTextDetails {font-size:12px;}
.yarnTextDetails li {list-style:disc; display:list-item; margin-left: 15px; color:#78A22F; font-size:12px;}
.monitorSettings {font-size:10px;padding:10px 0 5px 0;color:#333; width:260px;}

 
/* -----------------------------------*/
/* --------->>> WHATS NEW <<<-----*/
/* -----------------------------------*/

/*---------------WHATS NEW 4 HEADERS----------------------*/
.newBlocks {float:left; border: 5px solid #F1F6DB; margin:4px; padding:8px;}
html>body .newBlocks {float:left; border: 0px; margin:6px; padding:8px; background-color:#F1F6DB;}

/*---------------WHATS NEW PAGE ELEMENTS----------------------*/
.rssIcon {float:left; border:0; margin:0px 5px 0 0; background:#E8EFBC;}
html>body .rssIcon {float:left; border:0; margin:0px 5px 0 0; padding:5px 5px 0 0; background:#E8EFBC;}
a.viewPattern_BTN {display: block; width: 120px; height: 50px; float: left; margin:0px; background: url(../images/rollOverVIEW.gif) top left no-repeat;}
a.viewPattern_BTN:hover { background-position: -120px 0; width:120px; }
  
/*---------------WHATS NEW PAGE BLOCKS----------------------*/
#newBlocks {color: #794400; margin: 10px 10px 5px 0px; padding: 5px 0 5px 0; height: auto; width: 740px; background: #E8EFBC; float: left;}
html>body #newBlocks { color: #794400; margin: 5px 0px 5px 0px; padding: 5px 0 5px 0; height: auto; width: 760px; background: #E8EFBC;float: left;}
.whatsNewYarnLogo{float:right;margin: 0px 0px 0px 0px;position:relative;}
										
/*-------------NEW YARNS BLOCK------*/
/*-------IE6 Middle Fix------*/
#newYarnLeft{margin: 0px 5px 0px 5px; padding: 0px; height: auto; float: left; width: 90px; background-color:#E8EFBC; border-right: #F1F6DB 2px solid;}
#newYarnMiddle{margin: 0px 0px 5px 0px; padding: 5px; height: auto; float:left; width: 250px;border-right: #F1F6DB 2px solid;}												
#newYarnRight{  margin: 0px 0px 0px 0px; padding: 5px; padding-bottom:30px; height: auto; float: left; width: 90px;}
#newYarnRight2{  margin: 0px 0px 0px 60px; padding: 0px; height: auto; float: left; width: 140px;}

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #newYarnLeft{margin: 0px 5px 0px 5px; padding: 0px; height: auto; float: left; width: 100px; background-color:#E8EFBC; border-right: #F1F6DB 2px solid;}
html>body #newYarnMiddle{margin: 0px 0px 5px 0px; padding: 5px; height: auto; float:left; width: 270px;border-right: #F1F6DB 2px solid;}
html>body #newYarnRight{  margin: 0px 0px 0px 0px; padding: 5px; padding-bottom:30px; height: auto; float: left; width: 80px;  }
html>body #newYarnRight2{  margin: 0px 0px 0px 60px; padding: 0px; height: auto; float: left; width: 140px;}


/*-------------NEW FREE PATTERNS BLOCK------*/
/*-------IE6 Middle Fix------*/
#newFreePatternsLeft{ margin: 0px 5px 0px 5px; padding: 0px; height: auto; float: left; width: 120px;}
#newFreePatternsMiddle{ margin: 0px 0px 5px 0px; padding: 15px; height: auto; float:left; width: 285px; border-right: #F1F6DB 2px solid; background-color:#EEE;border-left: #F1F6DB 2px solid;}
#newFreePatternsRight{  margin: 0px 0px 0px 0px; padding: 5px; padding-bottom:20px; height: auto; float: left; width: 100px;}
#newFreePatternsRight2{  margin: 0px 5px 0px 0px; padding: 5px; height: auto; float: right; width: 185px; background:#E8EFBC;}

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #newFreePatternsLeft{  margin: 0px 5px 0px 5px; padding: 0px; height: auto; float: left; width: 125px;  }
html>body #newFreePatternsMiddle{  margin: 0px 0px 5px 15px; padding: 5px; height: auto; float:left; width: 275px;border-right: #F1F6DB 2px solid; border-left: #F1F6DB 2px solid;background-color:#EEE;}
html>body #newFreePatternsRight{  margin: 0px 0px 0px 0px; padding: 5px 5px 20px 5px; height: auto; float: left; width: 110px;}
html>body #newFreePatternsRight2{  margin: 0px 5px 0px 0px; padding: 5px;height: auto; float: right; width: 185px; background:#E8EFBC;}
		
/*-------------NEW PATTERN BOOK BLOCK------*/
/*-------IE6 Middle Fix------*/
#newPatternBookLeft{ margin: 0px 5px 0px 5px; padding: 0px; height: auto; float: left;width: 140px; border-right: #F1F6DB 2px solid}
#newPatternBookMiddle{  margin: 0px 0px 0px 0px; padding: 5px; height: auto; float:left; width: 230px; vertical-align:top;}												
#newPatternBookRight{   margin: 0px 0px 5px 0px; padding: 5px; padding-bottom:30px; height: auto; float: left; width: 110px; border-left: #F1F6DB 2px solid;border-right: #F1F6DB 2px solid;}
#newPatternBookRight2{  margin: 0px 5px 0px 0px; padding: 5px; height: auto; float: right; width: 200px; background:#E8EFBC;}

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #newPatternBookLeft{  margin: 0px 5px 0px 5px; padding: 0px; height: auto; float: left; width: 145px;  border-right: #F1F6DB 2px solid}
html>body #newPatternBookMiddle{  margin: 0px 0px 0px 0px; padding: 5px; height: auto; float:left; width: 240px; vertical-align:top;}
html>body #newPatternBookRight{  margin: 0px 0px 5px 0px; padding: 0px 5px 30px 5px; height: auto; float: left; width: 120px; border-left: #F1F6DB 2px solid; border-right: #F1F6DB 2px solid;}
html>body #newPatternBookRight2{  margin: 0px 5px 0px 0px; padding: 5px; height: auto; float: right; width: 200px; background:#E8EFBC;}

	/** Pattern Book's Yarn Images CSS on Whatsnewpage**/
	#newPatternBookYarns{
		float:left;
		height:90px;
		width:90px;
		margin: 0px 3px 0px 0px;
	}												

a.patternBooks {color: #794400;  font-size:11px;display: block;}
a.patternBooks:link {color: #794400;  text-decoration: none;}
a.patternBooks:visited {color: #D39027;}
a.patternBooks:hover {color: #4C2A05; text-decoration:underline;}
a.patternBooks:active {color: #794400;}


/*-------------NEWSLETTER BLOCK------*/
/*-------IE6 Middle Fix------*/
#newsletterLeft{  margin: 0px 5px 0px 25px; padding: 0px; height: auto; float: left; width: 200px;  }
#newsletterMiddle{  margin: 0px 25px 0px 10px; padding: 0px; height: auto; float:right; width: 400px;}												
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #newsletterLeft{  margin: 0px 5px 0px 20px; padding: 0px; height: auto; float: left; width: 200px; }
html>body #newsletterMiddle{  margin: 0px 5px 0px 0px; padding: 0px; height: auto; float:right; width: 450px;}
.newsletterCopy{width:700px; float:left;}
.smallPrint{font-size:10px;color:#794400;float:left;padding-top:5px;}
.smallLabelPrint{font-size:10px;color:#794400;float:left;margin: 0px 0px 0px 170px;}
.newsletterTag {position:relative;z-index:995;float:left;}
/*---------UNORDRED NEWSLETTER ARCHIVE LIST----*/
/*-------IE6 Middle Fix------*/
.newsletterArchive {width:140px;padding:0px;margin:0px;float:left;position:relative;}
.newsletterArchive li {list-style:none; color:#794400;}
.newsletterArchive2 {width:170px; padding:0px; margin-right:40px; float:right; position:relative;}
.newsletterArchive2 li {color:#794400; list-style:none;}
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body .newsletterArchive {width:220px; padding:0px; margin:0px; float:left; position:relative;}
html>body .newsletterArchive li {list-style:none; color:#794400;}
html>body .newsletterArchive2 {width:230px; padding:0px; margin:0px; float:right; position:relative;}
html>body .newsletterArchive2 li {color:#794400; list-style:none;}


/* -----------------------------------*/
/* --------->>> PATTERN BOOKS<<<-----*/
/* -----------------------------------*/

/*----------PATTERN BOOK STRUCUTRE------PATTERN STRUCTURE AS WELL-----------------------------------------------*/
#leftcolumnPB { float: left; color: #333; margin: 20px 0px 0px 0px; padding: 0px 0px 5px 5px; height: auto; position:relative; width: 155px; display: inline; background: #E8EFBC; border-right: #78A22F 1px solid;}
#rightcolumnPB {  color: #4C2A05; margin: 10px 0px 0px 0px; padding:10px 4px 0px 10px; height: auto; width: 595px; float: left; background: #E8EFBC;}
#rightcolumnPB_shop {  color: #4C2A05; margin: 0px; padding:0px; height: auto; width: 412px; float: left; background: #E8EFBC;}
html>body #leftcolumnPB {  float: left; color: #333; margin: 20px 0px 0px 0px; padding: 0px 0px 5px 5px; height: auto; position:relative; width: 155px; display: inline; background: #E8EFBC; border-right: #78A22F 1px solid;}
html>body #rightcolumnPB {  color: #4C2A05; margin: 10px 0px 0px 0px; padding: 10px 4px 0 10px; height: auto; width: 595px; float: left; background: #E8EFBC;}
html>body #rightcolumnPB_shop {  color: #4C2A05; margin: 0px; padding:  0px; height: auto; width: 412px; float: left; background: #E8EFBC;}

/*----------PATTERN BOOK SUB MENU-------FREE PATTERNS SUB MENU AS WELL--------------------*/
/*-------IE6 Middle Fix------*/
.patternBookSubMenu ul {list-style: none; margin-left: 0; width: 150px; margin: 0px;}
.patternBookSubMenu ul li {color:#78A22F;}	
.patternBookSubMenu li h4 {background:#F1F6DB; color:#78A22F; height:auto; margin:10px 0 0 0; position:relative; display:block; text-decoration: none; list-style: none;}
.patternBookSubMenu li a {height: 5px; display:block; text-decoration: none; list-style: none;}	
.patternBookSubMenu li a:link, .patternBookSubMenu li a:visited { color: #78A22F; display: block; list-style: none; background: #E8EFBC; border-bottom:1px solid #F1F6DB; padding: 3px 0 3px 5px; }
.patternBookSubMenu li a:hover {color: #F1F6DB; list-style: none; background: #78A22F; border-bottom:1px solid #78A22F; padding: 3px 0 3px 5px;}	

/** Patternbook patterns **/
.patternsFromBook .pbPatternsDesc{ width:400px;}
.patternsFromBook .pbPatternsMoreImagesText{ clear:left;}

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body .patternBookSubMenu ul {list-style: none;	margin-left: 0;	width: 150px; margin: 0px;}
html>body .patternBookSubMenu ul li {color:#A6600C;}
html>body .patternBookSubMenu li h4 {background:#F1F6DB; color:#78A22F; height:auto; margin:3px 0 0px 0; position:relative; display:block; text-decoration: none; list-style: none;}
html>body .patternBookSubMenu li a {height: auto; text-decoration: none; list-style: none; display:block;}	
html>body .patternBookSubMenu li a:link, .patternBookSubMenu li a:visited {color: #78A22F; display: block; background: #E8EFBC; border-bottom:1px solid #F1F6DB; padding: 3px 0 3px 5px; list-style: none;}
html>body .patternBookSubMenu li a:hover {color: #F1F6DB; background: #78A22F; border-bottom:1px solid #78A22F; padding: 3px 0 3px 5px; list-style: none;}

#PSYarnList li a{height:auto; display:block;}

#listTitleYarns { background:#F1F6DB; color:#78A22F; font-weight:bold; font-size:12px; padding:3px 0 3px 5px; margin:15px 5px 0px 0;}
html>body #listTitleYarns {background:#F1F6DB; color:#78A22F; font-weight:bold; font-size:12px; padding:3px 0 3px 5px; margin:15px 5px 0px 0;}

#listTitle {background:#F1F6DB;  color:#78A22F; font-weight:bold; font-size:12px; padding:3px 0 3px 5px; margin:15px 5px -10px 0;}
html>body #listTitle {background:#F1F6DB; color:#78A22F; font-weight:bold; font-size:12px; padding:3px 0 3px 5px; margin:15px 5px 0px 0;}

a.showHide {color: #78A22F; text-decoration: underline; font-size:10px; font-weight:normal;}
a.showHide:link {color: #78A22F;}
a.showHide:visited {color: #78A22F;}
a.showHide:hover {color: #A6600C; text-decoration:none;}
a.showHide:active {color: #A6600C;}
		
/*----------PATTERN BOOK GRID & FREE PATTERNS GRID AS WELL----------------------------------------*/
/*-------IE6 Middle Fix------*/
#pbGridLeft{ margin: 0 0em 1em 0em; padding: 1px; float: left; width: 9.5em;  background: #E8EFBC; vertical-align:top; min-height:30em; height:auto !important; height:30em; border-right:.5px solid #E8E8E8;}
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #pbGridLeft{  margin: 0 .2em 1em 0em; padding: 2px; min-height: 26em; float: left;width: 10em;  background: #E8EFBC; vertical-align:top; border-right:1px solid #E8E8E8; }

/*----------PATTERN BOOK PAGE ELEMENTS--------------------*/
.patternBookGridImages {position:relative; padding: 0px 0px 5px 0px; vertical-align:top;}


/* ------------------------------------------------*/
/* --------->>> PATTERN BOOK DETAIL PAGE <<<-----*/
/* -----------------------------------------------*/
/*-------------PATTERN BOOK PAGE TYPOGRAPHY--------------*/
a.showMe {color: #794400; text-decoration: underline; font-size:10px}
a.showMe:link {color: #794400;}
a.showMe:visited {color: #D39027;}
a.showMe:hover {color: #4C2A05; text-decoration:underline;}
a.showMe:active {color: #4C2A05;}

.bookDesc{font-size:10px; color:#4C2A05;}	
.navFilter{background:#F1F6DB; padding:5px; margin:5px; color:#794400;}

/*----------PATTERN BOOK LARGE IMAGE-----------------------------------------------------*/
.patternBookLarge {float:left; position:relative; padding: 0px 5px 0px 0px; margin: 0px 5px 10px 0px;}
.patternBookPatterns {float:left; position:relative; padding: 0px 5px 0px 0px; margin: 0px 5px 10px 0px;}
.patternBookDetail{float:left; margin: 0px 0px 0px 0px; position:relative; padding:0px; width:280px;}
html>body .patternBookDetail{float:left; margin: 0px 0px 0px 0px; position:relative; padding:0px; width:300px;}
.patternsFromBook { float:left; position:relative; width:550px; padding:5px; display:inline; }


/* ------------------------------------------------*/
/* --------->>> PATTERN PAGE <<<--------------------*/
/* -----------------------------------------------*/
	
/*----------PATTERN GRID---------------------------------------*/
/*-------IE6 Middle Fix------*/
#pGridLeft{  margin: 0 0em 1em 1em; padding: 1px; float: left; width: 9em; background: #E8EFBC; vertical-align:top; min-height:36em; height:auto !important; height:36em;	border-right:.5px solid #E8E8E8;}
#pGridLeft_shop{  margin: 0; padding: 1px; float: left; width: 9em; background: #E8EFBC; vertical-align:top; min-height:36em; height:auto !important; height:36em;	border-right:.5px solid #E8E8E8;}
#pGridLeft_cp{  margin: 0 0em 1em 1em; padding: 1px; float: left; width: 9em; background: #E8EFBC; vertical-align:top; min-height:30em; height:auto !important; height:28em;	border-right:.5px solid #E8E8E8;}
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #pGridLeft{ margin: 0 .2em 1em 0em; padding: 2px; min-height: 36em; float: left; width: 10em;  background: #E8EFBC; vertical-align:top; border-right:1px solid #E8E8E8;}
html>body #pGridLeft_shop{ margin: 0; padding: 2px; min-height: 36em; float: left; width: 10em;  background: #E8EFBC; vertical-align:top; border-right:1px solid #E8E8E8;}
html>body #pGridLeft_cp{ margin: 0 .2em 1em 0em; padding: 2px; min-height: 28em; float: left; width: 10em;  background: #E8EFBC; vertical-align:top; border-right:1px solid #E8E8E8;}
	
.yarnsUsed{ margin: 0em 0em 0em 0em; padding: 4px; min-height: 0em; float: left; width: 12em;  background: #E8EFBC; vertical-align:top; font-size:10px; }
.addIcon {float:right; position:relative; margin:0px 8px 0px 0px;}	
.viewDetails{float:left; font-size:12px; margin: 15px 0px 0px 0px; font-weight:bold;}
.patternSearch{background:#F1F6DB; padding:5px; margin:5px; color:#78a22f; font-size:16px;font-weight:bold;}
.searchBox{background:#F2F2F2; border: 1px solid #CCC; padding-top:0px; margin:0px 5px 0px 5px; font-size:10px; font-weight:bold; color:#333; height:20px; }
.advancedYarnSearch {font-size:10px; font-weight:normal; }
html>body .patternSearch{ background:#F1F6DB; padding:5px; margin:5px; color:#78a22f; font-size:16px; font-weight:bold;}
html>body .searchBox{background:#F2F2F2; border: 1px solid #CCC; padding:5px; margin:0px; font-size:10px; font-weight:bold; color:#333; height:auto; }
html>body .advancedYarnSearch {font-size:10px;font-weight:normal;}


/* ------------------------------------------------*/
/* --------->>> OUR YARNS PAGE/ STRUCTURE<<<--------------------*/
/* -----------------------------------------------*/
/*-------IE6 Middle Fix------*/
#yarnsGrid{margin: 0px .1em 1em .1em; padding: 3px; float: left; min-width: 10em; width:auto !important; width:10em; background: #F1F6DB; vertical-align:top; min-height:15em; height:auto !important; height:20em; border-right:1px solid #E8E8E8;}

#yarnsGridStore{ 
	margin: 0px .1em 1em .1em;
	padding: 3px;
	float: left;
	min-width: 10em; 
	width:auto !important;
	width:10em;
	background: #F1F6DB;
	vertical-align:top; 
	min-height:10em;
	height:auto !important;
	height:11em;
	border-right:1px solid #E8E8E8;	 
}	

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #yarnsGrid{margin: 0px .1em 1em .1em; padding: 3px; min-height: 19em; float: left; min-width: 11em; background: #F1F6DB; vertical-align:top; border-right:1px solid #E8E8E8; }
html>body #yarnsGridStore{ 
	margin: 0px .1em 1em .1em;
	padding: 3px;
	min-height: 10em;
	float: left;
	min-width: 11em; 
	background: #F1F6DB;
	vertical-align:top;
	border-right:1px solid #E8E8E8; 
}	
.yarnBallGrid {padding: 5px 0px 5px 0px;margin: 2px 2px 2px 2px; width:160px; height:auto; background:#F1F6DB;}
.yarnGridDetailContainer {margin:0px 0px 0px 2px; position:relative; width: 175px; height:auto;}
.productSwatch {margin: 0px 10px 0px 5px; position:relative; width:74px; height:74px;}
.productDetails {position:relative; font-size:12px; margin: 0px 0px 0px 0px; font-weight:bold;}
.addProductIcon {float:left; position:relative; margin:5px 0px 0px 0px; width:30px; height:30px;}


/* ------------------------------------------------*/
/* --------->>> FAQ & OTHER TOP LEVEL PAGES<<<--------------------*/
/* -----------------------------------------------*/
.faqHead{background:#F1F6DB; padding:5px 0px 5px 5px; margin:0px 0px 5px 0px; color:#794400; font-size:16px; font-weight:bold; width:90%;}


/* ------------------------------------------------*/
/* --------->>> MEMBERSHIP LOGIN <<<--------------------*/
/* -----------------------------------------------*/
.memberSignIn{padding:5px; margin:5px 5px 5px 50px; color:#794400; font-size:16px; font-weight:bold; width:500px; height:auto; }
#ProjectColourChangerLogin .memberSignIn{
	margin:0px;
	width:400px;
}
.storeLocator{ padding:5px; margin:5px 5px 5px 30px; color:#794400; font-size:16px; font-weight:bold; width:auto; height:auto; }
#storeMain{ margin: 0px 0px 0px 6px;}
.memberSignUp{padding:5px; margin:5px 5px 5px 5px; color:#794400; font-size:12px; font-weight:bold; width:500px; height:auto; }
.forgetPass{margin-left:165px;}

/*----------MEMBERSHIP ELEMENTS-----------------------------------------------------*/
.membersMSG{ background:#F1F6DB; padding:5px 0px 5px 5px; margin:0px 0px 5px 0px; color:#78A22F; font-size:11px; position:relative; z-index:450; width:100%;
}
.memberIconBar {position:relative; z-index:505; margin:0; padding:0; float: right; margin:8px 0px 0px 0px;}
.memberDownloadPattern{ margin: 0em 0em 0em 0em; padding: 4px; float: left; text-align:left; width: auto; font-size:10px; }

/*----------MEMBERSHIP STRUCUTRE-----------------------------------------------------*/
/*-------IE6 Middle Fix------*/
#leftcolumnMember {  float: left; color: #78A22F; margin: 20px 0px 0px 0px; padding: 0px 0px 5px 5px; min-height: 100%; width: 175px; display: inline; background: #E8EFBC; border-right: #78A22F 1px solid;}
#rightcolumnMember {  color: #78A22F; margin: 10px 0px 0px 0px; padding:0px 4px 0px 10px; height: auto; width: 555px; float: left; background: #E8EFBC;}
#memberGrid{  margin: 0px .1em 1em .3em; padding: 3px; float: left; width:160px;  background: #e8e8e8; vertical-align:top;  min-height:16em; height:auto !important; height:16em;}
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #leftcolumnMember {  float: left; color: #78A22F; margin: 20px 0px 0px 0px; padding: 0px 0px 5px 5px; height: 100%; width: 175px; display: inline; background: #E8EFBC; border-right: #78A22F 1px solid;}
html>body #rightcolumnMember {  color: #4C2A05;margin: 10px 0px 0px 0px; padding:0px 4px 0px 10px; height: auto; width: 555px; float: left; background: #E8EFBC;}
html>body #memberGrid{ mmargin: 0px .3em .5em 0em; padding: 3px; min-height: 17em; float: left; position:relative; width: 173px;  background: #F1F6DB; vertical-align:top;}
.memberImgGrid { padding: 5px 5px 5px 5px; margin: 2px 2px 2px 2px; width:160px; height:auto;background:#F1F6DB;}	

/*----------MEMBERSHIP MAIN PAGE RSS READER-----------------------------------------------------*/
.accordianBox{background:#EEE; border: 1px solid #CCC; float:left; position:relative; width:250px; height:auto; margin:5px; padding:5px; visibility:visible; }
.accordianHead{background:#f0e5c4 url(../images/KnobRemove.png) top right no-repeat; color:#4C2A05; font-size:14px; padding:5px; height:24px;}
.accordianHeadPLUS{background:#f0e5c4 url(../images/KnobAdd.png) top right no-repeat; color:#4C2A05; font-size:14px; padding:5px; height:24px;}
.accordianBody{background: #FFF; color:#4C2A05; font-size:12px; padding:5px;}
.accordianBodyNoDisplay{display:none;}
.noDisplay{display:none;}
.accordianBodyDetails{margin-left:5px;background:#CCC;}
.accordianBodyDetailsNoDisplay{display:none;}

/*----------MEMBERSHIP MAIN MENU--------------------*/
.memberMenu ul {list-style: none; margin-left: 0; width: 175px; margin: 0px;}	
.memberMenu li a {height: 40px; text-decoration: none; list-style: none;}		
.memberMenu li a:link, .memberMenu li a:visited {color: #78A22F; display: block; background: #F1F6DB; border-bottom:1px solid #78A22F; padding: 8px 0px 2px 10px; margin: 0px 0px 0px 0px;font-size:12px;}	
.memberMenu li a:hover {color: #F1F6DB; background: #78A22F; border-bottom:1px solid #F1F6DB; padding: 8px 0px 2px 10px;}

html>body .memberMenu ul {list-style: none; margin-left: 0;	width: 175px; margin: 0px;}	
html>body .memberMenu li a {height: 24px; text-decoration: none; list-style: none;}		
html>body .memberMenu li a:link, html>body .memberMenu li a:visited {color: #78A22F; display: block; background: #F1F6DB; border-bottom:1px solid #78A22F; padding: 8px 0px 2px 10px; margin: 0px 0px 0px 0px; font-size:12px;}	
html>body .memberMenu li a:hover { color: #F1F6DB; background: #78A22F; border-bottom:1px solid #F1F6DB; padding: 8px 0px 2px 10px;}	

/*----------DISCONTINUED YARNS PAGE--------------------*/
#disconRow {  margin: 0px 0px 0px 0px; padding-top: 0px; padding-bottom:0px; height: auto; width:770px; background: #E8EFBC; float: left;}
.followingYarnsHead{background:#F1F6DB; padding:5px 0px 5px 5px; margin:0px 5px 15px 15px; width:740px; font-size:16px; font-weight:bold; color:#4C2A05;}	
.yarnGridDisconContainer {margin:0px 0px 0px 0px; position:relative; width: 185px; height:auto;}
.disconLogo {position:relative; float:left; margin:0;padding:0; max-width:100px; width:auto !important; width:100px;}
html>body .yarnGridDisconContainer { margin:0px 0px 0px 0px; position:relative; width: 180px; height:auto;}	
html>body .disconLogo {position:relative; float:left; margin:0; padding:0; max-width:100px;}	
.productDisconSwatch {float:left; margin: 10px 5px 0px 0px; position:relative; width:74px;height:48px;}
/*-------------Base Columns on DISCONTINUED AREA-----------------*/
/*-------IE6 Middle Fix------*/
#disconBoxLeft{  margin: 0px 0px 0px 0px; padding: 5px; height: auto; float: left; width: 226px; background-color:#E8EFBC;}
#disconBoxMiddle{ margin: 0px 0px 0px 0px; padding: 10px; height: auto; float:left; width: 246px; background-color:#E8EFBC;}
#disconBoxRight{ margin: 0px 0px 0px 0px; padding: 10px; height: auto; float: right; width: 226px; background-color:#E8EFBC;}	
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #disconBoxLeft{ margin: 10px 0px 0px 0px; padding: 0px; height: auto; float: left; width: 220px; background-color:#E8EFBC;}
html>body #disconBoxMiddle{margin: 0px 3px 0px 5px; padding: 10px; height: auto; float:left; width: 230px; background-color:#E8EFBC;}
html>body #disconBoxRight{margin: 0px 3px 0px 5px; padding: 10px; height: auto; float: left; width: 240px; background-color:#E8EFBC;}
html>body #disconTitleBox{margin: 0px 0px 5px 5px; padding: 0px 0px 0px 0px; float:left; width: 520px; background-color:#E8EFBC; border-bottom: 2px solid #794400;}

/*----------------STORE LOCATOR--------------*/
.odd {background: #F1F6DB;}
.even {background: #F1F6DB;}


/*----------E-TAILERS AREA STRUCTURE-----------------------------------------------*/
#leftcolumnE-T {  float: left; color: #333; margin: 20px 0px 0px 0px; padding: 0px 0px 5px 5px;position:relative; width: 200px; background: #E8EFBC;}
#rightcolumnE-T {  color: #4C2A05; margin: 20px 0px 0px 0px; padding: 10px 4px 0px 10px; height: auto; width: 450px; float: left; background: #E8EFBC;}

/*-------------PATTERN BOOK PATTERNS SEARCH RESULTS------*/
/*-------IE6 Middle Fix------*/

#newPbSearchLeft{margin: 0px 5px 0px 5px; padding: 5px; height: auto; float: left; width: 140px; background: #F1F6DB;}
#newPbSearchMiddle{margin: 0px 0px 0px 0px; padding: 5px; height: auto; float:left; width: 330px;}
#newPbSearchRight{margin: 0px 0px 5px 0px; padding: 5px; padding-bottom:30px; height: auto; float: left; width: 240px; border-left: #F1F6DB 1px solid;}

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #newPbSearchLeft{margin: 0px 5px 0px 5px; padding: 5px; height: auto; float: left; width: 145px; background: #F1F6DB;}												
html>body #newPbSearchMiddle{margin: 0px 0px 0px 0px; padding: 5px; height: auto; float:left; width: 330px;}

html>body #newPbSearchRight{margin: 0px 0px 5px 0px; padding: 0px 5px 30px 5px; height: auto; float: left; width: 240px; border-left: #F1F6DB 1px solid;}
	
/*----------ELTAILER STRUCUTRE---------------------------------------------------*/
#leftcolumnET {float: left; color: #333; margin: 20px 0px 0px 0px; padding: 0px 0px 5px 5px; height: auto; position:relative; width: 230px; display: inline; background: #E8EFBC; border-right: #F1F6DB 1px solid;}
#rightcolumnET {  color: #4C2A05; margin: 10px 0px 0px 0px; padding:10px 4px 0px 10px; height: auto; width: 500px; float: left; background: #E8EFBC;}

html>body #leftcolumnET {  float: left; color: #333; margin: 20px 0px 0px 0px; padding: 0px 0px 5px 5px; height: auto; position:relative; width: 230px; display: inline; background: #E8EFBC; border-right: #F1F6DB 1px solid;}
html>body #rightcolumnET {color: #4C2A05; margin: 10px 0px 0px 0px; padding: 10px 10px 0 4px; height: auto; width: 500px; float: left; background: #E8EFBC;}

/*---------------PATTERN BOOK PATTERNS SEARCH----------------------*/
/*-------IE6 Middle Fix------*/
#PbSearchBlocks {  color: #333; margin: 10px 10px 5px 0px; padding-top: 5px; padding-bottom:5px; height: auto; width: 590px; background: #E8EFBC; float: left;}
#PbSearchLeft{ margin: 0px 3px 0px 3px; padding: 3px; height: auto; float: left; width: 130px; background: #F1F6DB;	}
#PbSearchMiddle{margin: 0px 0px 10px 0px; padding: 0 5px 0 5px; height: auto; float:left; width:280px;}
#PbSearchRight{margin: 0px 0px 5px 10px; padding: 5px; padding-bottom:30px; height: auto; float: left; width: 130px; border-left: #F1F6DB 1px solid;}

html>body #PbSearchBlocks {color: #333; margin: 5px 0px 5px 0px; padding-top: 5px; padding-bottom:5px; height: auto; width: 600px; background: #E8EFBC; float: left;}
html>body #PbSearchLeft{margin: 0px 3px 0px 3px; padding: 3px;	height: auto; float: left; width: 130px; background: #F1F6DB;}												
html>body #PbSearchMiddle{margin: 0px 0px 10px 0px; padding: 0 5px 0 5px; height: auto; float:left; width: 280px;}
html>body #PbSearchRight{margin: 0px 0px 5px 10px; padding: 0px 5px 0px 5px; padding-bottom:30px; height: auto; float: left; width: 130px; border-left: #F1F6DB 1px solid;}


/* Project Colour Changer patterncolourimage.tpl Classes */
html>body .colourChangerLeft {
	float:left;
}
html>body .colourChangerRight {
	float:left;
}
html>body #colorChanger .yarnsList {
	width:400px;
}
html>body .yarnSwatch {
	width:400px;
	clear:left;
}
html>body .yarnSwatchList {	
	float:left;
	margin:3px;
}

#colorChanger {
	width:420px;
}

/**
#colorChanger code{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	color:#4C2A05;
}
**/

a.colourChangerLabel:link {color: #333; font-size:11px; text-decoration:none; font-weight:bold; background:#F1F6DB; padding:3px; margin:5px 0 5px 0;}
a.colourChangerLabel:visited {color: #333; background:#F1F6DB; font-size:11px; text-decoration:none; font-weight:bold; padding:3px; margin:5px 0 5px 0;}
a.colourChangerLabel:hover {color: #E8EFBC; background:#78A22F; font-size:11px; text-decoration:none; font-weight:bold; padding:3px; margin:5px 0 5px 0;}
a.colourChangerLabel:active {color: #333; background:#F1F6DB; font-size:11px; text-decoration:none; font-weight:bold; padding:3px; margin:5px 0 5px 0;}
#colorChanger a.swatchLink{display:block;height:80px;width:75px;margin:5px;font-size:10px;padding:0px;}
a.addBackground{background:#ccc;display:block;height:80px;width:75px;text-decoration:none;margin:5px;padding:0px;font-size:10px;}
html>body #colorChanger a.swatchLink{display:block;height:100px;width:75px;margin:5px;font-size:10px;padding:0px;}
html>body a.addBackground{background:#ccc;display:block;height:100px;width:75px;text-decoration:none;margin:5px;padding:0px;font-size:10px;}

/** a.addBackground:active{display:block;background:#ccc;}**/
.disclaimer{font-size:10px;}

/** Advanced Yarn Search Left Menu Form Fields **/
#formBox{
	margin-top:5px;
}

#formBox input{
	vertical-align:middle;
}

html>body #formBox input{
	vertical-align:middle;
}

#formBox .smallText{
	font-size:12px;
}

html>body #formBox .smallText{
	font-size:12px;
}

#formBox .input2{
	width:22px;
	vertical-align:middle;
	margin-top:5px;
}

#formBox .input3{
	width:32px;
	vertical-align:middle;
	margin-top:5px;
}

#formBox .input4{
	width:42px;
	vertical-align:middle;
	margin-top:5px;
}

#formBox .input6{
	width:53px;
	vertical-align:middle;
	margin-top:5px;
}

html>body #formBox .input2{
	width:22px;
	vertical-align:middle;
	margin-top:3px;
}

#formBox .submitYarnForm{
	vertical-align:middle;
	margin-top:3px;
	display:block;
}

html>body #formBox .submitYarnForm{
	vertical-align:middle;
	margin-top:3px;
	display:block;
}

/** Store Results CSS **/
#storeResults td{
	margin:10px;
	padding:2px;
}

#storeResults th{
	text-align:left;
}

#storeResults td.storeAddress{
	background: #F1F6DB;
}

#storeResults .storeName{
	width:200px;
}

#storeResults .storeAddress{
	width:310px;
}

#storeResults .storeContact{
	width:150px;	
}

#storeResults .storeDetails{
	width:50px;
	text-align:center;	
}

/*---------------Advanced Yarn Search ----------------------*/
#searchBlocks {color: #794400; margin: 10px 10px 5px 0px; padding: 5px 0 5px 0; height: auto; width: 600px; background: #E8EFBC; float: left;}
html>body #searchBlocks #newBlocks { color: #794400; margin: 5px 0px 5px 0px; padding: 5px 0 5px 0; height: auto; width: 605px; background: #E8EFBC;float: left;}
#searchBlocks .newYarnImg{max-width:190px;}
#searchBlocks .whatsNewYarnLogo{float:right;margin: 0px 0px 0px 0px;position:relative;}
										
/*-------------NEW YARNS BLOCK------*/
/*-------IE6 Middle Fix------*/
#searchBlocks #newYarnLeft{margin: 0px 5px 0px 5px; padding: 0px; height: auto; float: left; width: 90px; background-color:#E8EFBC; border-right: #F1F6DB 2px solid;}
#searchBlocks #newYarnMiddle{margin: 0px 0px 5px 0px; padding: 5px; height: auto; float:left; width: 180px;border-right: #F1F6DB 2px solid;}												
#searchBlocks #newYarnRight{  margin: 0px 0px 0px 0px; padding: 5px; padding-bottom:30px; height: auto; float: left; width: 90px;}
#searchBlocks #newYarnRight2{  margin: 0px 0px 0px 10px; padding: 0px; height: auto; float: left; width: 140px;}

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #searchBlocks #newYarnLeft{margin: 0px 5px 0px 5px; padding: 0px; height: auto; float: left; width: 100px; background-color:#E8EFBC; border-right: #F1F6DB 2px solid;}
html>body #searchBlocks #newYarnMiddle{margin: 0px 0px 5px 0px; padding: 5px; height: auto; float:left; width: 180px;border-right: #F1F6DB 2px solid;}
html>body #searchBlocks #newYarnRight{  margin: 0px 0px 0px 0px; padding: 5px; padding-bottom:30px; height: auto; float: left; width: 80px;  }
html>body #searchBlocks #newYarnRight2{  margin: 0px 0px 0px 60px; padding: 0px; height: auto; float: left; width: 130px;}


/** Additional Images CSS **/
span.plusSign{
   position:relative;
   z-index: 100;
	top:74px;	
	right:-60px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	margin:0;
	text-decoration:none;
	background:#78a22f;
	padding:0px 3px 0px 3px;
	cursor: hand;
}

span.plusBlankSign{
	top:48px;
	right:1px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	margin:0;
	text-decoration:none;
	padding:0px 3px 0px 3px;
}