/* CSS Document */

/* global settings */
*{padding:0; margin:0;font:normal 15px/22px Georgia, "Times New Roman", Times, serif;}

/* hedder */

body				{background:url(../images/background.jpg); behavior:url("csshover.htc")}
#wrapper			{width:960px; margin:0 auto; padding:0 5px; background:#4d4461; overflow:hidden;}
#innerwrapper		{width:960px; margin:0 auto; background:#fff; overflow:hidden} 
#mainhedder			{width:960px; height:200px; float:left; /*background:url(../images/header.jpg) no-repeat; */}
#menucontainer		{width:960px; height:40px; float:left; background:url(../images/menu.jpg) repeat-x;}
/* top nav */
/*#nav				{width:788px; height:40px; float:left; list-style:none; padding:0 0 0 157px;}

#nav li				{float:left;}

#nav li	a			{font:bold 17px/40px "Times New Roman", Times, serif; padding:0 36px 0 36px; color:#000000; text-decoration:none; height:40px; display:block; float:left;}

#nav li a:hover		{ background:url(../image/menuimage_over.jpg) repeat-x; height:40px; display:block;}

#nav li ul			{ position:absolute;  top:0px; left:0px; list-style:none; padding:0; margin:0; display:none; height:auto; width:180px; z-index:100}

#nav li ul li		{float:none; display:block; }

#nav li ul li a		{background:#b8904f; min-width:180px;  padding:0 0 0 20px; border-bottom:1px solid #FFFFFF;}

#nav li a:hover		{ position:relative;}


#nav li:hover ul		{ height:40px; position:relative; z-index:300; display:block;}
*/



/*main-nav*/

#menu					{float:left; list-style:none; width:auto; padding:0 0 0 130px;}

#menu li				{float:left; width:auto; height:40px;}

#menu li a				{font:bold 14px/40px Arial, Helvetica, sans-serif; padding:0 36px 0 36px; color:#000000; display:block; text-align:center; text-decoration:none; }

#menu li:hover  		{background:url(../images/menu-hover.jpg) repeat-x; position:relative; z-index:200;}


#menu ul				{ position:absolute; top:40px; left:0; list-style:none; padding:0px; margin:0; display:none; z-index:100; }

#menu li:hover ul		{ display:block; height:auto; z-index:300; margin:0; padding:0; }

#menu ul li				{ width:200px; float:none; font:bold 14px/40px Arial, Helvetica, sans-serif;  background:#F1F1F1; border:#CACCCC 1px solid; border-top:none;height:40px; display:block; overflow:hidden;}

#menu ul li a			{ height:40px; display:block;  padding:0px 20px; text-decoration:none; text-indent:1px; color:#000;  text-align:left;}

#menu ul li:hover a		{ background:url(../images/menu-hover.jpg) repeat-x; color:#000 }

#menu ul li.bortop		{border-top:none;}


/* body */

#body				{width:940px; float:left; padding:10px;}
#leftmainproduct	{width:618px; height:310px; float:left; background:url(../images/bsq-natural-couture-bergamot-collection.jpg) left top no-repeat; border:1px solid #d3d5d4; padding:0;}
#leftmainproduct-opt	{width:620px; height:312px; float:left;  padding:0;}
#leftmainproduct p	{font:normal 18px/20px "Times New Roman", Times, serif; color:#727677;  padding:30px 18px 0 370px; }
#leftmainproduct p span	{color:#8137E4; font-size:18px; line-height:22px;}

/*banners*/
.banner-wrap {padding: 10px 0; float:left; width:940px; }
.banners {padding: 0 20px 0 0; float:left; width:300px; }
.banners-lst {padding: 0 0px 0 0; float:left; width:300px; }

/*#leftmainproduct img {margin:13px 0 0 80px; float:left;}
*/
#rightmainproduct	{background:url(../images/welcome-bg.jpg); width:320px; height:312px; float:left; }
#rightmainproduct p	{font:normal 12px/17px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; float:left; margin:160px 0 0 31px; width:263px; display:inline; }

#rightmainproduct p a {color:#FFFFFF;}

.productgallery		{ width:241px; height:235px; float:left; margin:39px 0 0 0; border-right:solid 1px #d6c569;}

.productgallery img	{margin:0 0 0 33px;}

.productgallery p	{font:normal 14px/22px Georgia, "Times New Roman", Times, serif; color: #6c7071; float:left; margin:0 0 0 18px; width:210px; display:inline;}

.productgallery1		{ width:227px; height:235px; float:left; margin:39px 0 0 0; border-right:solid 1px #d6c569;}

.productgallery1 img	{margin:0 0 0 29px;}

.productgallery1 p	{font:normal 14px/22px Georgia, "Times New Roman", Times, serif; color: #6c7071; float:left; margin:0 0 0 9px; width:210px; display:inline;}

.productgallery3		{ width:227px; height:235px; float:left; margin:39px 0 0 0;}

.productgallery3 img	{margin:0 0 0 59px;}

.productgallery3 p	{font:normal 14px/22px Georgia, "Times New Roman", Times, serif; color: #6c7071; float:left; margin:0 0 0 14px; width:210px; display:inline;}

/* end */

/* footer */
#footer			{width:960px; height:79px; float:left; background: url(../images/footer.jpg);}
#subfooter		{width:300px; height:51px; text-align:left; float:left;}
#subfooter p	{margin:35px 0 0 10px; font: normal 12px/12px Arial, Helvetica, sans-serif; color:#717277;}

#subfooter1		{width:652px; height:53px; text-align:right; float:right;}
#subfooter1 p	{margin:13px 12px 0 0; font: normal 12px/12px Arial, Helvetica, sans-serif; color:#717277;}
#subfooter1 p a	{color:#717277; margin:0 3px 0 3px; text-decoration:none;font: normal 12px/12px Arial, Helvetica, sans-serif;}
/* footer */ 
/* innerpages */
#innerpage			{width:100%; float:left; /*background:url(../images/inner-page-background.jpg) repeat-x;*/ height:auto; padding:0 0 30px 0;}


#innerpage02			{width:100%; float:left; /*background:url(../images/inner-page-background.jpg) repeat-x;*/ height:300px; padding:0 0 30px 0;}


#innertopheading	{width:921px; height:47px; float:left; color:#b180ee; font-size:27px; line-height:47px; padding:0 0 0 10px;	 background:#FFFFFF;}
.productwrapper		{width:916px; height:auto; float:left; margin:20px 0 0 10px;}
.headding			{ font-size:21px; color:#000000;background:url(../images/inner-page-bullet.gif) no-repeat 0 0; width:100%; height:32px; float:left; padding:0 0 0 24px;}


.subbody			{width:916px; height:auto; float:left; border:solid 1px #f0eaaa; padding: 10px 0 10px 0; background:#FBFBFB; }

.subbody p			{height:auto; padding: 10px 10px 10px 10px; line-height:17px;  }


.imagegallery		{width:225px; height:209px; float:left;border-right:solid 1px #d6c569; padding:0px 38px 0 38px;}

.imagegallery h4	{font-size:16px; color:#000000; font-weight:bold; padding:6px 0 6px 0; text-align:center;}

.imagegallery p		{color:#000000; margin:0px 0 0 0;}

.imagegallery a		{color:#ff0000;}


.imagegallery1		{width:225px; height:209px; float:left; padding:0px 38px 0 38px;}

.imagegallery1 h4	{font-size:16px; color:#000000; font-weight:bold; padding:6px 0 6px 0; text-align:center;}

.imagegallery h3, .imagegallery1 h3 {color:#8137E4; font-size:18px; line-height:22px; padding:6px 0 5px;}

.imagegallery1 p		{color:#000000; margin:0px 0 0 0;}

.imagegallery1 a		{color:#ff0000;}

.image-holder			{float:left; padding:15px; width:870px;}


img.leftpd			{padding:0 80px 0 80px;}

p.textcenter		{text-align:center; padding: 0 0 0 150px;}

.breadcrumb {12px font:Arial, Helvetica, sans-serif; color:#666; padding:8px 0 15px 10px;}
.breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited {color:#666; text-decoration:underline;}
.breadcrumb a:hover {color:#222; text-decoration:none;}


.protxt			{width:918px; height:auto; float:left; padding: 10px 0; }
.protxt p			{padding: 0px 0 8px 0; }
.prowrap			{width:918px; height:auto; float:left; padding: 10px 0 10px 0; }
.prowrap table		{ border-collapse:collapse;}
.prowrap td		    { padding:20px; border:solid 1px #f0eaaa; background:#FFF;}
.prowrap td.brk	    { padding:0px; border:none;}
.prowrap p.text		    { text-align: left; font-size:12px; padding-top:7px;}
.prowrap p.text strong	    {color:#8137E4; text-transform:uppercase;}
.prowrap td h3, .prowrap td h3 {color:#8137E4; font-size:18px; line-height:22px; padding:6px 0 5px;}
input.contact, textarea.contact { width:240px;}