﻿@charset "utf-8";
@import "../css/bodyshop_soup_v0909.css";
@import "../css/static_content.css";
@import "../css/style-soup_v0909.css";
/******************************/
/* Base Elements
/******************************/
body {
	background-image: url(../images/bg_gradient.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-attachment: scroll;
	font-family: Arial, Helvetica, sans-serif, Default;
	font-size: 12px;
	color: #535353;
	margin: 0;
	padding: 0;
	text-align: center;
	background-position: left top;
}
img {
	border:none;
}
input {
	font-size: 10px;
	background-color: #fff;
	color: #535353;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color:#7dba00;
}
A:link {
	color:#7dba00;
}
a:hover {
	text-decoration: underline;
}
ul {
	margin: 0;
	padding: 0;
}
input {
	border: 1px solid #ccc;
	background-color: #ffffff;
	font-size: 10px;
	padding-left: 3px;
}
/******************************/
/* Utilities
/******************************/
.container {
	width: 100%;
	padding: 0;
	margin: 0;
}
.float-right {
	float: right;
	clear: inherit;
}
.float-left {
	float: left;
	clear: inherit;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.clear-y-1px {
	height: 1px;
	overflow: hidden;
	clear: both;
}
.clear-y-10px {
	height: 10px;
	overflow: hidden;
	clear: both;
}
.clear-x-1px {
	clear: both;
	width: 1px;
	overflow: hidden;
}
.clear-x-10px {
	clear: both;
	overflow: hidden;
	width: 10px;
}
.clearfloat {
	clear: both;
	font-size: 1px;
	height:0;
	line-height: 0px;
}
#outer {
	overflow: hidden;
	position: relative;
}
#middle {
	position: absolute;
	top: 50%;
}
#inner {
	position: relative;
	top: -50%
}
#outer[id] {
	display: table;
	position: static;
 *position: relative;
}
#middle[id] {
	display: table-cell;
	vertical-align: middle;
	position: static;
 *position: absolute;
}
#inner[id] {
	position: static;
 *position: relative;
}
/******************************/
/* Text styles
/******************************/
.text-gray {
	color: #aaa;
}
.bullet-plus {
	font-size: 10px;
}
.bullet-plus-indent {
	font-size: 10px;
	padding-left: 15px;
}
/******************************/
/* Constants
/******************************/
/* Base */
#main-container {
	left:50%;
	position: absolute;
	width: 950px;
	margin-left: -475px;
 *margin-top: -10px;
}
/* Tab Navigation */
#tab-navigation {
	background: url(../_global/img/bg_tab.gif) no-repeat right bottom;
	height: 23px;
	text-align: right;
	margin-top: 18px;
}
#tab-content {
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	padding: 5px 30px 0 0;
}
#tab-content a:link, #tab-content a:hover, #tab-content a:visited, #tab-content a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.btn-global {
	border: 0;
	margin-bottom: -3px;
}
/* Main Navigation */
#main-navigation {
	background: url(../_global/img/bg_mainnavi.gif) repeat-x;
	height: 53px;
	text-align: left;
}
#main-navigation-buttons {
	float: left;
	padding-top: 31px;
}
.logo {
	padding: 24px 0 11px 15px;
	border: 0;
	float: left;
}
#search-navigation {
	text-align: left;
	margin:30px 20px 0px 10px;
	padding:0;
	float: right;
	height:15px;
}
.search {
	width:100px;
	margin:0;
}
/* Sub Navigation */
#sub-navigation {
	background: url(../_global/img/bg_subnavi.jpg) repeat-x;
	height: 43px;
}
#sub-navigation-search {
	background: url(../_global/img/bg_subnavi.jpg) repeat-x;
	height: 43px;
	_margin-top:-20px;
}
#sub-navigation-buttons {
	float: left;
	width: 920px;
	padding-top: 11px;
}
.sub-navigation-buttons {
	float: left;
	margin: 5px 7px 0 7px;
}
a.sub-navigation-buttonlink:link, a.sub-navigation-buttonlink:visited, a.sub-navigation-buttonlink:active {
	text-decoration: none;
	color:#e0f0bf;
}
a.sub-navigation-buttonlink:hover {
	color:#fff;
}
.sub-menu {
	width: 920px;
	height: 25px;
	position: relative;
	z-index: 100;
	border: 0;
}
.sub-menu ul {
	padding: 0;
	margin: 0;
	float:left;
	list-style-type: none;
}
.sub-menu ul ul {
}
.sub-menu li {
	position: relative;
	float: left;
}
.sub-menu a, .sub-menu a:visited {
	height: 25px;
	color: #e0f0bf;
	float:left;
	font-size: 12px;
	text-decoration: none;
	padding: 0 10px 0 10px;
	line-height: 29px;
	background: url(../_global/img/img_subnavi_breaker.gif) no-repeat right top;
	_margin-left: 1px;
}
.sub-menu a:link {
	color: #e0f0bf;
}
.sub-menu ul ul a:link {
	color: #666;
}
.sub-menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:25px;
	left:0;
	width:149px;
}
.sub-menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}
.sub-menu ul ul a, .sub-menu ul ul a:visited {
	background: #fff;
	color: #666;
	height: auto;
	line-height: 1em;
	padding: 5px 15px 1px 15px;
	margin-left: -1px;
	width: 184px;
	text-align: left;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	_margin-left: 0;
}
.sub-menu .footer {
	background: #fff;
	height: 10px;
	width: 214px;
	margin-left: -1px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	_margin-left: 0px;
}
.sub-menu a:hover, .sub-menu ul ul a:hover {
	color: #7dba00;
	background: #f9f9f9;
}
.sub-menu :hover > a, .sub-menu ul ul :hover > a {
	color: #7dba00;
	background: #f9f9f9;
}
.sub-menu ul li:hover ul, .sub-menu ul a:hover ul {
	visibility:visible;
}
.sub-menu .btn1 {
	width: 50px;
	_width: 30px;
}
.sub-menu .btn2 {
	width: 50px;
	_width: 62px;
}
.sub-menu .btn3 {
	width: 50px;
	_width: 79px;
}
.sub-menu .btn4 {
	width: 50px;
	_width: 65px;
}
.sub-menu .btn5 {
	width: 50px;
	_width: 49px;
}
.sub-menu .btn6 {
	width: 80px;
	_width: 98px;
}
.sub-menu .btn7 {
	width: 50px;
	_width: 69px;
}
.sub-menu .btn8 {
	width: 50px;
	_width: 40px;
}
.sub-menu .btn9 {
	width: 70px;
	_width: 81px;
}
.sub-menu .btn10 {
	width: 50px;
	_width: 77px;
}
.sub-menu .btn11 {
	width: 84px;
	_width: 41px;
}
/* Content */
#flash-container {
	width: 930px;
	height: 491px;
	padding: 6px 15px 0px 5px;
	background-color: #fff;
}
#flash-container .content {
	text-align: left;
	/*padding: 15px;*/
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}
#content-container {
	width: 920px;
	padding: 6px 15px 0px 15px;
	background-color: #ffffff;
}
#rightcontent-container {
	position: relative;
	float: right;
	width: 734px;
	text-align: left;
}
#flash-content {
	font-size: 11px;
	text-align:center;
}
/* Side Navigation */
#side-navigation {
	float: left;
	width: 179px;
	color: #fff;
	background: url(../_global/img/products/bg_sidenavi.gif) repeat-y #fff;
}
#search-side-navigation {
	float: left;
	width: 179px;
	color: #fff;
	background: url(../_global/img/products/bg_sidenavi.gif) repeat-y #fff;
}
#side-navigation-header {
	background: url(../_global/img/products/img_sidenavi_header.gif) no-repeat #fff;
	width: 179px;
	height: 4px;
}
#side-navigation-footer {
	background: url(../_global/img/products/img_sidenavi_footer.gif) no-repeat left bottom;
	width: 179px;
	height: 20px;
}
.side-navigation-item {
	width: 160px;
	margin: 0 3px 0 1px;
	padding: 4px 5px 4px 10px;
	text-align: left;
	border-bottom: 1px solid #d2d2d2;
	color: #4d4d4d;
	font-weight: bold;
	font-size:12px;
}
.side-navigation-item {
	width: 160px;
	margin: 0 3px 0 1px;
	padding: 4px 5px 4px 10px;
	text-align: left;
	border-bottom: 1px solid #d2d2d2;
	color: #4d4d4d;
	font-weight: bold;
	font-size:12px;
}

.side-navigation-item-img {
	padding: 20px 0px 20px 0px;
	text-align: center;
	color: #99cc33;
	font-weight: bold;
}
.side-navigation-item-selected {
	width: 155px;
	margin: 0 3px 0 1px;
	padding: 4px 10px 4px 10px;
	text-align: left;
	border-bottom: 1px solid #d2d2d2;
	color: #fff;
	font-weight: bold;
	background: #99cc33;
}
.side-navigation-breaker {
	width: 155px;
	height: 14px;
	margin: 0 3px 0 1px;
	padding: 4px 10px 4px 10px;
	background-color: #f9f9f9;
	border-bottom: 1px solid #d2d2d2;
}
a.side-navigationlink:link, a.side-navigationlink:visited, a.side-navigationlink:active {
	text-decoration: none;
	color: #535353;
}
a.side-navigationlink:hover {
	color: #7dba00;
}
/* Footer */
#footer {
	width: 100%;
	padding: 3px 0 10px 0;
	font-size: 10px;
	color: #4d4d4d;
	clear: both;
}
.footer-breaker {
	width: 100%;
	border-bottom: 1px solid #b3b3b3;
	clear: both;
	height: 1px;
	_margin-top: -12px;
}
#footerlink-container {
	float: left;
	margin: 10px 0 5px 0;
	font-size:12px;
}
a.footerlink:link, a.footerlink:visited, a.footerlink:active {
	text-decoration: none;
	color: #4d4d4d;
}
a.footerlink:hover {
	text-decoration: underline;
}
#newsletter {
	width: 100%;
	text-align: left;
	padding-bottom: 10px;
}
.btn-newsletter {
	margin-bottom: -6px;
}
/*
.btn-go {
	float: right;
	margin: 3px 0 10px 0;
}
.email-updates {
	float: right;
	clear: inherit;
}
*/
#language-selector {
	position: relative;
}
.language-selector-item {
	position: absolute;
	_position: relative;
	top: 105px;
	_top: 0;
	right: 5px;
	_right: 0;
	_float: right;
	_margin-top: -29px;
	/* margin: -25px 7px 0 7px; */
	color: #a9e61f;
	z-index: 200;
}
.language-selector-item-search1 {
	position: absolute;
	margin: -30px 0px 0 410px;
 *margin: -24px 0px 0 371px;
	_margin: -30px 0px 0 360px;
	padding:0px;
	color: #a9e61f;
	z-index: 200;
}
.language-selector-item-search2 {
	position: absolute;
	margin: -30px 0px 0 410px;
 *margin: -24px 0px 0 419px;
	_margin: -30px 0px 0 380px;
	padding:0px;
	color: #a9e61f;
	z-index: 200;
}
.language-selector-breaker {
	float: left;
	margin-right: 7px;
	margin-left: 6px;/*_margin-top: -29px;
 	*margin-right: 7px;*/
}
.language-selector-breaker1 {
	position: absolute;
	margin: -30px 0px 0 410px;
	z-index: 200;/*_margin-top: -29px;
 	*margin-right: 7px;*/
}
.language-selector-breaker2 {
	position: absolute;
	margin: -30px 0px 0 460px;
	z-index: 200;/*_margin-top: -29px;
 	*margin-right: 7px;*/
}
.language-selector-textalign {
	float: left;
	margin-top: 8px;
}
#copyright {
	font-size: 12px;
	color: #4d4d4d;
	text-align: center;
	margin: 5px 0 5px 0;
}
a.breadcrumblink:link, a.breadcrumblink:visited, a.breadcrumblink:active {
	text-decoration: none;
}
a.breadcrumblink:hover {
	text-decoration: underline;
}
.breadcrumb-breaker {
	color: #d5d5d5;
}
/******************************/
/* Landing
/******************************/
.landing #footer {
	margin-top: 30px;
}
/******************************/
/* Products
/******************************/
#footerlink-container {
	margin-bottom: -16px;
}
/* Masthead */
#masthead {
	float: left;
	width: 730px;
	padding: 1px 3px 0 1px;
	margin: 0px 0 0 0;
 *margin-bottom: -11px;
	background: url(../_global/img/products/bg_masthead.gif) no-repeat top left #fff;
}
#masthead-footer {
	float: left;
	width: 730px;
	margin-bottom: 5px;
}
.promotions-image {
	border: 1px solid #dbdbdb;
}
/* Product Thumbnail */
.thumbnail-container {
TEXT-ALIGN: center; MARGIN: 0px 4px 7px 0px; WIDTH: 179px; BACKGROUND: url(../_global/img/products/bg_thumbnail.gif) no-repeat left top; FLOAT: left; HEIGHT: 224px
}
.thumbnail-container-nomarginright {
	float: left;
	width: 179px;
	height: 224px;
	margin: 0 0 7px 0;
	text-align: center;
	background: url(../_global/img/products/bg_thumbnail.gif) no-repeat top left;
}
.thumbnail-header {
	BACKGROUND: url(../_global/img/products/bg_thumbnail_header.gif) no-repeat left top; HEIGHT: 4px
}
.thumbnail-footer {
	height: 7px;
	_margin-top: -10px;
	background: url(../_global/img/products/bg_thumbnail_footer.gif) no-repeat bottom left;
}
.thumbnail-img {
	height: 150px;
	_margin-top: -10px;
	background: url(../_global/img/products/bg_thumbnail.gif) repeat-y top left;
}
.thumbnail-breaker {
	height: 3px;
	background: url(../_global/img/products/bg_thumbnail_breaker.gif) no-repeat top left;
}
.thumbnail-content-title {
	width: 155px;
	height: 40px;
	_margin-top: -11px;
	padding: 8px 11px 0 13px;
	font-weight: bold;
	text-align: left;
	background: url(../_global/img/products/bg_thumbnail.gif) repeat-y top left;
}
.thumbnail-content-price {
	width: 155px;
	height: 10px;
	padding: 0 11px 5px 13px;
	text-align: left;
	background: url(../_global/img/products/bg_thumbnail.gif) repeat-y top left;
}
a.thumbnail-morelink:link, .products a.thumbnail-morelink:visited, .products a.thumbnail-morelink:active {
	text-decoration: none;
	color: #7dba00;
}
a.thumbnail-morelink:hover {
	color: #a1e517;
}
/* Item Description */
.products .hd-item {
	float: left;
	width: 100%;
	font-size: 28px;
	margin: 5px 0 5px 0;
}
.products #description-container {
	width: 100%;
}
.products #description-main {
	/*_margin-top: -167px;*/
	width: 548px;
}
.products #description-main-content {
	float: left;
	width: 544px;
	padding: 0 3px 0 1px;
	background: url(../_global/img/products/bg_desc.gif) repeat-y top left #fff;
}
.products #description-img-pane {
	float: left;
	width: 289px;
	height: 254px;
}
.products .btn-zoom {
	float: left;
	margin: 0 0 0 5px;
}
.products #description-text-pane {
	float: left;
	width: 225px;
	padding: 15px;
}
.products .description-product-tn {
	float: left;
	width: 60px;
	height: 60px;
	padding: 2px 5px 5px 2px;
	margin-right: 5px;
	background: url(../_global/img/products/bg_product_tn.gif) no-repeat;
}
.products .description-options-container {
	float: left;
	width: 60px;
	margin: 15px 0 15px 15px;
	font-weight: bold;
}
.products .description-options-field {
	font-size: 10px;
	width: 60px;
	border: 1px solid #dbdbdc;
	margin-top: 2px;
}
.products #wishlist-container {
	width: 100px;
	float: right;
	margin: 30px 15px 15px 0;
	text-align: right;
}
.products .description-side-pane-container {
	float: right;
	width: 179px;
 *margin-top: -7px;
}
.products .description-side-pane {
	width: 155px;
	background: url(../_global/img/products/bg_sidepanel.gif) repeat-y top left #fff;
	padding: 10px 13px 3px 11px;
 *margin-top: -3px;
 *margin-bottom: -3px;
}
/* Perfect Partners */
.products .partners-container {
	height: 60px;
	vertical-align: middle;
	font-size: 12px;
}
.products #outer {
	height: 60px;
	_width: 95px;
}
.products #inner {
	font-size: 11px;
}
.products a.partnerslink:link, .products a.partnerslink:visited, .products a.partnerslink:active {
	text-decoration: none;
	color: #535353;
}
.products a.partnerslink:hover {
	color: #7dba00;
}
.products #newsletter {
	width: 935px;
	background-color: #fff;
	padding: 5px 0 5px 15px;
 *padding-bottom: 10px;
}
/* Shades */
.products .shades-main-container {
	position: relative;
	margin: 0 22px 0 2px;
}
.products .shade-container {
	float: left;
	text-align: center;
	font-size: 10px;
	width: 84px;
	_width: 80px;
	margin-left: 20px;
}
/* Buttons */
.btn-more {
	border: 0;
	margin-bottom: -3px;
}
/* Tab Content */
.products .tab-container {
	width: 100%;
	display: block;
}
.products .tab-content-navigation {
	float: left;
	width: 100%;
	text-align: left;
}
.products .tab-content-pane {
	float: left;
	width: 692px;
	color: #535353;
	padding: 18px;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
 *margin-top: -9px;
}
.products .tab-content-pane a {
	font-weight: bold;
	color: #74bf02;
}
.products .tab-footer {
	width: 100%;
	float: left;
	height: 6px;
	background: url(../_global/img/products/tab_bg_footer.gif) no-repeat top left #fff;
}
.products .tab-bar {
 *margin-top: -11px;
}
/* Promotions */
.promotions-container {
	border: 1px solid #dbdbdb;
}
.products #promotions {
 *margin-left: -475px;
 *margin-top: -5;
}
/* Footer */

/******************************/
/* Editorial 
/******************************/
.editorial {
	width: 950px;
	padding: 6px 0px 0px 0px;
 *margin-left: -475px;
}
.editorial #side-navigation {
	float: none;
	margin-left: 15px;
}
.editorial #rightcontent-container {
	font-size: 12px;
	width: 704px;
	margin-right: 15px;
	_margin-right: 10px;
	_margin-left: -10px;
	padding: 15px;
}
.editorial #text-pane {
	float: left;
	width: 100%;
}
.editorial .img-pane {
	margin: 30px -25px;
	padding-left: 40px;
}
.editorial #sideimg-pane {
	margin: 30px 0 0 0;
}
.editorial #side-pane {
	float: left;
	width: 179px;
}
.editorial .two-col {
	float: left;
	margin-right: 25px;
	width: 325px;
}
.editorial #newsletter {
	width: 935px;
	background-color: #fff;
	padding: 5px 0 5px 15px;
 *padding-bottom: 10px;
}
/* Sitemap */
.editorial .sitemap-main-container {
	position: relative;
 *height: 1%;
}
.editorial .sitemap-section-container {
	float: left;
	text-align: left;
	width: 161px;
	margin-right: 20px;
}
.editorial .sitemap-section-container-nomarginright {
	float: left;
	text-align: left;
	width: 161px;
}
/* About styles */
.editorial .editorial-about .form-btn, .editorial .editorial-about .side-navigation-item-selected {
	background-color: #ec7a23;
}
.editorial .editorial-about a.side-navigationlink:link, .editorial .editorial-about a.side-navigationlink:visited, .editorial .editorial-about a.side-navigationlink:active {
	text-decoration: none;
	color: #535353;
}
.editorial .editorial-about .bullet-plus, .editorial .editorial-about .bullet-plus-indent, .editorial .editorial-about a.side-navigationlink:hover, .editorial .editorial-about .highlight, .editorial .editorial-about .side-navigation-item-indent {
	color: #ec7a23;
}
/* Loyalty styles */
.editorial .editorial-loyalty .form-btn, .editorial .editorial-loyalty .side-navigation-item-selected {
	background-color: #d09e01;
}
.editorial .editorial-loyalty a.side-navigationlink:link, .editorial .editorial-loyalty a.side-navigationlink:visited, .editorial .editorial-loyalty a.side-navigationlink:active {
	text-decoration: none;
	color: #535353;
}
.editorial .editorial-loyalty .bullet-plus, .editorial .editorial-loyalty .bullet-plus-indent, .editorial .editorial-loyalty a.side-navigationlink:hover, .editorial .editorial-loyalty .highlight, .editorial .editorial-loyalty .side-navigation-item-indent {
	color: #d09e01;
}
/* Shop styles */
.editorial .editorial-shop .form-btn, .editorial .editorial-shop .side-navigation-item-selected {
	background-color: #669900;
}
.editorial .editorial-shop a.side-navigationlink:link, .editorial .editorial-shop a.side-navigationlink:visited, .editorial .editorial-shop a.side-navigationlink:active {
	text-decoration: none;
	color: #535353;
}
.editorial .editorial-shop .bullet-plus, .editorial .editorial-shop .bullet-plus-indent, .editorial .editorial-shop a.side-navigationlink:hover, .editorial .editorial-shop .highlight, .editorial .editorial-shop .side-navigation-item-indent {
	color: #669900;
}
/* Values styles */
.editorial .editorial-values .form-btn, .editorial .editorial-values .side-navigation-item-selected {
	background-color: #0198cb;
}
.editorial .editorial-values a.side-navigationlink:link, .editorial .editorial-values a.side-navigationlink:visited, .editorial .editorial-values a.side-navigationlink:active {
	text-decoration: none;
	color: #535353;
}
.editorial .editorial-values .bullet-plus, .editorial .editorial-values .bullet-plus-indent, .editorial .editorial-values a.side-navigationlink:hover, .editorial .editorial-values .highlight, .editorial .editorial-values .side-navigation-item-indent {
	color: #0198cb;
}
/* Web poll */
.editorial #webpoll-container {
	margin: 0 -12px 0 15px;
}
/* Form */
.editorial .form-txtfield {
	width: 200px;
}
.editorial .form-txtarea {
	width: 200px;
	border: 1px solid #ccc;
	background-color: #ffffff;
	font-size: 10px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif, Default;
	color: #535353;
}
.editorial .form-btn {
	border: none;
	color: #fff;
	padding: 2px;
}
.editorial .form-chkbox {
	border: none;
}
@-moz-document url-prefix() {
.editorial .form-btn {
padding-bottom: 3px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.editorial .form-btn {
	padding: 3px 5px 3px 5px;
}
}
/* Footer */
#footer {
	padding-top: 10px;
}
#footerlink-container {
	margin-top: -15px;
}
/*
.editorial #footer {
	clear: both;
	padding-top: 8px;
}
.editorial #footerlink-container {
	padding-left: 5px;
}
.editorial .email-updates {
	margin-right: 5px;
}
@-moz-document url-prefix() {
.editorial #footerlink-container {
margin-bottom: -30px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.editorial #footerlink-container {
margin-bottom: -30px;
}
}
*/
/******************************/
/* Lounge
/******************************/
.lounge #flash-container {
	background: no-repeat center center #fff;
}
.lounge #lounge-subcontainer {
	position: absolute;
	top: 190px;
	left: 95px;
	width: 760px;
	height: 400px;
}
.lounge .frameset {
	width:920px;
	height:496px;
	overflow:hidden;
	zoom:1;
	border: 0;
}
.lounge #flash-content {
	color: #fff;
}
.lounge #footer {
	margin-top: 40px;
}
/******************************/
/* Loyalty
/******************************/
.loyalty #form-masthead {
	_margin-bottom: -3px;
 *margin-bottom: -3px;
}
.loyalty #form-login {
	width: 114px;
	background-color: #d09e01;
	font-size: 10px;
	color: #fff;
	padding: 10px;
	margin-left: 1px;
	text-align: left;
	_margin-left: -10px;
 *margin-left: -10px;
}
.loyalty .form-login-textfield {
	border: 1px solid #cecece;
	width: 110px;
	_width: 109px;
 *width: 109px;
	margin-bottom: 5px;
	_margin-left: 10px;
 *margin-left: 10px;
}
.loyalty a.form-loginlink:link, .loyalty a.form-loginlink:visited, .loyalty a.form-loginlink:active {
	text-decoration: underline;
	color: #fff;
}
.loyalty a.form-loginlink:hover {
	text-decoration: none;
}
.loyalty #side-navigation {
	width: 135px;
	background: none;
}
.loyalty .side-navigation-item {
	width: 115px;
	margin: 0;
}
.loyalty #side-pane {
	float: left;
	width: 147px;
	margin-left: 10px;
}
.loyalty #rightcontent-container {
	width: 709px;
	height: 519px;
	padding: 0 20px 0 20px;
	margin: 40px 0 0 14px;
	background: url(../img/editorial/bg_loyalty.jpg) bottom left #fff;
}
.loyalty #opacity-border {
	width: 680px;
	height: 280px;
	padding: 15px;
	background-color: #fff;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}
.loyalty #visible-container {
	position: relative;
	width: 680px;
	height: 279px;
	margin: -294px 0 0 15px;
	background-color: #fff;
}
.loyalty #text-pane {
	position: relative;
	padding-right: 25px;
	width: 295px;
	font-size: 12px;
	margin: -280px 0 0 375px;
}
/******************************/
/* Store locator
/******************************/
.store-locator {
	width: 950px;
	padding: 0;
	background-color: #fffffff;
}
.store-locator #content-pane {
	position: relative;
	width: 859px;
	text-align: left;
	margin: 0 15px 0 15px;
	padding: 6px 48px 0 13px;
	background: url(../img/editorial/bg_gradient.gif) top left #f2f2f2;
}
/******************************/
/* Search
/******************************/
.search #search-rightcontent-container {
	/*position: relative;*/
	float: right;
	width: 734px;
	text-align: left;
	padding: 6px 0px 0px 7px;
	_padding:6px 0 0 0;
}
#search-rightcontent-container {
	/*position: relative;*/
	float: right;
	width: 734px;
	text-align: left;
	padding: 6px 0px 0px 7px;
	_padding:6px 0 0 0;
}
/* Side navigation */
.search {
 *margin-left:-475px;
	margin-top /*\**/: -5px\9
}
 @-moz-document url-prefix() {
.search {
 margin-top: -5px;
}
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.search {
	margin-top: -5px;
}
}
/*start adding*/
.search-side-navigation-item {
	width: 155px;
	margin: 0 3px 0 1px;
	padding: 2px 10px 2px 10px;
	text-align: left;
	/*border-bottom: 1px solid #d2d2d2;*/
	color: #4d4d4d;
	font-weight: bold;
	font-size:11px;
}
.search-side-navigation-item-border {
	width: 155px;
	margin: 0 3px 0 1px;
	padding: 2px 10px 2px 10px;
	text-align: left;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	color: #4d4d4d;
	font-weight: bold;
	font-size:11px;
}
.search-side-navigation-link {
	color: #535353;
}
.search-side-navigation-item-indent {
	margin: 3px 10px 0 20px;
	text-align: left;
	color: #99cc33;
	font-weight: bold;
}
.search-side-navigation-item-indent-indent {
	margin: 0 10px 0 30px;
	text-align: left;
	color: #535353;
	font-weight:normal;
}
a.search-side-navigation-link:link, a.search-side-navigation-link:visited, a.search-side-navigation-link:active {
	text-decoration: none;
	color: #535353;
}
a.search-side-navigation-link:hover {
	color: #333333;
}
/* Search Text */
.header {
	font-size: 16px;
	text-align:left;
	float: right;
	width: 734px;
	text-align: left;
	font-weight: bold;
	padding: 6px 0px 0px 0px;
}
.header2 {
	font-size: 16px;
	text-align:left;
	float: right;
	width: 734px;
	text-align: left;
	font-weight: bold;
	padding: 6px 0px 6px 0px;
}
.title {
	font-size: 11px;
	text-align:left;
	float: right;
	width: 734px;
	text-align: left;
	font-weight: bold;
	padding: 6px 0px 0px 0px;
}
.title2 {
	font-size: 11px;
	text-align:left;
	width: 734px;
	text-align: left;
	font-weight: bold;
	padding: 6px 0px 0px 0px;
}
.copy {
	font-size: 11px;
	text-align:left;
	float: right;
	width: 734px;
	text-align: left;
	padding: 2px 0px 6px 0px;
}
/*end adding*/

/* Search thumbnail */
.search .thumbnail-container {
	float: left;
	width: 179px;
	height: 224px;
	margin: 0 5px 7px 0;
	text-align: center;
	background: url(../_global/img/products/bg_thumbnail.gif) no-repeat top left;
}
.search .thumbnail-container-nomarginright {
	float: left;
	width: 179px;
	height: 224px;
	margin: 0 0 7px 0;
	text-align: center;
	background: url(../_global/img/products/bg_thumbnail.gif) no-repeat top left;
}
.search .thumbnail-header {
	height: 4px;
	background: url(../_global/img/products/bg_thumbnail_header.gif) no-repeat top left;
}
.search .thumbnail-footer {
	height: 7px;
	_margin-top: -10px;
	background: url(../_global/img/products/bg_thumbnail_footer.gif) no-repeat bottom left;
}
.search .thumbnailfooter {
	height: 7px;
	_margin-top: -10px;
	background: url(../_global/img/products/bg_thumbnail_footer.gif) no-repeat bottom left;
}
.search .thumbnail-img {
	height: 150px;
	_margin-top: -10px;
	background: url(../_global/img/products/bg_thumbnail.gif) repeat-y top left;
}
.search .thumbnail-breaker {
	height: 3px;
	background: url(../_global/img/products/bg_thumbnail_breaker.gif) no-repeat top left;
}
.search .thumbnail-content-title {
	width: 155px;
	height: 40px;
	_margin-top: -11px;
	padding: 8px 11px 0 13px;
	font-weight: bold;
	text-align: left;
	background: url(../_global/img/products/bg_thumbnail.gif) repeat-y top left;
}
.search .thumbnail-content-price {
	width: 155px;
	height: 10px;
	padding: 0 11px 5px 13px;
	text-align: left;
	background: url(../_global/img/products/bg_thumbnail.gif) repeat-y top left;
}
.search a.thumbnail-morelink:link, .search a.thumbnail-morelink:visited, .search a.thumbnail-morelink:active {
	text-decoration: none;
	color: #7dba00;
}
.search a.thumbnail-morelink:hover {
	color: #a1e517;
}
/* Item description */
.search .hd-item {
	float: left;
	width: 100%;
	font-size: 28px;
	margin: 5px 0 5px 0;
}
.search #description-container {
	width: 100%;
}
.search #description-main {
	/*_margin-top: -167px;*/
	width: 548px;
}
.search #description-main-content {
	float: left;
	width: 544px;
	padding: 0 3px 0 1px;
	background: url(../_global/img/products/bg_desc.gif) repeat-y top left #fff;
}
.search #description-img-pane {
	float: left;
	width: 289px;
	height: 254px;
}
.search .btn-zoom {
	float: left;
	margin: 0 0 0 5px;
}
.search #description-text-pane {
	float: left;
	width: 225px;
	padding: 15px;
}
.search .description-product-tn {
	float: left;
	width: 60px;
	height: 60px;
	padding: 2px 5px 5px 2px;
	margin-right: 5px;
	background: url(../_global/img/products/bg_product_tn.gif) no-repeat;
}
.search .description-options-container {
	float: left;
	width: 60px;
	margin: 15px 0 15px 15px;
	font-weight: bold;
}
.search .description-options-field {
	font-size: 10px;
	width: 60px;
	border: 1px solid #dbdbdc;
	margin-top: 2px;
}
.search #wishlist-container {
	width: 100px;
	float: right;
	margin: 30px 15px 15px 0;
	text-align: right;
}
.search .description-side-pane-container {
	float: right;
	width: 179px;
 *margin-top: -7px;
}
.search .description-side-pane {
	width: 155px;
	background: url(../_global/img/products/bg_sidepanel.gif) repeat-y top left #fff;
	padding: 10px 13px 3px 11px;
 *margin-top: -3px;
 *margin-bottom: -3px;
}
/* Perfect partners */
.search .partners-container {
	height: 60px;
	vertical-align: middle;
	font-size: 12px;
}
.search #outer {
	height: 60px;
	_width: 95px;
}
.search #inner {
	font-size: 11px;
}
.search a.partnerslink:link, .search a.partnerslink:visited, .search a.partnerslink:active {
	text-decoration: none;
	color: #535353;
}
.search a.partnerslink:hover {
	color: #7dba00;
}
.search #newsletter {
	width: 935px;
	background-color: #fff;
	padding: 5px 0 5px 15px;
 *padding-bottom: 10px;
}
/* Shades */
.search .shades-main-container {
	position: relative;
	margin: 0 22px 0 2px;
}
.search .shade-container {
	float: left;
	text-align: center;
	font-size: 10px;
	width: 84px;
	_width: 80px;
	margin-left: 20px;
}
/* Buttons */
.search .btn-more {
	border: 0;
	margin-bottom: -3px;
}
/* Tab content */
.search .tab-container {
	width: 100%;
	display: block;
}
.search .tab-content-navigation {
	float: left;
	width: 100%;
	text-align: left;
}
.search .tab-content-pane {
	float: left;
	width: 692px;
	color: #535353;
	padding: 18px;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	margin-top: -9px;
}
.search .tab-content-pane a {
	font-weight: bold;
	color: #74bf02;
}
.search .tab-footer {
	width: 100%;
	float: left;
	height: 6px;
	background: url(../_global/img/products/tab_bg_footer.gif) no-repeat top left #fff;
}
.search .tab-bar {
	margin-top: -11px;
}
.pagination a:hover {
	color:#000;
	text-decoration:underline;
}
#rightcontent-container .float-left a.breadcrumblink {
	color:#7DBA00;
}
#masthead #flash-content a {
	color:#7DBA00;
}
#content-container #rightcontent-container a {
	color:#7DBA00;
}
#content-container #rightcontent-container .sitemap-main-container a {
	color:#535353;
}
#search-rightcontent-container a {
	color:#7DBA00;
}
#content-container #side-pane #flash-content a {
	color:#7DBA00;
}
*html .copy {
	font-size: 11px;
	text-align:left;
	float: right;
	width: 732px;
	text-align: left;
	padding: 2px 0px 6px 0px;
}
*html .search .thumbnail-container {
	float: left;
	width: 179px;
	height: 224px;
	margin: 0 5px 7px 0;
	text-align: center;
	background: url(../_global/img/products/bg_thumbnail.gif) no-repeat top left;
}
*html .header {
	font-size: 16px;
	text-align:left;
	float: right;
	width: 732px;
	text-align: left;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
}
*html .header2 {
	font-size: 16px;
	text-align:left;
	float: right;
	width: 732px;
	text-align: left;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
}
*html .search #search-rightcontent-container {
	float:right;
	padding:6px 0 0 0px;
	text-align:left;
	width:734px;
	margin-left:5px;
}
*html .title {
	font-size: 11px;
	text-align:left;
	float: right;
	width: 734px;
	text-align: left;
	font-weight: bold;
	padding: 6px 0px 0px 0px;
}
*html .title2 {
	font-size: 11px;
	text-align:left;
	width: 734px;
	text-align: left;
	font-weight: bold;
	padding: 6px 0px 0px 0px;
}
*html .search {
	background-color:#FFFFFF;
	padding:6px 15px 0 15px;
	position:absolute;
	width:920px;
}
*:first-child+html .header2 {
	font-size: 16px;
	text-align:left;
	float: right;
	width: 734px;
	text-align: left;
	font-weight: bold;
	padding-bottom:6px;
	padding-top:6px;
	padding-left:0px;
	padding-right:0px;
}
*:first-child+html .title2 {
	font-size: 11px;
	text-align:left;
	width: 734px;
	text-align: left;
	font-weight: bold;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
}
/******************************/
/* HTML Homepage
/******************************/
.rounded-container, .rounded-container .top-container, .rounded-container .bottom-container {
	width: 928px;
}
.rounded-container {
	position: relative;
	background: url(../img/home/bg_shadow_body.gif) repeat-y;
}
.rounded-container .top-container {
	background-image: url(../img/home/bg_shadow_T.gif);
	background-repeat: repeat-x;
	height: 13px;
}
.rounded-container .bottom-container {
	background-image: url(../img/home/bg_shadow_B.gif);
	background-repeat: repeat-x;
	height: 16px;
}
.rounded-container .top-container .corner-tl, .rounded-container .top-container .corner-tr {
	width: 50px;
}
.rounded-container .top-container .corner-tl, .rounded-container .bottom-container .corner-bl {
	text-align: left;
}
.rounded-container .top-container .corner-tr, .rounded-container .bottom-container .corner-br {
	text-align: right;
}
.rounded-container .top-container .corner-tl, .rounded-container .bottom-container .corner-bl {
	float: left;
}
.rounded-container .top-container .corner-tr, .rounded-container .bottom-container .corner-br {
	float: right;
}
/*
#landing-html .rounded-container .corner-tl,
#landing-html .rounded-container .corner-tr,
#landing-html .rounded-container .corner-bl,
#landing-html .rounded-container .corner-br {
	position: absolute;
}
#landing-html .rounded-container .corner-tl,
#landing-html .rounded-container .corner-tr {
	top: 0;
}
#landing-html .rounded-container .corner-bl,
#landing-html .rounded-container .corner-br {
	bottom: 0;
}
#landing-html .rounded-container .corner-tl,
#landing-html .rounded-container .corner-bl {
	left: 0;
}
#landing-html .rounded-container .corner-tr,
#landing-html .rounded-container .corner-br {
	right: 0;
}
#landing-html .shadow-top,
#landing-html .shadow-bottom {
	width: 100%;
}
#landing-html .shadow-top {
	background: url(../img/home/bg_shadow_T.gif) repeat-x;
}
#landing-html .shadow-bottom {
	background: url(../img/home/bg_shadow_B.gif) repeat-x;
}
#landing-html .rounded-container .content{
	padding: 20px 10px;
	height: 200px;
}
#landing-html .rounded-container .body-container {
	
}
#landing-html .rounded-container .left-container {
	float: left;
}
#landing-html .rounded-container .body-container,
#landing-html .rounded-container .body-container .shadow-top {
	width: 100%;
}
#landing-html .rounded-container .body-container .shadow-top {
	height: 2px;
	background: url(../img/home/bg_shadow_T.gif) repeat-x top top;
}
#landing-html .rounded-container .right-container {
	float: right;
}
#landing-html .rounded-container .shadow-top,
#landing-html .rounded-container .shadow-bottom {
	width: 100%;
}
#landing-html .rounded-container .shadow-top{
	background: url(../img/home/bg_shadow_T.gif) repeat-x top top;
}
#landing-html .rounded-container .shadow-bottom{
	height: 6px;
	background: url(../img/home/bg_shadow_B.gif) repeat-x;
}
#landing-html .rounded-container .shadow-left{
	width: 14px;
	background: url(../img/home/bg_shadow_L.gif) repeat-y;
}
#landing-html .rounded-container .shadow-right{
	width: 11px;
	background: url(../img/home/bg_shadow_R.gif) repeat-y;
}
*/
/******************************/
/* New Page
/******************************/
#content-left {
	float: left;
	/*padding-top: 15px;*/
	width: 628px;
	background-image: url(../img/home/breaker_long.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#content-right {
	float: right;
	width: 260px;
	text-align: left;
}
/******************************/
/* Button
/******************************/
.button {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif, "HelveticaNeueLT Std";
}
.button a:link, .button a:hover, .button a:visited, .button a:active {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif, "HelveticaNeueLT Std";
	font-size: 12px;
}
button {
	border: 0 none;
	cursor: pointer;
	padding: 0 10px 0 0;
	text-align: center;
	height: 22px;
	line-height: 22px;
	width: auto;
}
button.rounded {
	clear: left;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../img/home/btn_right.png);
	background-repeat: no-repeat;
	background-position: right top;
}
button span {
	display: block;
	padding: 0 0 0 10px;
	position: relative;
	white-space: nowrap;
	height: 22px;
	line-height: 22px;
	font-weight: bold;
}
button.rounded span {
	color: #FFFFFF;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../img/home/btn_left.png);
	background-repeat: no-repeat;
	background-position: left top;
}
button.rounded:hover {
	background-position: 100% -22px;
}
button.rounded:hover span {
	background-position: 0% -22px;
}
button::-moz-focus-inner {
 border: none;
}
/******************************/
/* Side Elements
/******************************/
.side-content {
	padding-top: 10px;
	padding-right: 10px;
	background-image: url(../img/home/breaker_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif, "HelveticaNeueLT Std";
	color: #868686;
	font-size: 12px;
	font-weight: bold;
}
.side-content1 {
	padding-top: 0px;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif, "HelveticaNeueLT Std";
	color: #868686;
	font-size: 12px;
	font-weight: bold;
}
.side-text {
	float: right;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif, "HelveticaNeueLT Std";
	color: #868686;
	font-size: 12px;
	padding-left: 10px;
}
.side-title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4d4d4d;
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 5px;
}
.side-title_1 {
	display: block;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4d4d4d;
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 5px;
	margin: -34px 0px 0px 80px;
}
.side-title_img {
	width: 46px;
	display: block;
	text-align: left;
}
/******************************/
/* Bottom Elements
/******************************/
#bottom-left {
	float: left;
	height: 160px;
	width: 288px;
	/*padding-left: 10px;*/
	padding-right: 10px;
}
#bottom-middle {
	float: left;
	height: 160px;
	width: 290px;
	padding-left: 20px;
	padding-right: 10px;
	background-image: url(../img/home/breaker.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#bottom-right {
	float: right;
	height: 160px;
	width: 258px;
	padding-left: 20px;
	background-image: url(../img/home/breaker.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#bottom-right a {
	color: #4d4d4d;
}
.clear {
	clear: both;
}
.home-title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4d4d4d;
	font-size: 16px;
	line-height: 20px;
}
#textarea {
	padding-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4d4d4d;
	font-size: 14px;
}




.left-img {
	float: left;
}
.right-text {
	float: right;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	color: #868686;
	font-size: 12px;
}

.right-text-s {
	float: right;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	color: #868686;
	font-size: 11px;
}


/******************************/
/* Slider Content
/******************************/
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
#slider ul, #slider li, #slider2 ul, #slider2 li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider2 {
	margin-top:1em;
}
#slider li, #slider2 li {
	/*define width and height of list item (slide) entire slider area will adjust according to the parameters provided here*/ 
	width: 590px;
	height: 452px;
	overflow: hidden;
}
#prevBtn, #nextBtn, #slider1next, #slider1prev {
	display: block;
	width: 21px;
	height: 22px;
	position:absolute;
	left: 520px;
	top: 450px;
	z-index: 1000;
}
#nextBtn, #slider1next {
	left: 560px;
}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {
	display:block;
	position:relative;
	width:21px;
	height:22px;
	background-image: url(../img/home/prev.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nextBtn a, #slider1next a {
	background-image: url(../img/home/next.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/******************************/
/* Rounded Corner
/******************************/
/* set millions of background images */
.rbroundbox {
	background-image: url(../img/home/nt.gif);
	background-repeat: repeat-x;
}
.rbtop div {
	background: url(../img/home/tl.gif) no-repeat top left;
}
.rbtop {
	background: url(../img/home/tr.gif) no-repeat top right;
}
.rbbot div {
	background: url(../img/home/bl.gif) no-repeat bottom left;
}
.rbbot {
	background: url(../img/home/br.gif) no-repeat bottom right;
}
/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 5px;
	font-size: 1px;
}
.rbcontent {
	margin: 0 5px;
	text-align: center;
}
.rbcontent a:link, .rbcontent a:active, .rbcontent a:visited {
	text-decoration: none;
	color: #e0f0bf;
}
.rbcontent a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.rbroundbox {
	width: 45%;
	margin-left: auto;
}
#ratings {
	float: right;
}
#review-title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4d4d4d;
	font-size: 14px;
	line-height: 20px;
	float: left;
}
.view {
	float: right;
	padding-top: 8px;
}
#fb {
	height: 48px;
	padding-left: 55px;
	font-size: 12px;
	background-image: url(../img/home/facebook.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#twitter {
	height: 48px;
	padding-left: 55px;
	font-size: 12px;
	background-image: url(../img/home/twitter.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#quicklink {
	height: 30px;
	padding-right: 55px;
	padding-top:5px;
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: 2px dotted #CCCCCC
}
/*Taiwan CSS
