/* -----------------------------------*/
/* --------->>> GLOBAL STYLES <<<-----*/
/* -----------------------------------*/

* { padding: 0; margin: 0; list-style:none;}

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; color:#A96D35; background: #D39027 url(../data/site/background.jpg) top left repeat-x;}
#wrapper {  margin: 0px auto;text-align: left; width: 780px;}
#wrapper_shop {  margin: 0px auto;text-align: left; width: 412px;}
#header {width: 780px; float: left; padding: 0px; height: 90px; margin: -10px 0px 0px 0px; background: url(../images/header.jpg) top no-repeat;}
#header_shop {width: 780px; float: left; padding: 0px; height: 90px; margin: -10px 0px 0px 0px; background: url(../images/header.jpg) top no-repeat;}
.errormessage{font-size:18px; font-weight:bold; color:#FFF; 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: #FFF; margin: 0px auto;}
#middlecolumn_shop { height: auto; width: 412px; float: left; background: #FFF; margin: 0px auto;}
#mainColumn {  color: #4C2A05; margin: 0px 0px 0px 10px; padding:10px 0px 15px 0px; height: auto; width: 770px; float: left; background: #FFF;}

/*------------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:#4C2A05;
font-size:14px;
line-height:20px;
}

/*----------Header Elements----------------------------------------*/
.logo {width: 275px; float: left; height: 55px; margin:20px 0px 0px 0px; position:relative;}
img, div {behavior: url(includes/iepngfix.htc); margin:0; padding:0;}
#signIn { float: right; padding:10px; margin:10px 0px 0px 0px; color: #666; font-size:12px;}
#signIn_shop { float: right; padding:10px; margin:10px 0px 0px 0px; color: #666; font-size:12px;}
hr {border: 0; width: 100%; background-color: #CCC; height: 1px; margin-bottom:5px; margin-top:5px;}
a.signUp {color: #A96D35; text-decoration: none;}
a.signUp:link {color: #A96D35;}
a.signUp:visited {color: #D39027;}
a.signUp:hover {color: #D39027; text-decoration:underline;}
a.signUp:active {color: #D39027;}
.signUp img {vertical-align: middle;}

a.whatsNew {color: #FFF; text-decoration: underline; font-size:12px}
a.whatsNew:link {color: #FFF;}
a.whatsNew:visited {color: #333;}
a.whatsNew:hover {color: #A96D35; text-decoration:underline;}
a.whatsNew:active {color: #A96D35;}


/*----------Main Menu Navigation-------------------------------------*/
#navigation { float: left; width: 780px; padding: 15px 0px 10px 0px; margin: 0px 0px 0px 0px; background: #FFFFFF; z-index:998;}

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

a:link { color: #A96D35; text-decoration: underline;}
a:visited { color: #A96D35;}
a:hover { color: #D39027; text-decoration: underline;}
a:active { color: #D39027;}	
	
/*----------FOOTER-----------------------------------------------------*/
#footer { width: 780px; clear: both; color: #666; background: #FFF; height: 66px; padding: 0px; margin: 0px;}
#footerNav {float:left; padding-left:25px; margin-top:25px; padding-bottom:15px;}
a.footerNav {color: #666; text-decoration: underline; font-size:12px}
a.footerNav:link {color: #666;}
a.footerNav:visited {color: #A96D35;}
a.footerNav:hover {color: #D39027; text-decoration:underline;}
a.footerNav:active {color: #D39027;}												
#copyright {float:right; font-size:10px; padding-right:15px; margin-top:30px; padding-bottom:15px;}
a.copyright {color: #999;}
a.copyright:link {color: #999;  text-decoration: none;}
a.copyright:visited {color: #A96D35;}
a.copyright:hover {color: #D39027; text-decoration:underline;}
a.copyright:active {color: #D39027;}	


/* -----------------------------------*/
/* --------->>> HOME PAGE <<<-----*/
/* -----------------------------------*/	
/*------------HOME PAGE STRUCTURE-----------------------*/											
#leftcolumn { margin: 0px 0px 0px 0px; padding:10px 0px 0px 0px; height: auto; width: 400px; float: left; background: #FFF;}
#rightcolumn {  float: right; margin: 0px 0px 0px 0px; padding: 5px; height: auto; width: 340px; display: inline; background: #FFF;}

.newYarnBlock{background:#F1DDBD; width:195px; height:240px; float:left; position:relative; margin:0 0 0 0px; padding-top:10; z-index:12;}
.newPatternBlock{ background:#F1DDBD; width:195px; height:240px; float:left; position:relative; margin:0 0 0 5px;padding-top:10; z-index:11;}
.newTransparentBlock {color: #FFF; font-size:14px; position:absolute; background:#D39027; width:180px; margin-top:-10px; padding:10px 4px 10px 10px; z-index:490; filter:alpha(opacity=90); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.newPatternTransparentBlock {color: #FFF; font-size:14px; position:absolute; background:#D39027; width:180px; margin-top:-75px; padding:5px 4px 5px 10px; z-index:490; filter:alpha(opacity=90); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

#baserow {  color: #333; margin: 0px 0px 0px 0px; padding-top: 15px; padding-bottom:10px; height: auto; width: 780px; background: #FFF; float: left;}
#top_home_image {margin: 0px 0px 0px 0px; padding-top: 10px; padding-bottom:10px; height: auto; width: 780px; float: left; z-index:400;}
.welcomeText { color: #FFF; font-size:14px; padding:5px 3px 5px 7px; position:absolute; z-index:480; width:750px; height:auto; margin:245px 0 0 0;}
h2.welcomeText {color: #FFF; font-size:22px; padding:0px 0px 5px 0px; position:absolute; z-index:482; margin:-30px 0 0 0;}

.welcomeTransparent {width: 752px; height:90px; float:left; position:absolute; z-index:450;background:#D39027; margin:221px 0 0 0 ; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;
}

a.welcome {color: #FFF; text-decoration: underline; font-size:14px}
a.welcome:link {color: #FFF;}
a.welcome:visited {color: #ccc;}
a.welcome:hover {color: #333; text-decoration:underline;}
a.welcome:active {color: #333;}

/*------------HOME PAGE Typography-----------------------*/
.clear{margin:0; padding:0; clear:both;}
.announcementPost{border-bottom:0px solid #cbb677; margin:0 0 20px 0;}
#announcements {color: #4C2A05; margin: 0px 0px 0px 0px; padding: 5px; height: auto; float: left; line-height:18px;}
#announcements img {  margin: 0px 0px 0px 0px; padding: 5px; height: auto; float: left; height: 80px;}
#announcements h4 { font-size:14px; font-weight:bold; padding:1px; margin:0; color:#A96D35; }

#survey { float: left; position:relative; padding:10px; color: #FFF; font-size:14px; background-color:#D39027; width:380px;}
.surveyTitle{color:#FFF; font-size:20px; font-weight:bold; margin:0px 0px 5px 0px;}
.pollQuestion{color:#FFF; font-size:16px; font-weight:bold; margin:0px 0px 5px 0px;}
.surveyBTN { color: #FFF; 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: 226px; background-color:#F2EBDD;}
#boxLeft p {  color: #A96D35;}
#boxLeft img {  margin: 3px; padding: 0px; float: left;}
#boxMiddle p {color: #A96D35;}
#boxMiddle img {  margin: 3px; padding: 0px; float: left;}
#boxRight p { color: #A96D35;}
#boxRight img { margin: 3px; padding: 0px; float: left;	}
#boxMiddle{  margin: 0px 0px 0px 0px; padding: 10px; height: auto; float:left; width: 246px; background-color:#FFF;  border-left: #CBB677 1px solid;}
#boxRight{ margin: 0px 0px 0px 0px; padding: 10px; height: auto; float: right; width: 226px; background-color:#FFFFFF; border-left: #CBB677 1px solid;}
/*-------IE 7 FIX------*/
*:first-child+html #boxLeft{  margin: 0px 3px 0px 5px; padding: 10px; height: auto; float: left; width: 236px; background-color:#F2EBDD;}
*:first-child+html #boxMiddle{  margin: 0px 0px 0px 0px; padding: 10px; height: auto; float:left; width: 236px;background-color:#FFF; border-left: #CBB677 1px soliid;	}
*:first-child+html #boxRight{margin: 0px 0px 0px 0px; padding: 10px; height: auto; float: right; width: 236px; background-color:#FFFFFF;  border-left: #CBB677 1px solid;}
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #boxLeft{  margin: 0px 3px 0px 5px; padding: 10px; height: auto; float: left; width: 236px; background-color:#F2EBDD;}
html>body #boxMiddle{  margin: 0px 0px 0px 0px; padding: 10px; height: auto; float:left; width: 236px; background-color:#FFF;  border-left: #CBB677 1px solid;}
html>body #boxRight{margin: 0px 0px 0px 0px; padding: 10px; height: auto; float: right; width: 236px; background-color:#FFFFFF; border-left: #CBB677 1px solid;}
/* -----------------------------------*/
/* --------->>> YARN DETAILS <<<-----*/
/* -----------------------------------*/
/*---------------YARN DETAIL STRUCTURE----------------------*/
#top_image {margin: 0px 0px 0px 0px; padding-top: 10px; padding-bottom:10px; height: auto; width: 780px; float: left;}
/*-------IE6 Left Fix------*/
#leftYarnDetailColumn { color: #4C2A05; margin: 0px 0px 0px 8px; padding: 5px; height: auto; width: 190px; float: left; background: #FFF;}
#centerYarnDetailColumn {  float: left; margin: 0px 0px 0px 0px; padding: 2px; height: 100%; min-height:auto; width: 150px; background: #FFF;}
#tabYarnDetailColumn {  float: right; margin: 0px 5px 0px 0px; padding: 0px; height: auto; width: 495px; background: #FFF;}
#rightYarnDetailColumn {  float: right; margin: 8px 15px 0px 0px; padding: 5px; height: auto; width: 330px; display: inline; background: #FFF;}

/*-------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: #FFF;}								
html>body #centerYarnDetailColumn {  float: left; position:relative; margin: 0px 0px 0px 0px; padding: 5px; height: auto; width: 140px; background: #FFF;}
html>body #tabYarnDetailColumn {  float: right; margin: 0px 15px 0px 0px; padding: 0px; height: auto; width: 510px; background: #FFF;}

/*-------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 #CCC; margin:0px 0px 0px 0px; padding:5px; width:520px; height:auto;float:left; }

/*-------ALL OTHER BROWSER SUPPORT FOR LEFT YARN DETAIL COLUMN------*/
html>body #rightYarnDetailColumn {  float: right; margin: 8px 15px 0px 0px; padding: 5px; height: auto; width: 330px; display: inline; background: #FFF;}
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 #CCC; 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:#F2F2F2;}
.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 61px;}
html>body .crochetIcons{height:56px; width:37px; white-space:nowrap; float:right; position:absolute; margin:-56px 0px 0px 61px; }
.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 #6a3c09;}
#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: #FFF; }
#navlist li a:visited { color: #FFF; }
#navlist li a:hover{color: #FFF; background: url(../images/menu_Up.gif) top left no-repeat;}
#navlist li a#active{background: url(../images/menu_Up.gif) top left no-repeat;}
/*-----------YARN DETAIL TAB MENU OTHER BROWSERS---------*/
html>body #navcontainer{float: right; position:relative; padding-top:12px; border-bottom: 3px solid #6a3c09;}
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: #FFF; }
html>body #navlist li a:visited { color: #FFF; }
html>body #navlist li a:hover{color: #FFF; 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;}

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

/*-----------Pagination: Digg Style FOR YARN DETAIL & PATTERNS------------*/
/*-----------Pagination: Digg Style IE 6 FIX------------*/	
#pagination ul { width: auto; background: #000; border:0; margin:0; padding:0; float:left; }
#pagination li { border:0; margin:0; padding:0; font-size:10px; list-style:none; /* savers */ float:left; }
#pagination a  { border:solid 1px #A96D35; 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: #CBB677; color:#4C2A05; font-weight:bold; float:left; position: relative; padding:0px 0px 0px 0px; margin:0px 2px 0px 0px; width:13px; }
#pagination .activeNum { background: #CBB677; color:#4C2A05;  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:#A96D35; display:block; float:left; padding:1px 4px; text-decoration:none; }
#pagination a:visited   { color:#A96D35; display:block; float:left; padding:1px 4px; text-decoration:none; }
#pagination a:hover     { border:solid 1px #A96D35; background-color: #D39027; }
#pagination .display{ color:#4C2A05; 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: 300px; background: #000; border:0; margin:0; padding:0; float:left; }
html>body #pagination li { border:0; margin:0; padding:0; font-size:10px; list-style:none; /* savers */ float:left; }
html>body #pagination a  { border:solid 1px #A96D35; 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: #CBB677; color:#4C2A05; font-weight:bold; display:block; float:left; padding:0px 0px 0px 0px; margin-right:2px;  width:15px; }
html>body #pagination .activeNum { background: #CBB677; color:#4C2A05;  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:#A96D35; display:block; float:left; padding:1px 4px; text-decoration:none; }
html>body #pagination a:visited   { color:#A96D35; display:block; float:left; padding:1px 4px; text-decoration:none; }
html>body #pagination a:hover     { border:solid 1px #A96D35; background-color: #D39027; }
html>body #pagination .display{ color:#4C2A05; 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:solid 0px #A96D35; 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:#4C2A05; font-weight:bold; float:left; position: relative; padding:0px 0px 0px 0px; margin:0px 2px 0px 0px; width:13px; }
#pageFilter .activeNum {color:#4C2A05;  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:#A96D35; display:block; float:left; padding:1px 4px; text-decoration:none; }
#pageFilter a:visited   { color:#A96D35; display:block; float:left; padding:1px 4px; text-decoration:none; }
#pageFilter a:hover     { color:#4C2A05;}
#pageFilter .display{ color:#4C2A05; 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:48px; position:relative;}
td.swatch { margin:5px;}
p.swatch {color:#4C2A05; font-size:10px; padding:3px 0 4px 3px; display:block; height:75px;} 
/*-------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 35px 3px; display:block; height:74px;}   

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

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

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

/*---------------WHATS NEW PAGE ELEMENTS----------------------*/
.rssIcon {float:left; border:0; margin:0px 5px 0 0; background:#FFF;}
html>body .rssIcon {float:left; border:0; margin:0px 5px 0 0; padding:5px 5px 0 0; background:#FFF;}
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: #333; margin: 10px 10px 5px 0px; padding: 5px 0 5px 0; height: auto; width: 740px; background: #FFF; float: left;}
html>body #newBlocks {  color: #333; margin: 5px 0px 5px 0px; padding: 5px 0 5px 0; height: auto; width: 760px; background: #FFF;float: left;}
.newYarnImg{max-width:190px;}
.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:#FFF; border-right: #CBB677 2px solid;}
#newYarnMiddle{margin: 0px 0px 5px 0px; padding: 5px; height: auto; float:left; width: 350px;border-right: #CBB677 2px solid;}												
#newYarnRight{  margin: 0px 0px 0px 0px; padding: 5px; padding-bottom:30px; height: auto; float: left; width: 90px;}
#newYarnRight2{  margin: 0px 0px 0px 10px; padding: 0px; height: auto; float: left; width: 100px;}

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #newYarnLeft{margin: 0px 5px 0px 5px; padding: 0px; height: auto; float: left; width: 100px; background-color:#FFF; border-right: #CBB677 2px solid;}
html>body #newYarnMiddle{margin: 0px 0px 5px 0px; padding: 5px; height: auto; float:left; width: 390px;border-right: #CBB677 2px solid;}
html>body #newYarnRight{  margin: 0px 0px 0px 0px; padding: 5px; padding-bottom:30px; height: auto; float: left; width: 100px;  }
html>body #newYarnRight2{  margin: 0px 0px 0px 20px; padding: 0px; height: auto; float: left; width: 110px;}

/*-------------NEW FREE PATTERNS BLOCK------*/
/*-------IE6 Middle Fix------*/
#newFreePatternsLeft{ margin: 0px 5px 15px 5px; padding: 0px; height: auto; float: left; width: 120px;}
#newFreePatternsMiddle{ margin: 0px 0px 5px 0px; padding: 15px; height: auto; float:left; width: 250px; border-right: #CBB677 1px solid; background-color:#f0e5c4;border-left: #CBB677 1px 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:#FFF;}

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #newFreePatternsLeft{  margin: 0px 5px 15px 5px; padding: 0px; height: auto; float: left; width: 125px;  }
html>body #newFreePatternsMiddle{  margin: 0px 0px 5px 15px; padding: 5px; height: auto; float:left; width: 280px;border-right: #CBB677 1px solid; border-left: #CBB677 1px solid;background-color:#f0e5c4;}
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: 3px;height: auto; float: right; width: 185px;}
		
/*-------------NEW PATTERN BOOK BLOCK------*/
/*-------IE6 Middle Fix------*/
#newPatternBookLeft{ margin: 0px 5px 0px 5px; padding: 0px; height: auto; float: left;width: 140px; border-right: #CBB677 1px solid}
#newPatternBookMiddle{  margin: 0px 0px 0px 0px; padding: 5px; height: auto; float:left; width: 190px; vertical-align:top;}												
#newPatternBookRight{   margin: 0px 0px 10px 0px; padding: 5px; padding-bottom:30px; height: auto; float: left; width: 150px; border-left: #CBB677 1px solid;border-right: #CBB677 1px solid;}
#newPatternBookRight2{  margin: 0px 5px 0px 0px; padding: 5px; height: auto; float: right; width: 200px; background:#FFF;}

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

/** Pattern Book's Yarn Images CSS on Whatsnewpage**/
#newPatternBookYarns{
	float:left;
	height:90px;
	width:90px;
	margin: 0px 3px 0px 0px;
}
a.patternBooks {color: #A96D35;  font-size:11px;display: block;}
a.patternBooks:link {color: #A96D35;  text-decoration: none;}
a.patternBooks:visited {color: #D39027;}
a.patternBooks:hover {color: #4C2A05; text-decoration:underline;}
a.patternBooks:active {color: #A96D35;}


/*-------------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;}

.smallPrint{font-size:10px;color:#4C2A05;float:left;padding-top:5px;}
.smallLabelPrint{font-size:10px;color:#4C2A05;float:left;margin: 0px 0px 0px 170px;}
.newsletterTag {position:relative;z-index:995;float:left;}
/*---------UNORDRED NEWSLETTER ARCHIVE LIST----*/
/*-------IE6 Middle Fix------*/
.newsletterArchive {width:400px;padding:0px;margin:0px;float:left;position:relative;}
.newsletterArchive li {list-style:none; color:#4C2A05;}

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body .newsletterArchive {width:400px; padding:0px; margin:0px; float:left; position:relative;}
html>body .newsletterArchive li {list-style:none; color:#4C2A05;}


/* -----------------------------------*/
/* --------->>> 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: #FFF; border-right: #CBB677 1px solid;}
#rightcolumnPB {  color: #4C2A05; margin: 10px 0px 0px 0px; padding:10px 4px 0px 10px; height: auto; width: 595px; float: left; background: #FFF;}
#rightcolumnPB_shop {  color: #4C2A05; margin: 0px; padding:0px; height: auto; width: 412px; float: left; background: #FFF;}
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: #FFF; border-right: #CBB677 1px solid;}
html>body #rightcolumnPB {  color: #4C2A05; margin: 10px 0px 0px 0px; padding: 10px 4px 0 10px; height: auto; width: 595px; float: left; background: #FFF;}
html>body #rightcolumnPB_shop {  color: #4C2A05; margin: 0px; padding: 0px; height: auto; width: 412px; float: left; background: #FFF;}
/*----------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:#A96D35;}
.patternBookSubMenu li h4 { color:#A96D35; height:auto; margin:10px 0 0 0; position:relative; display:block; text-decoration: none; list-style: none;}
.patternBookSubMenu li a {height: 5px; text-decoration: none; list-style: none; display:block}	
.patternBookSubMenu li a:link, .patternBookSubMenu li a:visited { color: #A96D35; display: block; background: #FFF; border-bottom:1px solid #f0e5c4; list-style: none; padding: 3px 0 3px 5px; }
.patternBookSubMenu li a:hover {color: #A96D35; background: #f0e5c4; list-style: none; border-bottom:1px solid #CBB677; padding: 3px 0 3px 5px;}	
/*-------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 { color:#A96D35; 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: #A96D35; display: block; list-style: none; background: #FFF; border-bottom:1px solid #f0e5c4; padding: 3px 0 3px 5px;}
html>body .patternBookSubMenu li a:hover {color: #A96D35; list-style: none; background: #f0e5c4; border-bottom:1px solid #CBB677; padding: 3px 0 3px 5px;}

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

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

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

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

a.showHide {color: #A96D35; text-decoration: underline; font-size:10px; font-weight:normal;}
a.showHide:link {color: #A96D35;}
a.showHide:visited {color: #A96D35;}
a.showHide:hover {color: #CBB677; text-decoration:none;}
a.showHide:active {color: #CBB677;}
		
/*----------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: #FFF; vertical-align:top; min-height:35em; height:auto !important; height:36em; border-right:.5px solid #E8E8E8;}
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #pbGridLeft{  margin: 0 .2em 1em 0em; padding: 2px; min-height: 36em; float: left;width: 10em;  background: #FFF; 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: #A96D35; text-decoration: underline; font-size:10px}
a.showMe:link {color: #A96D35;}
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:#f0e5c4; padding:5px; margin:5px; color:#A96D35;}

/*----------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 0em; padding: 1px; float: left; width: 9em; background: #FFF; vertical-align:top; min-height:38em; height:auto !important; height:38em;	border-right:.5px solid #E8E8E8;}
#pGridLeft_shop{  margin: 0 0em 1em 0em; padding: 1px; float: left; width: 9em; background: #FFF; vertical-align:top; min-height:38em; height:auto !important; height:38em;	border-right:.5px solid #E8E8E8;}
#pGridLeft_cp{  margin: 0 0em 1em 0em; padding: 1px; float: left; width: 9em; background: #FFF; vertical-align:top; min-height:32em; height:auto !important; height:32em;	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: #FFF; vertical-align:top; border-right:1px solid #E8E8E8;}
html>body #pGridLeft_shop{ margin: 0 .2em 1em 0em; padding: 2px; min-height: 36em; float: left; width: 10em;  background: #FFF; vertical-align:top; border-right:1px solid #E8E8E8;}
html>body #pGridLeft_cp{ margin: 0 .2em 1em 0em; padding: 2px; min-height: 32em; float: left; width: 10em;  background: #FFF; vertical-align:top; border-right:1px solid #E8E8E8;}
	
.yarnsUsed{ margin: 0em 0em 0em 0em; padding: 4px; min-height: 0em; float: left; width: 10em;  background: #FFF; vertical-align:top; font-size:11px; }
.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:#f0e5c4; padding:5px; margin:5px; color:#A96D35; 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:#f0e5c4; padding:5px; margin:5px; color:#A96D35; 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: #e8e8e8; vertical-align:top; min-height:25em;
height:auto !important; height:25em; border-right:1px solid #E8E8E8;}
#yarnsGridStore{ 
	margin: 0px .1em 1em .1em;
	padding: 3px;
	float: left;
	min-width: 10em; 
	width:auto !important;
	width:10em;
	background: #FFF;
	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: 22em; float: left; min-width: 11em;  background: #FFF; 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: #FFF;
	vertical-align:top;
	border-right:1px solid #E8E8E8; 
}	
.yarnBallGrid {padding: 5px 0px 5px 0px;margin: 2px 2px 2px 2px; width:160px; height:auto; background:#F2F2F2;}
.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 { text-align:center; 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:#f0e5c4; padding:5px 0px 5px 5px; margin:0px 0px 5px 0px; color:#A96D35; font-size:16px; font-weight:bold; width:90%;}


/* ------------------------------------------------*/
/* --------->>> MEMBERSHIP LOGIN <<<--------------------*/
/* -----------------------------------------------*/
.memberSignIn{padding:5px; margin:5px 5px 5px 50px; color:#A96D35; 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:#A96D35; 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:#A96D35; font-size:12px; font-weight:bold; width:500px; height:auto; }
.forgetPass{margin-left:165px;}

/*----------MEMBERSHIP ELEMENTS-----------------------------------------------------*/
.membersMSG{ background:#f0e5c4; padding:5px 0px 5px 5px; margin:0px 0px 5px 0px; color:#A96D35; 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: #333; margin: 20px 0px 0px 0px; padding: 0px 0px 5px 5px; min-height: 100%; width: 175px; display: inline; background: #FFF; border-right: #CBB677 1px solid;}
#rightcolumnMember {  color: #4C2A05; margin: 10px 0px 0px 0px; padding:0px 4px 0px 10px; height: auto; width: 555px; float: left; background: #FFF;}
#memberGrid{  margin: 0px .1em 1em .1em; padding: 3px; float: left; width:11em; min-width: 10em;  width:auto !important; background: #e8e8e8; vertical-align:top;  min-height:16em;  	height:auto !important; height:18em;}

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #leftcolumnMember {  float: left; color: #333; margin: 20px 0px 0px 0px; padding: 0px 0px 5px 5px; height: 100%; width: 175px; display: inline; background: #FFF; border-right: #CBB677 1px solid;}
html>body #rightcolumnMember {  color: #4C2A05;margin: 10px 0px 0px 0px; padding:0px 4px 0px 10px; height: auto; width: 555px; float: left; background: #FFF;}
html>body #memberGrid{ margin: 0px .3em .5em 0; padding: 3px; min-height: 20em; float: left; position:relative; width: 13em;  min-width:11em; width:auto !important; background: #e8e8e8; vertical-align:top;}
.memberImgGrid { padding: 5px 5px 5px 5px; margin: 2px 2px 2px 2px; width:160px; height:auto;background:#F2F2F2;}	

/*----------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: #A96D35; display: block; background: #FFF; border-bottom:1px solid #CBB677; padding: 8px 0px 2px 10px; margin: 0px 0px 0px 0px;font-size:12px;}	
.memberMenu li a:hover {color: #A96D35; background: #CBB677; border-bottom:1px solid #CBB677; 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: #A96D35; display: block; background: #FFF; border-bottom:1px solid #CBB677; padding: 8px 0px 2px 10px; margin: 0px 0px 0px 0px; font-size:12px;}	
html>body .memberMenu li a:hover { color: #A96D35; background: #CBB677; border-bottom:1px solid #CBB677; 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: #FFF; float: left;}
.followingYarnsHead{background:#f0e5c4; 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:#FFF;}
#disconBoxMiddle{ margin: 0px 0px 0px 0px; padding: 10px; height: auto; float:left; width: 246px; background-color:#FFF;}
#disconBoxRight{ margin: 0px 0px 0px 0px; padding: 10px; height: auto; float: right; width: 226px; background-color:#FFF;}	
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #disconBoxLeft{ margin: 10px 0px 0px 0px; padding: 0px; height: auto; float: left; width: 220px; background-color:#FFF;}
html>body #disconBoxMiddle{margin: 0px 3px 0px 5px; padding: 10px; height: auto; float:left; width: 230px; background-color:#FFF;}
html>body #disconBoxRight{margin: 0px 3px 0px 5px; padding: 10px; height: auto; float: left; width: 240px; background-color:#FFF;}
html>body #disconTitleBox{margin: 0px 0px 5px 5px; padding: 0px 0px 0px 0px; float:left; width: 520px; background-color:#FFF;	 border-bottom: 2px solid #4C2A05;}

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


/*----------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: #FFF;}
#rightcolumnE-T {  color: #4C2A05; margin: 20px 0px 0px 0px; padding: 10px 4px 0px 10px; height: auto; width: 450px; float: left; background: #FFF;}

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

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

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

html>body #newPbSearchRight{margin: 0px 0px 15px 0px; padding: 0px 5px 0px 5px; height: auto; float: left; width: 240px; border-left: #CBB677 1px solid;}


/*----------ELTAILER STRUCUTRE---------------------------------------------------*/
#leftcolumnET {float: left; color: #4C2A05; margin: 20px 0px 0px 0px; padding: 0px 0px 5px 5px; height: auto; position:relative; width: 230px; display: inline; background: #FFF; 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: #FFF;}

html>body #leftcolumnET {  float: left; color: #4C2A05; margin: 20px 0px 0px 0px; padding: 0px 0px 5px 5px; height: auto; position:relative; width: 230px; display: inline; background: #FFF; 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: #FFF;}
	
/*---------------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: #FFF; float: left;}
#PbSearchLeft{ margin: 0px 3px 0px 3px; padding: 3px; height: auto; float: left; width: 130px;}
#PbSearchMiddle{margin: 0px 0px 10px 0px; padding: 0 5px 0 5px; height: auto; float:left; width:260px;}
#PbSearchRight{margin: 0px 0px 5px 10px; padding: 5px; padding-bottom:30px; height: auto; float: left; width: 130px; border-left: #CBB677 1px solid;}

html>body #PbSearchBlocks {color: #333; margin: 5px 0px 5px 0px; padding-top: 5px; padding-bottom:5px; height: auto; width: 600px; background: #FFF; float: left;}
html>body #PbSearchLeft{margin: 0px 3px 0px 3px; padding: 3px;	height: auto; float: left; width: 140px;}												
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: #CBB677 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: #4C2A05; font-size:11px; text-decoration:none; font-weight:bold; background:#f0e5c4; padding:3px; margin:5px 0 5px 0;}
a.colourChangerLabel:visited {color: #333; background:#f0e5c4;font-size:11px; text-decoration:none; font-weight:bold; padding:3px; margin:5px 0 5px 0;}
a.colourChangerLabel:hover {color: #4C2A05; background:#Cbb677; font-size:11px; text-decoration:none; font-weight:bold; padding:3px; margin:5px 0 5px 0;}
a.colourChangerLabel:active {color: #333; background:#f0e5c4; 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: #f0e5c4;
}

#storeResults .storeName{
	width:200px;
}

#storeResults .storeAddress{
	width:310px;
}

#storeResults .storeContact{
	width:150px;	
}

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

/*---------------Advanced Yarn Search ----------------------*/
#searchBlocks {  color: #333; margin: 10px 10px 5px 0px; padding: 5px 0 5px 0; height: auto; width: 595px; background: #FFF; float: left;}
html>body #searchBlocks #newBlocks {  color: #333; margin: 5px 0px 5px 0px; padding: 5px 0 5px 0; height: auto; width: 605px; background: #FFF;float: left;}
html>body #searchBlocks #newYarnLeft{margin: 0px 5px 0px 5px; padding: 0px; height: auto; float: left; width: 100px; background-color:#FFF; border-right: #CBB677 2px solid;}
#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:#FFF; border-right: #CBB677 2px solid;}
#searchBlocks #newYarnMiddle{margin: 0px 0px 5px 0px; padding: 5px; height: auto; float:left; width: 240px;border-right: #CBB677 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: 100px;}


/** Additional Images CSS **/
span.plusSign{
	position: relative;
	z-index: 950;
	top:74px;	
	right:-60px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	margin:0;
	text-decoration:none;
	background:#a96d35;
	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;
}