@charset "utf-8";
/******************************/
/* Base Elements
/******************************/
body {
	background-image: url(../img/bg_gradient.jpg);
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif, Default;
	font-size:11px;
	color: #535353;
	margin: 0;
	padding: 0;
	text-align: center;
}
a:link, a:visited, a:active {
	text-decoration: underline;
	color:#7dba00;
}
a:hover {
	text-decoration: none;
}
/******************************/
/* Utilities
/******************************/
.container {
	width: 100%;
	padding: 0;
	margin: 0;
}
.float-right {
	float: right;
	clear: inherit;
}
.float-left {
	float: left;
	clear: inherit;
}
.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;
}
/******************************/
/* Constants
/******************************/
/* Base */
#main-container {
	left:50%;
	position: absolute;
	width: 950px;
	margin-left: -475px;
}
/* Tab Navigation */
#tab-navigation {
	background: url(../img/bg_tab.gif) no-repeat right bottom;
	height: 23px;
	text-align: right;
	margin-top: 18px;
}
#tab-content {
	font-weight: bold;
	font-size: 10px;
	padding: 5px 15px 0 0;
}
.btn-global {
	border: 0 !important;
	margin-bottom: -3px;
	padding-right:5px;

}
/* Main Navigation */
#main-navigation {
	background: url(../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;
}
/* Sub Navigation */




#sub-navigation {
	BACKGROUND: url(../img/bg_subnavi.jpg) repeat-x; HEIGHT: 43px
}
#sub-navigation-buttons {
	FLOAT: left; WIDTH: 920px; PADDING-TOP: 11px
}
.sub-navigation-buttons {
	FLOAT: left; MARGIN: 5px 7px 0px
}
A.sub-navigation-buttonlink:link {
	COLOR: #e0f0bf; TEXT-DECORATION: none
}
A.sub-navigation-buttonlink:visited {
	COLOR: #e0f0bf; TEXT-DECORATION: none
}
A.sub-navigation-buttonlink:active {
	COLOR: #e0f0bf; TEXT-DECORATION: none
}
A.sub-navigation-buttonlink:hover {
	COLOR: #fff
}
.sub-menu {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 100; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 920px;  HEIGHT: 25px; BORDER-RIGHT-WIDTH: 0px
}
.sub-menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.sub-menu UL UL {
	
}
.sub-menu LI {
	FLOAT: left; POSITION: relative
}
.sub-menu A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 11px; BACKGROUND: url(http://www.thebodyshop.com.sg/_global/img/img_subnavi_breaker.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 1px; COLOR: #e0f0bf; LINE-HEIGHT: 29px; PADDING-TOP: 0px; HEIGHT: 25px; TEXT-DECORATION: none
}
.sub-menu A:visited {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 11px; BACKGROUND: url(http://www.thebodyshop.com.sg/_global/img/img_subnavi_breaker.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 1px; COLOR: #e0f0bf; LINE-HEIGHT: 29px; PADDING-TOP: 0px; HEIGHT: 25px; TEXT-DECORATION: none
}
.sub-menu UL UL {
	LEFT: 0px; VISIBILITY: hidden; WIDTH: 149px; POSITION: absolute; TOP: 25px; HEIGHT: 0px
}
.sub-menu TABLE {
	LEFT: 0px; POSITION: absolute; TOP: 0px; BORDER-COLLAPSE: collapse
}
.sub-menu UL UL A {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: #fff; PADDING-BOTTOM: 1px; MARGIN-LEFT: 0px; BORDER-LEFT: #999999 1px solid; WIDTH: 184px; COLOR: #666; LINE-HEIGHT: 1em; PADDING-TOP: 5px; HEIGHT: auto; TEXT-ALIGN: left
}
.sub-menu UL UL A:visited {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: #fff; PADDING-BOTTOM: 1px; MARGIN-LEFT: 0px; BORDER-LEFT: #999999 1px solid; WIDTH: 184px; COLOR: #666; LINE-HEIGHT: 1em; PADDING-TOP: 5px; HEIGHT: auto; TEXT-ALIGN: left
}
.sub-menu .footer {
	BORDER-RIGHT: #999999 1px solid; BACKGROUND: #fff; MARGIN-LEFT: 0px; BORDER-LEFT: #999999 1px solid; WIDTH: 214px; BORDER-BOTTOM: #999999 1px solid; HEIGHT: 10px
}
.sub-menu A:hover {
	BACKGROUND: #f9f9f9; COLOR: #7dba00
}
.sub-menu UL UL A:hover {
	BACKGROUND: #f9f9f9; COLOR: #7dba00
}
UNKNOWN {
	BACKGROUND: #f9f9f9; COLOR: #7dba00
}
.sub-menu UL LI:hover UL {
	VISIBILITY: visible
}
.sub-menu UL A:hover UL {
	VISIBILITY: visible
}
/*.sub-menu .btn1 {
	WIDTH: 30px
}
.sub-menu .btn2 {
	WIDTH: 62px
}
.sub-menu .btn3 {
	WIDTH: 79px
}
.sub-menu .btn4 {
	WIDTH: 65px
}
.sub-menu .btn5 {
	WIDTH: 49px
}
.sub-menu .btn6 {
	WIDTH: 98px
}
.sub-menu .btn7 {
	WIDTH: 69px
}
.sub-menu .btn8 {
	WIDTH: 40px
}
.sub-menu .btn9 {
	WIDTH: 81px
}
.sub-menu .btn10 {
	WIDTH: 77px
}
.sub-menu .btn11 {
	WIDTH: 41px
}*/
/*<!--#sub-navigation {
	background: url(../img/bg_subnavi.jpg) repeat-x;
	height: 43px;
}
#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;
	list-style-type: none;
	display:inline;}
.sub-menu ul ul {
}
.sub-menu li {
	position: relative;
	float: left;
		display:inline;
}
.sub-menu a, .sub-menu a:visited {
	height: 25px;
	color: #e0f0bf;
	display: block;
	font-size: 11px;
	text-decoration: none;
	padding: 0 10px 0 10px;
	line-height: 29px;
	background: url(http://www.thebodyshop.com.sg/_global/img/img_subnavi_breaker.gif) no-repeat right top;
	_margin-left: 1px;
}
.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: 67px;
	_width: 30px;
}
.sub-menu .btn2 {
	width: 63px;
	_width: 62px;
}
.sub-menu .btn3 {
	width: 78px;
	_width: 79px;
}
.sub-menu .btn4 {
	width: 65px;
	_width: 65px;
}
.sub-menu .btn5 {
	width: 48px;
	_width: 49px;
}
.sub-menu .btn6 {
	width: 98px;
	_width: 98px;
}
.sub-menu .btn7 {
	width: 70px;
	_width: 69px;
}
.sub-menu .btn8 {
	width: 40px;
	_width: 40px;
}
.sub-menu .btn9 {
	width: 80px;
	_width: 81px;
}
.sub-menu .btn10 {
	width: 76px;
	_width: 77px;
}
.sub-menu .btn11 {
	width: 41px;
	_width: 41px;
}
-->*/
/* Content */
#flash-container {
	width: 920;
	height: 491px;
	padding: 2px 15px 0px 15px;
	background-color: #fff;
}
#flash-content {
	font-size: 11px;
	text-align:center;
}
/* What  our staff say */
.staff{
font-family: Arial, Helvetica, sans-serif, Default;
	font-size:20px;
	color: #535353;
	font-weight:bold;
	}
.pratibha{font-family: Arial, Helvetica, sans-serif, Default;
	font-size:14px;
	color: #535353;
	font-weight:bold;}



/* GV Offer page */
#gv-container {
	width: 920;
	height: auto;
	padding: 2px 15px 0px 15px;
	background-color: #fff;
}
#gv-content {
	font-size: 11px;
	text-align:center;
}

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

.gv ul {margin:0px; padding:0px 0px 2px 20px; list-style-type:disc;}
.gv ul li{ padding:0px 0px 2px 7px; }

/* Footer */
#footer {
	width: 100%;
	padding: 3px 0 10px 0;
	font-size: 10px;
	color: #4d4d4d;
}
.footer-breaker {
	width: 100%;
	border-bottom: 1px solid #b3b3b3;
	clear: both;
	height: 1px;
	_margin-top: -12px;
}
#footerlink-container {
	float: left;
	margin-top: 3px;
}
a.footerlink:link, a.footerlink:visited, a.footerlink:active {
	text-decoration: none;
	color: #4d4d4d;
}
a.footerlink:hover {
	text-decoration: underline;
}
.btn-go {
	float: right;
	margin: 3px 0 10px 0;
}
#copyright {
	font-size: 10px;
	color: #4d4d4d;
	text-align: center;
	margin: 5px 0 5px 0;
}



/* Item description */
.hd-item {
	float: left;
	width: 100%;
	font-size: 28px;
	margin: 5px 0 5px 0;
}
 #description-container {
	width: 100%;
}
 #description-main {
	/*_margin-top: -167px;*/
	width: 548px;
}
#description-main-content {
	float: left;
	width: 544px;
	padding: 0 3px 0 1px;
	background: url(../img/bg_desc.gif) repeat-y top left #fff;
}
#description-img-pane {
	float: left;
	width: 289px;
	height: 254px;
}
 .btn-zoom {
	float: left;
	margin: 0 0 0 5px;
}
#description-text-pane {
	float: left;
	width: 225px;
	padding: 15px;
}
.description-product-tn {
	float: left;
	width: 60px;
	height: 60px;
	padding: 2px 5px 5px 2px;
	margin-right: 5px;
	background: url(../../img/bg_product_tn.gif) no-repeat;
}
.description-options-container {
	float: left;
	width: 60px;
	margin: 15px 0 15px 15px;
	font-weight: bold;
}
.description-options-field {
	font-size: 10px;
	width: 60px;
	border: 1px solid #dbdbdc;
	margin-top: 2px;
}
 #wishlist-container {
	width: 100px;
	float: right;
	margin: 30px 15px 15px 0;
	text-align: right;
}
.description-side-pane-container {
	float: right;
	width: 179px;
 *margin-top: -7px;
}
.description-side-pane {
	width: 155px;
	background: url(../img/bg_sidepanel.gif) repeat-y top left #fff;
	padding: 10px 13px 3px 11px;
 *margin-top: -3px;
 *margin-bottom: -3px;
}
/*newsletter

.newslettermain{background-color:#FFFFFF;  padding:8px 0 4px 0}
.newslettermain div{float:left; width:175px;  padding-left:12px;}
.newslettermain div div {width:30px; float:left; margin:0px; padding:0}*/


/* Date 17th November 2009 Updations */
body
{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.bg_container
{
margin:20px auto;
background:url(../images/bg_loveEtc.gif);
background-repeat:no-repeat;
width:900px;
border:1px solid #ccc;
}

.bg_container h2{
font-size:14px;
font-weight:bold;
margin-left:5px;
color:#FF3F8E !important;
}

.bg_container h2 a{
color:#FF3F8E !important;
text-decoration:none;
}

.bg_container h2 a:hover{
color:#89214E;
text-decoration:none;
}

.bg_container h3{
font-size:14px;
font-weight:bold;
margin-left:20px;
color:#FF3F8E;
line-height:20px;
}

.bg_container h4{
font-size:18px;
color:#fff;
font-weight:bold;
margin-bottom:10px;
}

.divscroll
{
height:200px;
color:#FF3F8E;
font-weight:bold;
overflow-y:scroll;
margin-right:20px;
text-align:left !important;
/*scrollbar-face-color:#CE4185;
scrollbar-arrow-color:#FF3F8E;
scrollbar-track-color:#CE4185;
scrollbar-shadow-color:#FF3F8E;
scrollbar-highlight-color:#FF3F8E;
scrollbar-3dlight-color:#CE4185;
scrollbar-darkshadow-Color:#FF3F8E;
scrollbar-face-width:4px;*/
}

.divscroll p{
padding-right:10px;
padding-top:10px;
}

a.link_etc{
color:#89214E;
}

.heading{
font-size:13px;
color:#89214E;
}

.photoGallery
{
margin-top:30px;
}

.photoGallery h1
{
font-size:20px;
color:#FF3F8E;
font-weight:bold;
margin-left:105px;
margin-bottom:10px
}

.table photoGallery 
{
margin-left:60px;
}

.photoGallery img
{
margin:3px;
}

.gallery_link
{
color:#fff;
font-size:11px;
font-weight:bold;
padding-left:50px;
}

.backBtn{
font-size:14px;
font-weight:bold;
padding-left:120px;
color:#FF3F8E;
text-decoration:none;
}

.backBtn a{
color:#FF3F8E;
text-decoration:none;
}

.backBtn a:hover{
color:#89214E;
text-decoration:none;
}

.pinkBold{
color:#89214E;
font-weight:bold;
font-size:18px;
}

.pinkBold16{
color:#FF3F8E;
font-weight:bold;
font-size:20px;
}