/* some default settings*/
html, body, h1, h2, h3, ul, li, form, input, dl, dt, dd, form
{
padding:0;
margin:0;
}
p
{
padding:5px 0;
font:normal 12px "Trebuchet MS", Arial, Helvetica;
margin:0;
}
div, table td
{
font:normal 12px "Trebuchet MS", Arial, Helvetica;
}
img
{
border:none;
}
.img-left
{
float:left;
}
.img-right
{
float:right;
}
a:link, a:active, a:visited
{
color:#ec1d25;
}

ul
{
list-style-position:inside;
}
a:hover
{
color:#000;
}
body
{
font:normal 12px "Trebuchet MS", Arial, Helvetica;
color:#484848;
text-align:left;
background-color: #e9e9e1;
padding:0;
background-image: url(bg1.jpg);
}
.top-line
{
width:100%; 
padding:0; 
margin:0; 
_margin:-13px 0 0 0; 
height:6px; 
clear:both; 
background:#41453f;
}
#wrapper
{
width:978px;
margin:0 auto;
}
#header-cha
{
width:978px;
height:378px;
float:left;
position:relative;
}
#logo-cha
{
width:305px;
height:112px;
top:18px;
left:21px;
position:absolute;
}
#nav-cha
{
width:629px;
height:35px;
color:#FFFFFF;
right:0px;
top:114px;
position:absolute;
background:#d1171e url(nav-bg.jpg) no-repeat;
}
#nav-cha ul
{
list-style-type:none;
padding:0 0 0 21px;
}
#nav-cha li
{
height:26px;
font-size:13px;
padding:9px 7px 0 7px;
background:url(nav-sep.gif) no-repeat right top;
float:left;
}
#nav-cha li.last
{
background:none;
padding-right:0;
}
#nav-cha li a:link, #nav-cha li a:active, #nav-cha li a:visited 
{
color:#FFFFFF;
text-decoration:none;
}
#nav-cha li a:hover
{
color:#d7fdb4;
}
#follow-us
{
width:241px;
height:45px;
top:34px;
right:188px;
position:absolute;
}
#follow-us .follow
{
padding:0 7px 15px 0;
}
#main-banner
{
width:978px;
height:229px;
position:absolute;
bottom:0px;
left:0px;
}
#card-image
{
width:310px;
height:229px;
position:absolute;
top:148px;
right:0;
}

/* main container */
#main-container
{
width:978px;
padding:12px 0 0 0;
float:left;
clear:both;
_clear:none;
}
#left-column
{
width:239px;
float:left;
}
#right-column
{
width:729px;
float:right;
}
#cart-search
{
width:729px;
height:112px;
background:url(account-search-bg.jpg) no-repeat;
position:relative;
}
#cart-search .cart-account
{
width:155px;
text-align:right;
height:44px;
padding:0;
margin:0;
position:absolute;
left:29px;
color:#464646;
top:24px;
font:normal 12px "Arial", Trebuchet MS, Helvetica;
}
.cart-account span
{
color:#dd1a21;
}

.cart-account strong
{
color:#336633;
font-weight:bold;
}
.cart-account strong a:link, .cart-account strong a:active, .cart-account strong a:visited
{
color:#336633;
font-weight:bold;
}
.cart-account a:link, .cart-account a:active, .cart-account a:visited
{
color:#dd1a21;
font-weight:bold;
text-decoration:none;
}
.cart-account a:hover, .cart-account strong a:hover
{
color:#333;
}
.cart-icon
{
	position:absolute;
	left:190px;
	top:25px;
}
.shinwa-logo
{
position:absolute;
left:307px;
top:5px;
}

#cart-search input.txt-search
{
width:169px;
height:21px;
position:absolute;
right:33px;
top:22px;
_top:26px;
background:none;
font:normal 11px Arial;
color:#747265;
border:0;
}

#cart-search input.submit_btn
{
width:49px;
height:22px;
position:absolute;
background:url(search-go.jpg);
right:24px;
top:52px;
border:none;
margin:0;
padding:0;
}

a.adv-search:link, a.adv-search:active, a.adv-search:visited
{
font-weight:bold;
color:#ec1d25;
position:absolute;
right:81px;
top:53px;
}
a.adv-search:hover
{
color:#333;
}

/* right content */
#right-content
{
width:690px;
min-height:640px;
padding:0 21px 20px 18px;
background:#fff url(cont-bot.jpg) no-repeat left bottom;
float:left;
clear:both;
}
#fea-product
{
width:156px;
_width:148px;
padding:0 14px 0 0;
line-height:14px;
float:left;
border-right:#336633 dotted 1px;
}
#fea-product p
{
padding:0;
margin:0;
}
#fea-product h2
{
font-size:14px;
font-weight:bold;
padding:0 0 5px 0;
color:#336633;
}
#fea-product ul
{
list-style-type:none;
}
#fea-product li
{
border-bottom:#336633 dotted 1px;
margin-bottom:10px;
padding-bottom:10px;
}
#fea-product li h3
{
color:#ec1d25;
line-height:14px;
padding:0 0 5px 0;
text-align:left;
margin:0;
font-size:12px;
font-weight:normal;
}
#fea-product li img
{
}
#fea-product li a:link, #fea-product li a:active, #fea-product li a:visited
{
color:#ec1d25;
text-decoration:none;
}
#fea-product li a:hover
{
color:#333;
}

#cont-right
{
width:503px;
float:right;
}

#cont-center
{
width:299px;
float:left;
}
#cont-center ul
{
list-style-type:none;
}
#cont-center h2
{
color:#ec1d25;
text-align:center;
line-height:14px;
padding:5px 0 10px 0;
text-align:left;
margin:0;
font-size:12px;
font-weight:normal;
}
#cont-center a:link, #cont-center a:active, #cont-center a:visited
{
color:#ec1d25;
text-align:center;
display:block;
text-decoration:none;
}
#cont-center a:hover
{
color:#333;
}
#cont-in-right
{
width:186px;
float:right;
}

#green-box1
{
background-color:#e0efe0;
width:157px;
padding:9px 14px;
}
#green-box1 p
{
border-bottom:#336633 dotted 1px;
padding:5px 0;
margin:0 0 8px 0;
}
.g-icon-1
{
float:left;
margin:0 10px 5px 0
}
#green-box1 h3
{
margin:0;
font-size:12px;
font-weight:normal;
line-height:14px;
}
#green-box1 h3 a:link, #green-box1 h3 a:active, #green-box1 h3 a:visited
{
color:#ec1d25;
text-decoration:none;
}
#green-box1 h3 a:hover
{
color:#333;
}

#green-box2
{
background-color:#e0efe0;
margin:10px 0;
float:left;
width:157px;
padding:9px 14px;
}
#green-box2 p
{
float:left;
margin:0;
padding:0;
clear:both;
}
#green-box2 img
{
float:right;
}

#red-box3
{
width:185px;
text-align:center;
height:64px;
float:left;
background:#ea161e url(free-shipping.jpg) no-repeat;
}
#red-box3 p
{
padding:5px 0 0 0;
margin:0;
color:#fff;
}
/* right content ended*/
/* bottom links */
#bottom-div
{
width:710px;
text-align:center;
padding:12px 11px 12px 8px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
float:left;
}
#bottom-div a:link, #bottom-div a:active, #bottom-div a:visited
{
color:#333333;
text-decoration:none;
}
#bottom-div a:hover
{
color:#ec1d25;
}
/* bottom links ended*/


/* left navigation */
#left-nav
{
width:239px;
float:left;
background:#fff url(left-col-top.jpg) no-repeat;
}
#left-nav .cat-title
{
padding:22px 0 0 20px;
}
#left-nav ul
{
padding:10px 0 0 20px;
list-style-type:none;
float:left;
}
#left-nav li
{
padding:0 0 4px 0;
float:left;
clear:both;
font:bold 12px "Trebuchet MS", Arial, Helvetica;
color:#ec1d25;
}
#left-nav li a:link, #left-nav li a:active, #left-nav li a:visited 
{
color:#ec1d25;
background:url(cat-arrow.jpg) no-repeat left 5px;
padding:0 0 0 10px;
text-decoration:none;
}
#left-nav li a:hover
{
color:#333;
background:url(cat-arrow-over.jpg) no-repeat left 5px;
}
#left-box1
{
width:225px;
float:left;
padding:24px 0 17px 14px;
background:#fff url(left-col-bot2.jpg) no-repeat left bottom;
}
.logo-container
{
width:202px;
border-bottom:#c3c9c0 dotted 1px;
padding:8px 0 7px 7px;
text-align:center;
}

.tea-docents
{
width:212px;
border-bottom:#c3c9c0 dotted 1px;
padding:0 0 7px 7px;
}
.tea-docents img
{
padding-bottom:8px;
}
.tea-docents a:link, .tea-docents a:active, .tea-docents a:visited
{
background:url(learn-arr.jpg) no-repeat left 6px;
padding-left:8px;
color:#ec1d25;
text-decoration:none;
}
.tea-docents a:hover
{
color:#333;
}

.life-style
{
width:131px;
background:url(life-style.jpg) no-repeat 9px 8px;
border-bottom:#c3c9c0 dotted 1px;
padding:23px 0 12px 81px;
}
.life-style a:link, .life-style a:active, .life-style a:visited
{
color:#ec1d25;
text-decoration:none;
font-weight:bold;
}
.life-style a:hover
{
color:#333;
}
.safesubscribe
{
width:212px;
padding:13px 0 7px 7px;
}
/* inner content styling */

#right-content input[type="text"]
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:0 0 0 2px;

}
#right-content input[type="text"]:focus
{
background-color:#e9ecde;
}
#right-content input[type="text"]:hover
{
background-color:#e9ecde;
}

#right-content input[type="password"]
{
background-color:#f2f2f0;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:0 0 0 2px;
}
#right-content input[type="password"]:focus
{
background-color:#e9ecde;
}
#right-content input[type="password"]:hover
{
background-color:#f2f2f0;
color:#e3e8d4;
}
#right-content select
{
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0 0 0 2px;
}
#right-content select:focus
{
background-color:#e9ecde;
}
#right-content select:hover
{
background-color:#e9ecde;
}

#right-content input[type="submit"]
{
background-image: url(btnBg.jpg);
background-repeat: repeat-x;
color:#FFFFFF;
background-color:#810f0f;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px 7px;
border:none;
}
#right-content input[type="submit"]:focus
{
background-color:#810f0f;
background-image: none;

}

#right-content input[type="reset"]
{
background-image: url(btnBg.jpg);
background-repeat: repeat-x;
color:#FFFFFF;
background-color:#810f0f;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px 7px;
border:none;
}
#right-content input[type="reset"]:focus
{
background-color:#810f0f;
background-image: none;
}
img#paypalimage
{
margin-top:8px;
}
.related-pro
{
width:225px;
float:left;
}
.related-pro h3
{
padding:0 0 5px 0;
font-size:12px;
width:200px;
}
.rel-line
{
border-bottom:#ccc dotted 1px;
}
/* one page checkout */
#billaddresstitle, #shipaddresstitle, #shipmethodtitle, #paymenttitle, #confirmtitle
{
color:#419a01;
font-weight:bold;
border-bottom:#ccc dotted 1px;
padding-bottom:3px;
}
#ship_country, #ship_state
{
width:131px;
}
.display_section_content
{
white-space:normal !important;
}
.sub-category
{
font-weight:normal !important;
}
.sub-category a:link, .sub-category a:active, .sub-category a:visited
{
background:url(cat-arrow-2.jpg) no-repeat 10px 7px !important;
padding-left:15px !important;
color:#000 !important;
}
.sub-category a:hover
{
color:#EC1D25 !important;
}
.the-find
{
width:170px;
height:120px;
position:absolute;
right:-10px;
top:23px;
}
/* BASE STYLES
----------------------------------------------- */
H1, .h1 {
	font-family:<ss:value source=$font.heading.face/>;
	font-size:<ss:value source=$font.heading.pixelSize/>px;
	color:<ss:value source=$font.heading.color/>;
	font-weight:bold;
	margin-top:10px
}

H2, .h2 {
	font-family:<ss:value source=$font.subheading.face/>;
	font-size:<ss:value source=$font.subheading.pixelSize/>px;
	color:<ss:value source=$font.subheading.color/>;
	font-weight:bold
}

TABLE {
	font-family:<ss:value source=$font.paragraph.face/>;
	font-size:<ss:value source=$font.paragraph.pixelSize/>px;
	color:<ss:value source=$font.paragraph.color/>
}

.red_text {
	font-family:<ss:value source=$font.paragraph.face/>;
	font-size:<ss:value source=$font.paragraph.pixelSize/>px;
	color:#CC0000
}

.black_text {
	font-family:<ss:value source=$font.paragraph.face/>;
	font-size:<ss:value source=$font.paragraph.pixelSize/>px;
	color:#000000
}
.bold_text {
	font-family:<ss:value source=$font.paragraph.face/>;
	font-size:<ss:value source=$font.paragraph.pixelSize/>px;
	color:<ss:value source=$font.paragraph.color/>;
	font-weight:bold
}
.border_r {
	border-right:1px solid #cccccc;
	padding:2px
}
.border_l {
	border-left:1px solid #cccccc;
	padding:2px
}	
.border_t {
	border-top:1px solid #cccccc;
	padding:2px
}
.border_b {
	border-bottom:1px solid #cccccc;
	padding:2px
}
.border {
	border:1px solid #cccccc;
	padding:2px
}
.bg_dddddd {
	background-color:#dddddd;
	color:#333333
}
.hr {
	border-bottom:1px solid #cccccc;
	margin:0px 0px 8px 0px
}

/* BUTTONS
----------------------------------------------- */
/******* ACTION BUTTON *******/

/* Both browsers apply these styles to the action button */
.actn_button_color {
	border:3px double #8FB6DB;
	cursor:pointer;
	white-space:nowrap;
	padding:2px 3px 2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:12px;
	font-weight:bold;
	text-align:center
}
/* IE uses the filter for the blend */
.actn_button_color {
	* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#CCE6F9')
	}
/* FireFox uses a background color and white gradient image for the blend */
html>body .actn_button_color {
	background: #A5D6FA url("<ss:value source="$system.styleImage['white_gradient.png']"/>") repeat-x top
}
/******* BEGIN FIREFOX HOVER FOR ACTION BUTTON *******/
.actn_button_color.actn_button:hover {
	border:3px double #54A2EB;
	color:#444444;
	background: #B3D8F4 url("<ss:value source="$system.styleImage['white_gradient.png']"/>") repeat-x top
}	
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/

/******* REGULAR BUTTON *******/
/* Both browsers apply these styles to the regular button */
.button_color {
	border:3px double #8FB6DB;
	cursor:pointer;
	white-space:nowrap;
	padding:2px 3px 2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:12px;
	font-weight:bold;
	text-align:center
}
/* IE uses the filter for the blend */
.button_color {
	* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#EDF3F7')
}
/* FireFox uses the background-color and white gradient image for the blend */
html>body .button_color {
	background: #C7E5FB url("<ss:value source="$system.styleImage['white_gradient.png']"/>") repeat-x top
}
/******* BEGIN FIREFOX HOVER FOR REGULAR BUTTON *******/
.button_color.button:hover {
	border:3px double #54A2EB;
	color:#444444;
	background: #B3D8F4 url("<ss:value source="$system.styleImage['white_gradient.png']"/>") repeat-x top
}
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/

/******* SPECIAL BUTTON STYLES*******/
.btn_small_update, .btn_small_change {
	font-size:9px
}		
.btn_update {
	font-size:9px
}	
.btn_continue {
	width:170px;
	padding:4px
}
.btn_add_to_cart{
	width:80px;
	* height:23px;
	font-size:11px;
	margin-top:5px;
	* padding:1px 0px 0px 0px
}
html>body .btn_add_to_cart {
	height:15px;
	padding:1px 0px 0px 0px
}
.btn_buy_it_now {
	width:80px;
	font-size:11px;
	margin:5px 0px 0px 5px;
	padding:0px
}
.btn_proceed_to_checkout {
  padding:2px 2px 2px 25px;
  width:190px;
  height:32px
}	
.btn_ordering_info {
 font-size:11px;
 width:150px
}
/******* END SPECIAL BUTTON STYLES*******/

/* box around product detail quantity and add to cart button
----------------------------------------------- */
.quantity {
	border:1px solid #CCCCCC; 
	width:250px; 
	white-space:nowrap;
	padding:10px
}

/* ADDED TO CART home page, product list and product detail pages
----------------------------------------------- */
.added_to_cart {
	background-color:#FFFAF4;
	border:1px solid #E2A269;
	margin:5px 0px 5px 0px;
	font-family:<ss:value source=$font.paragraph.face/>;
	font-size:<ss:value source=$font.paragraph.pixelSize/>px;
	color:#333333
	}
.added_to_cart A:link, .added_to_cart A:visited, .added_to_cart A:hover, .added_to_cart A:active {
	font-family:<ss:value source=$font.paragraph.face/>;
	font-size:<ss:value source=$font.paragraph.pixelSize/>px;
	color:#333333
	}

/* PRICE 
product list and some home pages
----------------------------------------------- */
.small_price {
	color:<ss:value source=$font.subheading.color/>;
	font-family:<ss:value source=$font.subheading.face/>;
	font-size:<ss:value source=$font.paragraph.pixelSize/>px;
	font-weight:bold
}

/* product detail page */
.large_price {
	color:<ss:value source=$font.subheading.color/>;
	font-family:<ss:value source=$font.subheading.face/>;
	font-size:<ss:value source=$font.subheading.pixelSize/>px;
	font-weight:bold
}
.totalsavings {	
	font-weight:bold;
	border:1px solid #cccccc;
	padding:10px;
	text-align:center;
	width:185px;
	color:<ss:value source=$font.subheading.color/>
}
.opc-totalsavings {	
	font-weight:bold;
	font-size:13px;
	padding:2px 1px;
	color:<ss:value source=$font.subheading.color/>;
	text-align:right
}
/* TABS 
product detail page
----------------------------------------------- */
.tabcontainer {
	width:100%;
	position:relative;
	color:#ffffff
}
.tab_on {
	color:#333333;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#e5e5e5;
	padding:3px;
	width:165px;
	float:left;
	display:inline;
	white-space:nowrap
	}
.tab_off {
	color:#333333;
	font-weight:normal;
	text-align:center;
	margin-top:10px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#F5F5F5;
	padding:3px;
	width:165px;
	float:left;
	cursor:pointer;
	display:inline;
	white-space:nowrap
	}
.descriptioncontainer {
	width:100%;
	position:relative
}
.detaildesc {
	border-top:4px solid #e5e5e5;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;	
	border-bottom:2px solid #e5e5e5;
	padding:5px;
	margin-bottom:10px;
	width:99%;
	text-align:left
}

/****** MULTIPLE IMAGES ****** product detail page */
.click {cursor:pointer}
.imagesmallcontainer {
	background-color:#ffffff;
	border:2px solid #CCCCCC;
	float:left;
	height:65px;
	margin:8px 4px 2px 0px;
	overflow:hidden;
	width:65px
}
.hoverover {
	clear:both;
	float:left;
	font-size:11px;
	padding-bottom:2px;
	padding-top:2px;
	width:300px
}
.notavailable {
	background-color:#ffffff;
	border:1px solid #cccccc;
	color:#666666;
	padding:10px;
	text-align:center
}
/* ALL CATEGORIES PAGE
----------------------------------------------- */
.category_outline {
	width:99%;
	border:1px solid #dddddd;
	text-align:center;
	margin:5px;
	padding:0px
}
.chain {
	text-align:left;
	margin-left:5px;
	font-size:13px;
	padding:4px;
	font-weight:bold;
	color:#666666
	}
.chain A:link, .chain A:visited, .chain A:active, .chain A:hover {
	font-family:<ss:value source=$font.paragraph.face/>;
	color:<ss:value source=$font.subheading.color/>;
	font-size:13px;
	}
.all_categories {
	width:220px
}
.all_categories A:link, .all_categories A:visited, .all_categories A:active, .all_categories A:hover {
	font-family:<ss:value source=$font.paragraph.face/>;
	color:<ss:value source=$font.paragraph.color/>;
	font-size:<ss:value source=$font.paragraph.pixelSize/>px;
	font-weight:normal
	}
.parent {
	margin-top:3px;
	margin-bottom:3px
}
.parent A:link, .parent A:visited, .parent A:active, .parent A:hover {
	font-weight:bold
	}
.parent_more {
	font-weight:bold;
	margin-top:5px;
	color:<ss:value source=$font.subheading.color/>
}
.parent_more A:link, .parent_more A:visited, .parent_more A:hover, .parent_more A:active {
	font-weight:bold;
	color:<ss:value source=$font.subheading.color/>
	}		
.sub_category {
	margin-top:5px;
	margin-bottom:5px
	}
.sub_category_more {	
	font-weight:bold;
	color:<ss:value source=$font.subheading.color/>
	}	
.sub_category_more A:link, .sub_category_more A:visited, .sub_category_more A:hover, .sub_category_more A:active {
	margin-left:1px;
	font-size:11px;
	font-weight:bold;
	color:<ss:value source=$font.subheading.color/>
	}	

.viewAllCategories {
	padding:6px 4px 6px 25px;
	line-height:normal;
	display:block;
	border-bottom:4px solid <ss:value source=$font.subheading.color/>;
	font-weight:100;
}

.viewAllCategories a:link, .viewAllCategories a:visited {
	color:<ss:value source=$font.subheading.color/>;
	text-decoration:none;
	font-weight:bold
}

.viewAllCategories a:hover {
	text-decoration:underline;
	background-color:#edecec
}	
/* CHECKOUT BREADCRUMB
----------------------------------------------- */
.breadcrumb_on {
	font-family:<ss:value source=$font.paragraph.face/>;
	color:<ss:value source=$font.subheading.color/>;
	padding-right:3px;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap;
	vertical-align:middle
}
.breadcrumb_off {
	font-family:<ss:value source=$font.paragraph.face/>;
	color:<ss:value source=$font.paragraph.color/>;
	padding-right:3px;
	font-size:13px;
	white-space:nowrap; 
	vertical-align:middle
}
.clear {
	clear:both
	}
.floatRight {
	float:right
	}
.floatLeft {
	float:left
	}
.note {
 	font-family:<ss:value source=$font.paragraph.face/>;
	color:<ss:value source=$font.paragraph.color/>;
	font-size:12px
	}