/* TWINKLE BY WENLAN
------------------------------------------------
S W E D E N   U N L I M I T E D   D O T   C O M 
------------------------------------------------ */

@charset "UTF-8";

/*GLOBAL CONTENT*/
body {
	font: 100% Helvetica, Verdana, Arial, sans-serif;
	background: #363124;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	background: #363124;
	width: 920px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #363124;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	top: 0;
}
#header {
	width:920px;
	height:93px;
	background: #363124; 
	padding: 0;
	margin: 0; 
}
#header h1 {
	margin: 20px 0 12px 0;
	padding: 0;
	width:370px;
	height:21px;
}

#header h1 a {
	background:url('../_img/logo.gif') 0px 0px no-repeat;
	width:370px;
	height:21px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	position:relative;
	padding:0;
	margin:0;
}

#nav {
	width: 920px;
	height: 20px;
	margin: 0px;
	padding: 0;
	float:left;
	border-bottom: 1px #605843 solid;
}

#nav ul {
	list-style-type: none;
	list-style-image:none;
	display:inline;
	height:20px;
	margin:0 0 0 0;
}

#nav li {
	list-style-image:none;
	list-style-type: none;
	display:inline;
	margin: 0;
	padding: 0;
	line-height:20px;
}

#readytowear a {
	width: 118px;
	height: 20px;
	margin: 0 20px 0 0;
	padding: 0;
	background: url('../_img/readytowear.gif') 0px 0px no-repeat;
	float: left;
}

#readytowear a:hover, #readytowear a.on {
	background: url('../_img/readytowear.gif') 0px -20px no-repeat;
}

#jewelry a {
	width: 123px;
	height: 20px;
	margin: 0 20px 0 0;
	padding: 0;
	background: url('../_img/jewelry.gif') 0px 0px no-repeat;
	float: left;
}

#jewelry a:hover, #jewelry a.on {
	background: url('../_img/jewelry.gif') 0px -20px no-repeat;
}

#living a {
	width: 112px;
	height: 20px;
	margin: 0 20px 0 0;
	padding: 0;
	background: url('../_img/living.gif') 0px 0px no-repeat;
	float: left;
}

#living a:hover, living a.on {
	background: url('../_img/living.gif') 0px -20px no-repeat;
}

#yarnbooks a {
	width: 166px;
	height: 20px;
	margin: 0 20px 0 0;
	padding: 0;
	background: url('../_img/knitting.gif') 0px 0px no-repeat;
	float: left;
}

#yarnbooks a:hover, #yarnbooks a.on {
	background: url('../_img/knitting.gif') 0px -20px no-repeat;
}


#twinkletime a {
	width: 100px;
	height: 20px;
	margin: 0 20px 0 0;
	padding: 0;
	background: url('../_img/twinkletime.gif') 0px 0px no-repeat;
	float: left;
}

#twinkletime a:hover, #twinkletime a.on {
	background: url('../_img/twinkletime.gif') 0px -20px no-repeat;
	float: left;
}

#shop a {
	width: 41px;
	height: 20px;
	margin: 0 0px 0 0;
	padding: 0;
	background: url('../_img/shop.gif') 0px 0px no-repeat;
	float: left;
}

#shop a:hover, #shop a.on {
	background: url('../_img/shop.gif') 0px -20px no-repeat;
}


#subnav {
	width: 800px;
	height: 12px;
	margin: 0px 0px;
	padding: 5px 0 0 0;
	float:left;
	height:20px;
}

#subnav ul {
	list-style-type: none;
	list-style-image:none;
	display:inline;
	height:12px;
	margin:0px 0px 0px 0px;
}

#subnav li {
	list-style-image:none;
	list-style-type: none;
	display:inline;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}

.subnav {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height:12px;
	color: #7f755a;
}

.subnav a {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height:12px;
	color: #7f755a;
	text-decoration:none;
}

.subnav a:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height:12px;
	color: #ffffff;
	text-decoration:none;
}

.subnav a.on {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height:12px;
	color: #ffffff;
	text-decoration:none;
}


/*STRUCTURE*/

#home {
	margin: 0;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #363124;
	width:920px;
	height:490px;
	
}

#mainContent {
	margin: 0;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}

#footer {
	margin:10px 0;
	width:920px;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#363124;
	height:16px;
	line-height:16px;
}

#copy {
	float:left;
	position:relative;
	line-height:16px;
	text-align:left;
}

#social {
	float:right;
	margin:0px;
	padding:0px;
	height:16px;
	width:350px;
	position:relative;
	line-height:16px;
	text-align:left;
}

#social a.fb  {
	width:16px;
	height:16px;
	margin:0px 6px 0 6px;
	padding:0px;
	background: url('../_img/fb.gif') 0px 0px no-repeat;
	text-indent:-9999em;
	display:block;
	overflow:hidden;
	float:left;

}

#social a.tw  {
	width:16px;
	height:16px;
	margin:0px 20px 0 0;
	padding:0px;
	background: url('../_img/tw.gif') 0px 0px no-repeat;
	text-indent:-9999em;
	display:block;
	overflow:hidden;
	float:left;

}

#social .emailsignup {
	margin:0px;
	padding:0px;
	height:16px;
	float:right;
	position:relative;
}

#about {
	margin: 0;
	padding: 0; 
	background: #ffffff url('../_img/about_bg.jpg') top no-repeat;
	width:920px;
}

#ttime {
	margin:0px;
	padding:30px;
	background:#ffffff;	
}

#home_flash {
	width: 690px;
	height: 490px;
	margin:0;
	padding:0;
	background: #FFFFFF url('../_img/loading.gif') center no-repeat;
}

#home_flash_3col {
	width: 460px;
	height: 490px;
	margin:0;
	padding:0;
	background: #FFFFFF url('../_img/loading.gif') center no-repeat;
}

.news_entry {
	color:#000000;
	font-size:11px;
	line-height:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #7f755a;
	padding: 0px 0px 20px 0px;
}

/*LISTS*/
ul li {
	list-style:none;
	list-style-image:none;
	margin-left:0px;
	padding-left:0px;
}

#job ul {
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-image:none;
}

#job li {
	display:block;
	width:193px;
	height:30px;
	background: #f2f0eb;
	line-height:30px;
	margin:0 0 4px -38px;
	text-indent:10px;
}

#date ul {
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-image:none;
}

#date li {
	display:block;
	width:124px;
	height:30px;
	background: #f7f7f4;
	line-height:30px;
	text-align:center;
	margin:0 0 4px -36px;
}

#link ul {
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
}

#link li a
{
	display:block;
	width:124px;
	height:30px;
	background: #f7f7f4;
	line-height:30px;
	text-align:center;
	margin:0 0 4px -36px;
	color:#000000;
	text-decoration:none;
}

#link li a:hover
{
	color: #b0b6bc;
	background: #e5e3dd;
	text-decoration:none
}

#press ul {
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
}

#press li a
{
	display:block;
	width:146px;
	height:30px;
	background: #f7f7f4;
	line-height:30px;
	text-align:left;
	text-indent:10px;
	margin:0 0 4px -38px;
	color:#bdbab2;
	text-decoration:none;
}

#press li a:hover
{
	color: #b0b6bc;
	background: #e5e3dd;
	text-decoration:none
}

#press li.on a
{
	background: #e7e4dc;
	color: #000000;
}

#arrow ul {
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
}

#arrow li
{
	display:block;
	width:14px;
	height:30px;
	background: #ffffff;
	margin:0 0 4px -40px;
}


#ttime ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#ttime li {
	display:block;
	list-style:none;
	list-style-image:none;
	margin:0 0 4px 0;
	padding:0;
}

#ttime li a {
	display:block;
	list-style:none;
	list-style-image:none;
	margin:0 0 4px 0;
	padding:0;
}

/*FONTS */
a {
	color: #b0b6bc;
	text-decoration:none;
}

a:hover {
	color: #363124;
	text-decoration:none;
}

.footer {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 9px;
	line-height:12px;
	color: #7f755a;
}

.footer a {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 9px;
	line-height:12px;
	color: #7f755a;
	text-decoration:none;
}

.footer a:hover {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 9px;
	line-height:12px;
	color: #ffffff;
	text-decoration:none;
}

.copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

.indent {
	text-indent:10px;
}

.indent_sm {
	text-indent:10px;
	font-size:9px;
}

.text_field {
	display:block;
	background-color:#f7f7f4;
	width: 313px;
	height:30px;
	line-height:30px;
	border:0;
}

.email_field {
	display:block;
	background-color:#f7f7f4;
	width: 120px;
	height:12px;
	line-height:9px;
	font-size:9px;
	border:0;
	color:#363124;
	margin:0px;
	padding:0px;
}

.books {
	color:#000000;
	font-size:10px;
	line-height:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding: 0 75px 0 0;
}

.about {
	color:#000000;
	font-size:11px;
	line-height:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}


.retail, a {
	color:#000000;
	font-size:11px;
	line-height:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.retail a:hover {
	color: #363124;
	text-decoration:none;
}

.career {
	color:#000000;
	font-size:11px;
	line-height:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.career_sm {
	color:#000000;
	font-size:09px;
	line-height:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.career a {
	color: #b0b6bc;
	text-decoration:none;
}

.career a:hover {
	color: #363124;
	text-decoration:none;
}

.class {
	color:#ffffff;
	font-size:11px;
	line-height:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.right_border {
	border-right: #000000 1px solid;
	padding-right:30px;
}

.right_border_pad {
	border-right: #000000 1px solid;
	padding:0px 30px 0px 10px;
}

.pad {
	padding:0px 0px 0px 10px;
}

#ttime .red {
	font-family: Helvetica, Arial, sans-serif;
	font-size:26px;
	padding-bottom:3px;
	color: #ef3d23;
	font-weight:100;
	line-height:24px;
}




#ttime .orange {
	font-family: Helvetica, Arial, sans-serif;
	font-size:26px;
	padding-bottom:3px;
	color: #f9b128;
	font-weight:100;
	line-height:24px;
}

#ttime .teal {
	font-family: Helvetica, Arial, sans-serif;
	font-size:26px;
	padding-bottom:3px;
	color: #73d1c7;
	font-weight:100;
	line-height:24px;
}

#ttime .gray {
	font-family: Helvetica, Arial, sans-serif;
	font-size:26px;
	padding-bottom:3px;
	color: #b4b5b7;
	font-weight:100;
	line-height:24px;
}

#ttime .bronze {
	font-family: Helvetica, Arial, sans-serif;
	font-size:26px;
	padding-bottom:3px;
	color: #a57d51;
	font-weight:100;
	line-height:24px;
}

#ttime .blue {
	font-family: Helvetica, Arial, sans-serif;
	font-size:26px;
	padding-bottom:3px;
	color: #75a7bf;
	font-weight:100;
	line-height:24px;
}

#ttime .yellow {
	font-family: Helvetica, Arial, sans-serif;
	font-size:26px;
	padding-bottom:3px;
	color: #f4ce76;
	font-weight:100;
	line-height:24px;
}

#ttime .dkorange {
	font-family: Helvetica, Arial, sans-serif;
	font-size:26px;
	padding-bottom:3px;
	color: #d7795a;
	font-weight:100;
	line-height:24px;
}

#ttime .pink {
	font-family: Helvetica, Arial, sans-serif;
	font-size:26px;
	padding-bottom:3px;
	color: #f8b2ba;
	font-weight:100;
	line-height:24px;
}

#ttime .green {
	font-family: Helvetica, Arial, sans-serif;
	font-size:26px;
	padding-bottom:3px;
	color:#696;
	font-weight:100;
	line-height:24px;
}

#ttime .img_pad_r {
	padding-right: 10px;
}

#ttime .img_pad_l {
	padding-left: 10px;
}

#ttime .copy {
	font-family: Arial, sans-serif;
	font-size:12px;
	color: #000000;
	line-height:20px;
}

#ttime .copy a {
	font-family: Arial, sans-serif;
	font-size:12px;
	color: #b0b6bc;
	text-decoration:none;
}

#ttime .copy a:hover {
	font-family: Arial, sans-serif;
	font-size:12px;
	color: #363124;
	text-decoration:none;
}

#ttime .auth {
	font-family: Arial, sans-serif;
	font-size:18px;
	color: #000000;
}

#ttime .links {
	font-family: Arial, sans-serif;
	font-size:14px;
	line-height:22px;
	color: #000000;
}

#ttime .links a {
	color: #b0b6bc;
	text-decoration:none;
}

#ttime .links a:hover {
	color: #363124;
	text-decoration:none;
}
.press_img {
	margin:0 0 0 0;
	padding: 0px 16px 16px 0px;
}

.news_img_r {
	padding: 0px 25px 10px 0px;
	margin:0px;
	display:inline;
	float:left;
}

h4 {
	font-size:18px;
	font-weight:normal;
	line-height:24px;
	padding:0px;
	margin:0px;
}

h5 {
	font-size:18px;
	font-weight:normal;
	line-height:24px;
	padding:0px;
	margin:0px;
	font-family: Helvetica, Arial, sans-serif;
	color: #b0b6bc;
}

.small {
	font-size:8px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}

/* NEWS AND EVENTS HEADERS */

.brown {
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	padding: 12px 0px 0px 0px;
	margin:0px;
	color: #af8c62;
	font-family: Helvetica, Arial, sans-serif;
}

.grey {
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	padding: 12px 0px 0px 0px;
	margin:0px;
	color: #868688;
	font-family: Helvetica, Arial, sans-serif;
}

.beige {
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	padding: 12px 0px 0px 0px;
	margin:0px;
	color: #aca296;
	font-family: Helvetica, Arial, sans-serif;
}

.red {
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	padding: 12px 0px 0px 0px;
	margin:0px;
	color: #ed1b24;
	font-family: Helvetica, Arial, sans-serif;
}

.burnt_orange {
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	padding: 12px 0px 0px 0px;
	margin:0px;
	color: #a64629;
	font-family: Helvetica, Arial, sans-serif;
}

.turq {
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	padding: 12px 0px 0px 0px;
	margin:0px;
	color: #69bfe0;
	font-family: Helvetica, Arial, sans-serif;
}

.peach {
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	padding: 12px 0px 0px 0px;
	margin:0px;
	color: #ef856b;
	font-family: Helvetica, Arial, sans-serif;
}

.green {
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	padding: 12px 0px 0px 0px;
	margin:0px;
	color: #334b31;
	font-family: Helvetica, Arial, sans-serif;
}

.cabyellow {
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	padding: 12px 0px 0px 0px;
	margin:0px;
	color: #e9ad40;
	font-family: Helvetica, Arial, sans-serif;
}