body { background:url(../images/body_bgrd.gif) top left repeat-x; background-color:#FFF; font: normal 8pt 'Tahoma';}


#main { width:960px; margin:auto; padding:0;background-color:#faf9f7; border:1px solid #cccccc}

.header { width:960px; height:137px; background:url('../images/creativeyarns-header1.jpg') top left no-repeat; clear:both; margin:0; padding:0; border:0; }

#login { float:right; background:url('../../images/login_bgrd.png') top left no-repeat; width:240px; height:87px; margin:25px 20px 0 0; padding:4px 10px 0 10px;}
	
	#login form input { background:url('../../images/input_bgrd.png') top left no-repeat; width:154px; height:19px; border:0; color:#a1a1a1; font:italic 8pt "Trebuchet MS"; margin:6px 0 0 0; padding:4px 0 0 10px;}
	#login .submit { background:url('../../images/btn_login.png') top left no-repeat; width:51px; height:18px; margin:5px 0 0 0; padding:0; border:0; color:#fff; font-style:normal; font-weight:bold; cursor:pointer;}
	
.topmenu { background:url(../images/menu_bgrd.jpg) top left no-repeat; width:960px; height:28px; margin:0; padding:0; border:0 }
.footer { margin-top:10px }

.left { width:720px; float:left; }

.left2 { width:959px; float:left; background-color:#fff; }

.right { width:239px; float:left; }

.tabbedboxes { border-top:1px dotted #333333 }

.pad10 { padding:0 10px 10px 10px }
.pad20 { padding:5px 20px 20px 20px }
.pad1020 { padding:10px 20px 20px 20px }

.pad20 ul li { list-style-type:disc; color:#73002c }

h1 { font-family:Arial, Helvetica, sans-serif; font-size:12pt; color:#333333; margin:0; padding:0; border:0  }
.right h1 { color:#73002c; font-size:9pt; padding:0; margin:0; border:0 }
h2 { padding:0; margin:0; border:0; color:#ae9c78; font-size:8pt;   }
.right h2 { padding:0; margin:0; border:0; color:#ae9c78; font-size:8pt; }
#login h2 { color:#74002d; font:bold 11pt "Trebuchet MS";}


p { font: normal 8pt 'Tahoma'; color:#333333;}
.pad20 p { line-height: 180% }
#login p { margin:3px 0; padding:0;}

.date { font-size:7pt }

th { text-align:left; color:#333; font-size:14px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#ededed }
.basket td { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }

.reg_forgot { text-align:right; color:#74002d; margin:0 0 0 45px; padding:0;}

/* FAILED LOGIN */
#fail form input { background:url('../../images/input_bgrd.png') top left no-repeat; width:154px; height:19px; border:0; color:#a1a1a1; font:italic 8pt "Trebuchet MS"; margin:6px 0 0 0; padding:4px 0 0 10px;}
#fail .submit { background:url('../../images/btn_login.png') top left no-repeat; width:53px; height:20px; margin:5px 0 0 0; padding:0; border:0; color:#fff; font-style:normal; font-weight:bold; cursor:pointer;}	
#fail .submit { background:url('../images/btn_login.png') top left no-repeat; width:51px; height:18px; margin:5px 0 0 0; padding:0; border:0; color:#fff; font-size:8pt; cursor:pointer;}

/* MEMBER HOME PAGE */
#memberhome_table table { border:none;}
#memberhome_table tr td {font:normal 9pt Tahoma, Geneva, sans-serif;}

.footer a { font: normal 8pt 'Tahoma'; margin:0; padding:0; border:0; color:#999999; text-decoration:none}
.footer a:hover { text-decoration:underline }


/* SHOP.PHP */
#cat_holder {width:100%;}

.cats a { color:#74002d; text-decoration: none; font-family: tahoma; font-size: small}
.cats a:link {color:#74002d; text-decoration: none; }
.cats a:visited {color:#74002d; text-decoration: none;}
.cats a:hover {color:#74002d; text-decoration: underline; }
.cats a:active {color:#74002d; text-decoration: none; }

#catdescription { margin:0 40px 10px 40px; padding:20px; border:1px solid #ccc}
#catdescription img { float:right; margin:0 0 15px 30px;}
#catdescription h1 { color:#74002d; font-size:14pt;}


img { border:0 }


.toplevelcats UL {
	margin: 0px;
	list-style-type: none

}
.toplevelcats LI {
	margin: 0px;
	padding:0;
	list-style:none
}
.toplevelcats A {
	display: block;
	color: #73002c;
	text-decoration: none;
	font: 'Tahoma';
	font-size: 9pt;
	font-weight: normal;
	text-decoration:none;
	margin-bottom:8px

}
.toplevelcats A:hover {
	color: #ae9c78;
	text-decoration: underline;
}




.toplevelcats2 UL {
	margin: 0px;
	list-style-type: none

}
.toplevelcats2 LI {
	margin-left: 40px;
	padding:0;
	list-style:none
}
.toplevelcats2 A {
	display: block;
	color: #73002c;
	text-decoration: none;
	font: 'Tahoma';
	font-size: 8pt;
	font-weight: normal;
	text-decoration:none;
	margin-bottom:2px

}
.toplevelcats2 A:hover {
	color: #ae9c78;
	text-decoration: underline;
}


.toplevelcats3 UL {
	margin: 0px;
	list-style-type: none

}
.toplevelcats3 LI {
	margin-left: 40px;
	padding:0;
	list-style:none
}
.toplevelcats3 A {
	display: block;
	color: #73002c;
	text-decoration: none;
	font: 'Tahoma';
	font-size: 7pt;
	font-weight: normal;
	text-decoration:none;
	margin-bottom:2px

}
.toplevelcats3 A:hover {
	color: #ae9c78;
	text-decoration: underline;
}
a { color:#74002d; text-decoration: none; margin:0; padding:0;}
a:link {color:#74002d; text-decoration: none; margin:0; padding:0;}
a:visited {color:#74002d; text-decoration: none; margin:0; padding:0;}
a:hover {color:#74002d; text-decoration: underline; margin:0; padding:0;}
a:active {color:#74002d; text-decoration: none; margin:0; padding:0;}

#prod_list a { color:#fff; text-decoration: none; margin:0; padding:0;}
#prod_list a:link {color:#fff; text-decoration: none; margin:0; padding:0;}
#prod_list a:visited {color:#fff; text-decoration: none; margin:0; padding:0;}
#prod_list a:hover {color:#fff; text-decoration: underline; margin:0; padding:0;}
#prod_list a:active {color:#fff; text-decoration: none; margin:0; padding:0;}

.reg_forgot a { color:#74002d; text-decoration: none; margin:0; padding:0; font-size:7.5pt}
.reg_forgot a:link {color:#74002d; text-decoration: none; margin:0; padding:0;}
.reg_forgot a:visited {color:#74002d; text-decoration: none; margin:0; padding:0;}
.reg_forgot a:hover {color:#74002d; text-decoration: underline; margin:0; padding:0;}
.reg_forgot a:active {color:#74002d; text-decoration: none; margin:0; padding:0;}

ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	padding:0;
	margin:0;
}

/* predictive search */

#result {
	height:20px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	padding:5px;
	margin-bottom:10px;

}
#searchword{
	padding:3px;
	border:1px #CCC solid;
	font-size:17px;
}
.suggestionsBox {
	position: relative;
	left: 0px;
	/*top:188px; */
	margin: 0px 0px 0px 0px;
	width: 456px;
	padding:0px;
	background-color: #000;
	border-top: 3px solid #000;
	color: #fff;
	z-index:20;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
	overflow:auto;
	height:300px;
}
.suggestionList ul li {
	list-style:none;
	margin: 0px;
	padding: 6px;
	border-bottom:1px dotted #666;
	cursor: pointer;
}
.suggestionList ul li:hover {
	background-color: #333;
	color:#000;
}
.suggestionList ul li a { color:#FFF; text-decoration:none }
.suggestionList a:hover { color:#fff; text-decoration:none }


.load{
background-image:url(autosuggest/loader.gif);
background-position:right;
background-repeat:no-repeat;
}

#searchlist #selectedItem
			{
				background: #333;
				color: #000;
				text-decoration:none
			}
			
#searchlist #selectedItem a
			{
				background: #333;
				color: #000;
				text-decoration:none
			}

#suggest {
	position:relative;
}


.confirmorder {  background:url('../images/confirmbutton.gif') top left no-repeat; width:162px; height:28px; margin:5px 0 0 0; padding:0; border:0; color:#fff; font-size:8pt; cursor:pointer; }

#mainpager a { color:#666666; font:bold 10px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:none; border:#d7d7d7 1px solid; padding:3px; background-color:#f9f9f9;}
#mainpager a:link { color:#666666; font:bold 10px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:none;}
#mainpager a:visited { color:#666666; font:bold 10px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:none;}
#mainpager a:hover { color:#74002d; font:bold 10px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:none; background-color:#dcdcdc;}
#mainpager a:active { color:#666666; font:bold 10px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:none;}

/*  PAGER  */
#Nav{
	color:#000000;
}

#NavCurrent{
	font:bold 10px Arial, Helvetica, sans-serif; text-decoration:none;
	border:#999999 1px solid;
	background-color:#999999;
	padding:3px;
	color:#74002d;
}