@charset "utf-8";
/* CSS Document */
.clear-all,
.clear{
	clear:both; line-height:0; height:0;
}

h1, h2, h3, h4, h5, h6, img, form, p{
	margin:0;
	padding:0;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic; /* fixed IE images scaling */
}

#wrapper1{
	height:auto;
	width:100%;
	background:url(../../images/bigknitcafe_home_bg.jpg) top center no-repeat;
	margin:0 auto;
}
#wrapper1_inner{
	height:auto;
	width:100%;
	margin:0 auto;
}
#wrapper2{
	height:auto;
	width:950px;
	height:706px;
	margin:0 auto;
}
.main_bg {
	background:url(../../images/bigknitcafe_bg.jpg) repeat-x;
}
.intro_bg {
	background:url(../../images/bigknitcafe_bg_intro.jpg) repeat-x;
}
#logo{
/*	width:190px;
	height:100px;*/
/*	padding-left:27px;*/
	float:left;
	width:190px;
}
#logo img {
	margin: 10px;
	border: 0;
}
#navi{
	float:right;
	width:550px;
/*	height:69px;*/
	padding-top:19px;
	text-align:right;
}
#navi .menu{
	text-align:right;
	padding-top: 28px;
}
#navi .search {
	float:right;
}
#navi .search .textbox {
	height:18px;
	border:1px solid #a69480;
	padding:0px;
	margin:0px;
}
#navi .cart {
	width:125px;
	float:left;
	text-align:right;
	font-size: 90%;
}
#navi .cart .image {
	float: left;
	width: 30px;
	text-align: left;
}
#navi .cart .text {
	float: left;
	padding-top: 0.4em;
}
#navi .cart a{
	margin:0em 0.2em 0 0.2em;
}
#navi .cart a:link,.checkout a:visited{
	color:#e39277;
	text-decoration:none;
}
#navi .cart a:hover{
	color:#000000;
	border-bottom:1px dotted #77211c;
}
#navi .login {
	width:220px;
	float:left;
	text-align:right;
	font-size: 90%;
}
#navi .login .text {
	padding-top: 0.4em;
	padding-right: 20px;
}
#navi .login a{
}
#navi .login a:link,.checkout a:visited{
	color:#e39277;
	text-decoration:none;
}
#navi .login a:hover{
	color:#000000;
	border-bottom:1px dotted #77211c;
}

.bar{
/*	width:475px;*/
/*	width:480px;*/
	width:250px;
	height:25px;
	float:right;
}
.bar .submenu a {
/*	margin: 0 0.5em 0 0.5em;*/
	margin: 0 0.6em 0 0.6em;
}
.submenu{
/*	width:355px;*/
	float:left;
	color:#ecba30;
}
.submenu a:link,.submenu a:visited{
	color:#ecba30;
	text-decoration:none;
}
.submenu a:hover{
	color:#000000;
	border-bottom:1px dotted #77211c;
}
.checkout{
	width:125px;
	float:right;
	text-align:right;
	font-size: 90%;
}
.checkout a{
	margin: 0 0.2em 0 0.2em;
}
.checkout a:link,.checkout a:visited{
	color:#e39277;
	text-decoration:none;
}
.checkout a:hover{
	color:#000000;
	border-bottom:1px dotted #77211c;
}
.intro_online{
	width:435px;
	height:200px;
	margin:0 auto;
	padding-left:400px;
	background:url(../../images/bigknitcafe_pic_cate.png) left top no-repeat;
	color:#af5f62;
}
.content{
	width:800px;
	margin:0 auto;
/*	padding-top:30px;*/
	padding-top:10px;
}
.content .column {
	width:232px;
	padding-left:15px;
	float:left;
}
.content .column .head {
	height:40px;
	background:url(../../images/bigknitcafe_h.jpg) no-repeat;
	padding:5px 0px 0px 15px;
	font-size:125%;
	font-weight:bold;
	color:#565aa8;
}
.content .column .item{
	padding-top:15px;
	width:170px;
	height:42px;
	padding-left:50px;
	margin:0 auto;
	float:right;
}
.content .column .item a:link,.content div .item a:visited{
	text-decoration:none;
}
.content .column .item a:hover{
	color:#000000;
	border-bottom:1px dotted #77211c;
}
#center{
	width:100%;
}
#center_home{
	width:100%;
	height:500px;
}
#center_home div{
	width:225px;
	height:250px;
	float:right;
	padding:70px 175px 0px 0px;
	color:#ee245b;
}

/* menu */
.menu1 a{
	width:102px;
	height:35px;
	float:left;
}
.menu1 a:link,.menu1 a:active,.menu1 a:visited{
	background:url(../../images/m1_off.png) no-repeat;
	display:block;
}
.menu1 a:hover{
	background:url(../../images/m1_on.png) no-repeat;
	text-decoration: none;
}

.menu2 a{
	width:66px;
	height:35px;
	float:left;
}
.menu2 a:link,.menu2 a:active,.menu2 a:visited{
	background:url(../../images/m2_off.png) no-repeat;
	display:block;
}
.menu2 a:hover{
	background:url(../../images/m2_on.png) no-repeat;
}

.menu3 a{
	width:74px;
	height:35px;
	float:left;
}
.menu3 a:link,.menu3 a:active,.menu3 a:visited{
	background:url(../../images/m3_off.png) no-repeat;
	display:block;
}
.menu3 a:hover{
	background:url(../../images/m3_on.png) no-repeat;
}

.menu4 a{
	width:46px;
	height:35px;
	float:left;
}
.menu4 a:link,.menu4 a:active,.menu4 a:visited{
	background:url(../../images/m4_off.png) no-repeat;
	display:block;
}
.menu4 a:hover{
	background:url(../../images/m4_on.png) no-repeat;
}

.menu5 a{
	width:61px;
	height:35px;
	float:left;
}
.menu5 a:link,.menu5 a:active,.menu5 a:visited{
	background:url(../../images/m5_off.png) no-repeat;
	display:block;
}
.menu5 a:hover{
	background:url(../../images/m5_on.png) no-repeat;
}

.menu6 a{
	width:83px;
	height:35px;
	float:left;
}
.menu6 a:link,.menu6 a:active,.menu6 a:visited{
	background:url(../../images/m6_off.png) no-repeat;
	display:block;
}
.menu6 a:hover{
	background:url(../../images/m6_on.png) no-repeat;
}

.menu7 a{
	width:48px;
	height:35px;
	float:left;
}
.menu7 a:link,.menu7 a:active,.menu7 a:visited{
	background:url(../../images/m7_off.png) no-repeat;
	display:block;
}
.menu7 a:hover{
	background:url(../../images/m7_on.png) no-repeat;
}

.menu8 a{
	width:70px;
	height:35px;
	float:left;
}
.menu8 a:link,.menu8 a:active,.menu8 a:visited{
	background:url(../../images/m8_off.png) no-repeat;
	display:block;
}
.menu8 a:hover{
	background:url(../../images/m8_on.png) no-repeat;
}

/* */
img{
	border:0px;
}
body{
	margin:0px;
}

body, td, th, a, .textbox, .textarea, .dropdown {
	font-family: "Lucida Sans Unicode", tahoma, arial;
	font-size:12px;
	color:#996633;
}
a {
	color: #e39277;
}
a:link, a:visited{
	color:#e39277;
	text-decoration:none;
}
a:hover{
	color:#000;
}
h1 {
	font-size: 160%;
	color: #ee245b;
	line-height: 2.5em;
	font-weight: bold;
}
h2 {
	font-weight: bold;
	line-height: 2.5em;
	font-size: 100%;
}
h3{
	color:#ee245b;
	font-size: 100%;
	line-height: 2.5em;
	font-weight: normal;
}
#footer{
	float:right;
	width:550px;
	height:90px;
	font-size:10px;
	color:#a69480;
}
#footer .copyright, #footer a {
	margin: 0.5em 0.5em 0 0.5em;
	color:#a69480;
}
#footer a:link, #footer a:visited{
	font-size:11px;
	color:#77211c;
	text-decoration:none;
}
#footer a:hover{
	font-size:11px;
	color:#000000;
	border-bottom:1px dotted #77211c;
}
#footer .copyright a {
	color:#a69480;
	margin: 0;
}

#footer2{
	clear: both;
/*	width:950px;*/
	height:90px;
	font-size:10px;
	color:#a69480;
	padding-left:110px;
	margin:40px 0 0 15px;
	background:url(../../images/bigknitcafe_logo_footer.jpg) no-repeat;
}
#footer2 div{
	padding-top:10px;
}
#footer2 .copyright {
	margin: 0 0 0 0.5em;
}
#footer2 a:link,#footer2 a:visited{
	font-size:11px;
	color:#77211c;
	text-decoration:none;
	margin: 0em 0.5em 0 0.5em;
}
#footer2 a:hover{
	font-size:11px;
	color:#000000;
	border-bottom:1px dotted #77211c;
}
#footer2 .copyright a {
	color:#a69480;
	margin: 0;
}

/* catalog */
#catalog {
}
#catalog ul {
	padding: 0;
	margin: 0;
}
#catalog li{
	float:left;
	font-weight:bold;
/*	color: #ff6b83;*/
/*	text-align: center;*/
	display: inline;
	width:112px;
/*	height: 90px;*/
	padding: 10px 0 10px 0;
}
#catalog a {
	font-size:90%;
	text-decoration:none;
	font-weight: normal;
	color:#996633;
}
#catalog a:hover{
	text-decoration:underline;
}
#catalog .image {
/*	height: 50px;*/
	padding-bottom: 2px;
	height: 80px;
}
/*
#catalog .image img {
	position:absolute;
	clip: rect(60px 110px 110px 60px);
	overflow: hidden;
	margin: -60px 0px 0 -60px;
}
*/
#catalog .image img {
}
#catalog .path {
	color: #ccc;
	font-size: 90%;
	padding-bottom: 2em;
}

/* product */
#product {
}
#product ul {
	padding: 0;
	margin: 0;
}
#product a{
	font-size: 90%;
	text-decoration:none;
	font-weight: normal;
}
#product a:hover{
	text-decoration:underline;
}
#product h1 {
	text-align: left;
}
#product h2 {
	line-height: 3em;
	padding-top: 1em;
}
#product .left {
	float: left;
	padding-bottom: 20px;
	width: 480px;
}
#product .right {
	float: right;
	text-align: right;
	width: 320px;
}
#product .label {
	float: left;
	width: 90px;
	text-align: left;
}
#product .image li {
	list-style: none;
}
#product .entry {
	width: 100%;
	border-bottom: #ccc dotted 1px;
	padding: 0.6em 0 0.6em;
}
#product .textbox {
	font-size: 90%;
}
#product .price {
	color: #ff6b83;
}
#product .related {
	padding-bottom: 20px;
	width: 400px;
}
#product .related ul {
	padding: 0;
	margin: 0;
}
#product .related li {
	float:left;
	font-weight:bold;
	color: #ff6b83;
/*	text-align: center;*/
	display: inline;
/*	width: 20%;*/
	padding: 0 3px 6px 3px;
	width: 60px;
	height: 60px;
}
#product .related .image {
	height: 50px;
}
/*
#product .related .image img {
	position:absolute;
	clip: rect(50px 82px 82px 50px);
	overflow: hidden;
	margin: -50px 0 0 -50px;
}
*/
#product .related .image img {
	width: 50px;
}
#product .image_extra {
	text-align: center;
	padding-bottom: 1em;
}
#product .image_extra li{
	text-align: center;
	padding: 10px;
}
#product .buy {
}

/* order */
#order {
	width: 100%;
	text-align: left;
}
#order ul {
}
#order li {
	float: left;
	display: inline;
	padding: 0.5em 0 0.5em;
}
#order .entry ul {
	clear: both;
	border-bottom: 1px dotted #ccc;
}
#order .entry .thumb {
	width: 15%;
	text-align: center;
}
#order .entry .title {
	width: 50%;
}
#order .entry .price {
	width: 15%;
	text-align: right;
}
#order .entry .qty {
	width: 10%;
	text-align: right;
}
#order .entry .del {
	width: 10%;
	text-align: right;
}
#order .entry .del .button{
	cursor: pointer;
}
#order .summary {
	clear: both;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	background-color: #fafdfd;
	height: 60px;
}
#order .summary .update {
	float: left;
	padding: 10px 0 10px 3px;
}
#order .summary .price {
	float: right;
	text-align: right;
	padding: 15px 3px 10px 0;
}
#order .summary .price .highlight{
	color: #ff1d42;
}
#order .checkout {
	clear: both;
	height: 60px;
	text-align: right;
	padding-top: 15px;
}
#order .checkout .button{
	cursor: pointer;
}
#order .list ul {
	clear: both;
}
#order .list li {
	width: 25%;
}
#order .list .even li {
	background-color: #fff;
}
#order .list .odd li {
	background-color: #f4f4f4;
}
#order .history .list, #order .history .pagination {
	clear: both;
	border: 0;
	padding: 0;
	margin: 0
}
#order .history .head li {
	font-weight: bold;
	background-color: #eee;
}
#order .history .list li, #order .history .pagination li {
	width: 100%;
}
#order .history .list li div {
	float: left;
	padding: 0.2em;
	width: 180px;
	text-align: left;
}
#order .history .even {
	background-color: #f4f4f4;
}
#order .history .odd {
	background-color: #fff;
}
#order .info .head li {
	font-weight: bold;
	background-color: #f4f4f4;
}
#order .info .list li, #order .info .pagination li {
	width: 100%;
}
#order .info .list {
}
#order .info .list li div {
	float: left;
	padding: 2px;
	text-align: left;
}
#order .info .list li .image {
	width: 15%;
}
#order .info .list li .title {
	width: 45%;
}
#order .info .list li .note {
	width: 20%;
}
#order .info .list li .price {
	width: 15%;
	text-align: right;
}

/* form */
/*
#form {
	width: 100%;
}
#form .topic, .submit {
	width: 100%;
	font-weight: bold;
	line-height: 2em;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
	background-color: #fafdfd;
}
#form .submit {
	border-top: 1px dotted #ccc;
	line-height: 4em;
	font-weight: normal;
	background-color: #ffebc0;
	padding-left: 3px;
}
#form .column {
	float: left;
	width: 30%;
	padding: 0.8em 1.5em 0.8em 0;
}
#form div .notice {
	padding: 5px;
	background-color: #ffe4ea;
}
*/
/* form */
#form {
	width: 100%;
}
#form h1 {
/*	font-weight: bold;
	line-height: 2em;
	margin: 0 0 1em 0;
	border-bottom: 1px dotted #ccc;
	background-color: #f4f4f4;
	color: #a10101;*/
}
#form .topic, #form .submit {
	width: 100%;
	font-weight: bold;
	line-height: 2em;
	margin: 0 0 1em 0;
	color: #e39277;
/*	border-bottom: 1px dotted #ccc;
	background-color: #fdfaeb;*/
}
#form .submit {
	border-top: 1px dotted #ccc;
	background-color: #faedcb;
	padding: 10px;
	font-weight: normal;
	margin: 10px 0 10px 0;
}
#form .column {
	float: left;
	width: 30%;
}
#form .column div {
	padding: 3px;
	margin: 0 0 10px 0;
}
#form div .notice {
	background-color: #ffe4ea;
}
#form ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#form .textbox, #form .dropdown {
	width: 100%;
}
#form label, #form .label {
	font-weight: normal;
}
#form a:hover {
	border-bottom:1px dotted #77211c;
}

/* ret msg */
.fatal, .success {
	padding: 1em;
	margin-bottom: 0.5em;
}
.fatal {
	color: #d43531;
	background-color: #fffbde;
}
.fatal ul {
	list-style: none;
	padding: 0.3em 0 0 0;
	margin: 0;
}
.fatal li {
	padding: 0.3em 0 0.3em 0;
}
.success {
	color: #424242;
	background-color: #ceef9e;
}
.warning {
	font-size: 10px;
	font-family: tahoma, verdana, arial;
	color: #ff1d42;
}

/*customer */
#customer {
}
#customer a {
	color: #00a3b4;
}
#customer .navigation {
	width: 100%;
	padding-bottom: 1em;
}
#customer .navigation {
	border-bottom: 1px dotted #e3be99;
	padding: 0.5em 0.5em 0.5em 0;
	font-size: 90%;
	font-family: arial, tahoma;
	color: #e3be99;
}
#customer .navigation a {
	font-size: 110%;
	font-weight: bold;
	padding: 0.5em;
/*	color: #ff1d42;*/
	color: #d43531;
}
#customer .navigation a:hover {
	background-color: #f9efe5;
	text-decoration: none;
}

/* pagination */
#pagination {
	clear: both;
	padding: 3em 0 0 0;
}
#pagination .left {
	float: left;
	text-align: left;
}
#pagination .right {
	float: right;
	text-align: right;
}
#pagination .total {
	padding-right: 20px;
}
#pagination a {
/*	color: #278bb9;*/
/*	color: #5759b5;*/
	color: #b98b8d
	text-decoration: none;
}
#pagination .off {
	color: #ccc;
}
#pagination .list {
}
#pagination .page {
	padding-left: 20px;
}

/* form element */
.textbox, .textarea {
/*	border: 1px solid #ccc;*/
	border: 1px solid #efd9db;
}

/* content */
#content{
}
#content li {
	list-style: default;
}
#content .toc {
	padding: 0;
	margin: 0;
}
#content .toc li {
	width: 115px;
	list-style: none;
	background-image: url(../../images/bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 10px;
	margin: 0 0 0 15px;
	border-bottom: 1px dotted #ccc;
	line-height: 2em;
}
#content .date {
	font-size: 90%;
	padding-bottom: 0.5em;
}

/* list */
#content .list {
	padding: 0;
	margin: 0;
}
#content .list li {
	margin: 0;
	list-style: none;
	border-bottom:1px dotted #dbdbdb;
}
#content .list .image{
	padding:13px 10px 13px 10px;
	width:95px;
	float:left;
}
#content .list .image img {
	padding: 1px;
	border: 3px solid #f4f4f4;
/*	width: 94px;*/
}
#content .list .text {
	padding:10px 0px 13px 5px;
	float:left;
	font-size:100%;
	width: 435px;
}
#content .list .title {
	font-weight: bold;
}

/* grid */
#content .grid {
	padding: 0;
	margin: 0;
}
#content .grid li {
	margin: 0;
	list-style: none;
	float: left;
	width: 140px;
}
#content .grid .image{
	padding:13px 10px 13px 10px;
	text-align: center;
	width:105px;
	height: 110px;
}
#content .grid .image img {
	padding: 1px;
	border: 3px solid #f4f4f4;
	width: 94px;
}
#content .grid .text {
	padding:0;
	font-size:100%;
	text-align: center;
	height: 50px;
}
#content .grid .title {
	font-weight: bold;
}

/* blog */
#content .blog {
	padding: 0;
	margin: 0;
}
#content .blog li {
	margin: 0;
	list-style: none;
	padding: 0.5em 0 0.5em 0;
}
#content .blog li .date {
	font-size: 90%;
	padding-bottom: 0.5em;
}
#content .blog img {
	padding: 1px;
	border: 3px solid #f4f4f4;
}
#content .blog .title {
	font-weight: bold;
	font-size: 120%;
}
#content .blog .comment {
/*	text-align: right;*/
	font-size: 120%;
	color: #ee245b;
}

/* widget */
#content .widget {
	width: 140px;
	padding: 0 0 0 30px;
}
#content .widget ul {
	margin: 0;
	padding: 0;
}
#content .widget .tag li {
	margin: 0;
	list-style: none;
	padding: 0 0 0.2em 0;
}

/* comment */
#content .comment {
	margin: 0;
	padding: 0;
}
#content .comment li {
	list-style: none;
	margin: 1em 0 1em 0;
	padding: 0.5em;
	background-color: #f4f4f4;
}
#content .comment li .author .name {
	color: #ee245b;
}