/* --------------------------------------------- GENERAL/LAYOUT CSS --------------------------------------------- */

body {
	padding:0px;
	margin:0px;
	_behavior: url("/csshover2.htc");
	background: white url(../Images/Gif/body-bg.gif) top repeat-x;
}


img 
{
	border:0px;
	outline: none;
}

a img
{
	text-decoration:underline;
}

a 
{
	border:0px;
	outline: none;
}

h3 p {
	padding:0px;
	margin:0px;
}

.maincolumn ul {
	list-style-image:url(../Images/Gif/green-bulletsm.gif);
	padding:0px;
	margin:0px 0px 0px 20px;
	_margin:0px 0px 0px 18px;
}

.pmcontrol {
	background: red;
	color: white;
	padding: 10px;	
	width: 100%;
}

.pmcontrol a {
	color: white;
	padding: 2px;
	margin:1px;
	text-decoration: none;
	display: block;
	float:left;
	border: 1px solid white;
}
	
hr {
	height: 1px;
	border-style: none;
	color: #e7dfed;
	background-color: #e7dfed;
	clear:both;
}

address {
	font-style:normal;
}

a:hover {

}

.clearer {
	clear:both;
}

#content {
	width: 991px;
	margin:0px auto;
}

/* --------------------------------------------- HEADER CSS --------------------------------------------- */

#logo, #logo span {
	float:left;
	background:url(../Images/Logos/simple-logo.gif) no-repeat;
	width:159px;
	height:69px;
	margin-top:2px;
	cursor:pointer;
	overflow: hidden;
}

#logo span {
	margin-bottom: -69px;
}


#logo  span {
	display: block;
	position: relative; 
	z-index: 1;
}

#navbar {
	height:32px;
	margin:1px 0px 8px 0px;
	padding:0px 10px;
	text-transform:uppercase;
}

#navbar ul {
	padding:0px;
	margin:0px;
}

#navbar li {
	display:inline;
}

#navbar span 
{
	display:none;
}

#navbar .slide span 
{
	display:block;
}

#loggedin {
	float:right;
	width:300px;
	font-size:10px;
	margin:20px 15px 0px 0px;
	height:26px;
	text-align:right;
}

#loggedin a {
	text-decoration:underline;
}

#productsearch {
	width:390px;
	float:right;
	background: none;
	height: 22px;
	padding:5px;
	font-size:10px;	
	color:green;
	text-align:center;
	_margin-top:2px; /*ie6 hack*/
}

#productsearch a 
{
	color:Green;
	text-decoration:underline;
}

#myaccount {
	width:107px;
	float:right;
	margin-left:1px;
	height: 22px;
	padding:5px;
	font-size:10px;	
	text-align:center;
	_margin-top:2px; /*ie6 hack*/	
}

#myaccount a {
	text-decoration:underline;	
}


.accesslink {
	display:none;
}

.normallink {
	display:inline;
}

/* --------------------------------------------- END HEADER CSS --------------------------------------------- */

/* --------------------------------------------- GENERAL CSS --------------------------------------------- */


#subnav {
	font-size: 110%;
	text-transform:uppercase;	
	width:196px;
	margin-left:4px;
}

#subnav a {
	text-decoration:underline;
	font-weight:bold;
	display:block;
	padding:5px 0px 4px 20px;
	height:1%;
	margin:0px;
	width:177px;	
}

#subnav a:hover {
	background:url(../Images/Gif/subnav-bg.gif) no-repeat;
}

.subnavON {
	background:url(../Images/Gif/subnav-bg.gif) no-repeat;
}

#subnav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.breadcrumbs 
{
	height: 21px;
}

.breadcrumbs a
{
	color:#919293;
}

#hideImg1, #hideImg2, #hideImg3 {
	display:none;
}

#footer, #footerHealth
{
	position:relative;
	height:337px;
	background:none;
}

#footer a, #footerHealth a
{
	text-decoration:underline;
	margin-right: 10px;
}

#footer a:hover, #footerHealth a:hover
{
	color:black;
}

.footerlinks {
	height:75px;
	text-align:center;
	font-size:90%;
}

.bottomboxes {
	position:relative;
	width:997px;
	margin:0px auto;
	height: 262px;
}

.floralWhiteMainbox 
{
	position:relative;
	background: none;
	width:991px;
	margin-bottom:12px;
}

.floralWhiteMainboxInner 
{
	padding:20px 20px 20px 0px;
	background: none;
	min-height:200px;
}

.homepageMainbox 
{
	width:991px;
	height:387px;
	background:url("/Images/Gif/hp-headerbg.gif") top left no-repeat;
	color:Green;
	margin:28px 0px 12px 0px;	
}

.leftcolumn 
{
	width:200px;
	float:left;
}

.maincolumn 
{
	width:740px;
	float:left;
	border-left: 1px solid #E7DFED;
	padding-left:30px;
	margin-top:10px;
}

.textbox {
	height:13px;
	font-size: 100%;
	color:green;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
}

.textarea {
	font-size: 100%;
	color:green;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
}

.textboxpassword {
	height:13px;
	font-size: 100%;
	color:green;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	background: white url("/Images/Gif/yourpassword.gif") no-repeat;	
}

.droplist {
	font-size: 100%;
	color:green;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
}

.pinkboxOuter {
	background: none;
	float:left;
	margin-right:9px;
}

.orangeboxOuter {
	background: none;
	float:left;
	margin-right:9px;
}

.blueboxOuter {
	background: none;
	float:left;
	margin-right:9px;
}

.greenboxOuter {
	background: none;
	float:left;
	margin-right:9px;
}
	
.pinkboxInner {
	background: none;
	padding:0px 8px 0px 15px;
}

.orangeboxInner {
	background: none;
	padding:0px 8px 0px 15px;
}

.blueboxInner {
	background: none;
	padding:0px 8px 0px 15px;
}

.greenboxInner {
	background: none;
	padding:0px 8px 0px 15px;
}

.pinkboxInner h2, .orangeboxInner h2, .blueboxInner h2, .greenboxInner h2 {
	padding-top:18px;
}

.middle {
	vertical-align:middle;
}

.basket 
{

	padding:8px 13px 5px 13px;
	width:223px;
	height:28px;
	background:url(../Images/Gif/basket-bg.gif) top right no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	text-align:center;
}

.basket a:hover
{
	color:green;
}

.addcartfloat {
	padding:8px 0px 5px 13px;
	position:absolute;
	right:230px;
	top:0px;
	background:url(../Images/Gif/basket-bg2.gif) top left;
	width:110px;
	height:28px;
}


.catpicture 
{
	float:left;
	width: 200px;
	margin-right:10px;
}

.cattext 
{
	float:left;
	width:423px;
}

.categoriessm 
{
	position:relative;
	background:url(../Images/Gif/category-bg.gif) no-repeat;
	width:175px;
	height: 149px;
	float:left;
	margin:0px 9px 9px 0px;
	padding-left:1px;
}

.cattitle 
{
	height:30px;
	overflow:hidden;
	padding:0px 5px;
}

.catlow {
	position:absolute;
	bottom:0px;
	left:0px;
}

.product 
{
	float:left;
	width: 330px;
	height: 116px;
	border-bottom: 1px solid #cccccc;
	padding:0px 0px 6px 0px;
	margin:5px 30px 0px 0px;
}

.product .kitDetails
{
	width: 116px; 
	float: right; 
	clear: left
}

.product .reviewDetails
{
	width: 85px; 
	float: left;
}

.productImg {
	width: 116px;
	height: 116px;
	float: left;
	margin-right: 10px;
	cursor:pointer;
}

.productImg:hover {
	background-position:0px -116px !important;
}

.orangeplainbox 
{
	position:relative;
	background:#fcf5d7 url(../Images/Gif/orangebox-tr.gif) top right no-repeat;	
}

.orangeplainboxinner 
{
	padding:5px 15px 15px 15px;
	background: url(../Images/Gif/orangebox-bl.gif) bottom left no-repeat;	
}

.obox1 {
	position: absolute;
	top:0px;
	left:0px;
}

.obox2 {
	position: absolute;
	bottom:0px;
	right:0px;
}

.sitemap ul {
	margin:3px 0px 3px 14px;
	padding:0px;
	list-style:none;
}

.referafriend {
	background: url(/Images/Jpg/refer-a-friend.jpg) bottom right no-repeat;
}

.newssearch {
	width:174px;
	padding:12px 3px 14px 20px;
	background:url(../Images/Gif/news-search-bg.gif) repeat-x bottom;
	border-top: 1px solid #E7DFED;
}

.simplesays {
	background:url(../Images/Text/simple-says.gif) no-repeat;
	width:83px;
	height:19px;
	text-indent:-2000px;
	margin-top:2px;
}

.LtBluebox {
	background: url(../Images/Gif/blueboxsolid-top.gif) top left no-repeat;
}

.LtBlueboxInner {
	background: url(../Images/Gif/blueboxsolid-bottom.gif) bottom left no-repeat;
	padding:20px;
}

.ulindent ul {
	padding:0px;
	margin:0px 0px 0px 14px;
}

.ltgreenbox {
	border: 1px solid #ccce10;
	padding: 10px 20px 20px 20px;
	margin-top: -1px;
	position:relative;
}

.ltgreenbox ul {
	margin:0px 0px 0px 15px;
	padding: 0px;
}

.pager a
{
	color: #878889;
	text-decoration:underline;
}

.relatedItemsPack {
	width:312px;
	float:left;
	margin-right:48px;
}

.hpbuttons1 {
	position:absolute;
	right:0px;
	top:12px;
	width: 85px;
	z-index:1000;
	text-align:right;
}

.hpbuttons1 img {
	margin-bottom:5px;
}

.addressboxouter {
	background:url(../Images/Gif/addressesbox-top.gif) top left no-repeat;
	width:222px;
	float:left;
	margin:10px 10px 2px 0px;
}

.addressboxinner {
	padding:10px 10px 2px 10px;
	background:url(../Images/Gif/addressesbox-bottom.gif) bottom left no-repeat;
}

.addressboxinner2 {
	padding:10px 10px 2px 10px;
	background:url(../Images/Gif/addressesbox-bottom2.gif) bottom left no-repeat;
}
.dotted 
{
	border-top:1px solid #ececec;
	}
	
.borderStrong {
	border-top:1px solid #c4c4c4;
}

.borderTable td {
	border-bottom:1px solid #dbdbdb;
}
	
/* --------------------------------------------- ENG GENERAL CSS --------------------------------------------- */

/* --------------------------------------------- BUTTONS --------------------------------------------- */

.button, .buttonDkGreen, .buttonOnDk {
	height:28px;
	float:left;
	display:block;
	padding:0px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	/*cursor: pointer;*/
}

.button {
	background:url(../Images/Buttons/button-r.gif) top right no-repeat;
}

.buttonDkGreen {
	background:url(../Images/Buttons/button-dkgreen-r.gif) top right no-repeat;
}

.buttonOnDk {
	background:url(../Images/Buttons/button-dkgreen-r.gif) top right no-repeat;
}

.button:hover, .buttonDkGreen:hover, .buttonOnDk:hover {
	background-position:right -30px;	
}

.button a, .buttonDkGreen a, .buttonOnDk a {
	float:left;
	text-decoration:underline;
	color:green;
	display:block;
	padding:6px 22px 0px 7px;
	height:25px;
}

.button a {
	background:url(../Images/Buttons/button-l.gif) top left no-repeat;
}

.buttonDkGreen a {
	background:url(../Images/Buttons/button-dkgreen-l.gif) top left no-repeat;
}

.buttonOnDk a {
	background:url(../Images/Buttons/button-dkgreen-l.gif) top left no-repeat;
}

.button a:hover, .buttonDkGreen a:hover, .buttonOnDk h6:hover {
	background-position:0px -30px;
	color:white;
}

/* BUTTONS FOR THE HOMEPAGE */

.buttonGR 
{
	background:url(../Images/Buttons/button-gr-r.gif) top right no-repeat;
	height:23px;
	float:left;
	display:block;
	padding:0px;
	font-size:11px;
	margin-bottom:5px;
}

.buttonGR:hover {
	background-position:right -23px;	
}

.buttonGR a {
	background:url(../Images/Buttons/button-gr-l.gif) top left no-repeat;
	float:left;
	text-decoration:underline;
	color:white;
	display:block;
	padding:4px 0px 0px 7px;
	width:100px;
	height:20px;	
}

.buttonGR a:hover {
	background-position:0px -23px;
	color:white;
}

.editor {
	position:absolute;
	z-index:2000;
}

/* --------------------------------------------- END BUTTONS --------------------------------------------- */

/* --------------------------------------------- BOTTOM BOX HEADERS --------------------------------------------- */

.productshead h4, .skincarestepshead h4, .simplebloghead h4, .shophead h4, .healthcheckhead h4 {
	display:none;
}

.productshead {
	background: url(../Images/Headings/products.gif) no-repeat bottom left;
	height: 50px;
	width: 87px;
}

.skincarestepshead {
	background: url(../Images/Headings/skincare-steps.gif) no-repeat bottom left;
	height: 50px;
	width: 140px;
}

.simplebloghead {
	background: url(../Images/Headings/simple-blog.gif) no-repeat bottom left;
	height: 50px;
	width: 140px;
}

.simplyviphead {
	background: url(../Images/Headings/simply-vip.gif) no-repeat bottom left;
	height: 50px;
	width: 140px;
}

.shophead {
	background: url(../Images/Headings/shop.gif) no-repeat bottom left;
	height: 50px;
	width: 140px;
}

.healthcheckhead {
	background: url(../Images/Headings/take-skin-health-check.gif) no-repeat bottom left;
	height: 50px;
	width: 216px;
}

.skincaresolutionshead {
	background: url(../Images/Headings/skincare-solutions.gif) no-repeat bottom left;
	height: 50px;
	width: 200px;
}
/* --------------------------------------------- END BOTTOM BOX HEADERS --------------------------------------------- */

/* --------------------------------------------- SKINCARE SOLUTIONS PAGES --------------------------------------------- */

.solutionsLive {
	background:url(../Images/Gif/solutions-live-bg.gif) no-repeat;
	width:409px;
	height:119px;
	position:relative;
	padding:150px 335px 0px 17px;
	color:white;
	/* margin-top:-60px;*/
}

.solutionsLive a {
	color:white;
}

.personimg {
	position:absolute;
	bottom:0px;
	right:23px;
}

.arrows {
	padding:0px;
	margin:0px 0px 0px 12px;
	list-style-image:url(../Images/Gif/greenarrow.gif);
	font-size:110%;
	line-height:1.5em;
}

.arrows a {
	color:#878889;
	text-decoration:underline;
}

.arrows a:hover {
	color:#7fc41b;
}

.liveQAbox {
	float:left;
	background:url(../Images/Jpg/liveQA-bg.jpg) no-repeat;
	width:142px;
	height:162px;
	padding:50px 108px 0px 16px;
	margin-right:20px;
	cursor:pointer;
}

.liveQAbox h2 {
	display:none;
}

.webcastArchives {
	float:left;
	width:450px;
}

.webcastArchive {
	float:left;
	width:126px;
	margin-right:15px;
}

.webcastArchive ul {
	margin:0px 0px 15px 14px;
	padding:0px;
	list-style-image:url(../Images/Gif/greenarrow.gif);
}

.sliderSm {
	float:left;
	width:408px;
	height:170px;	
}

#imageblockSm {
	overflow: hidden; 
	position:relative;
}

#imageblockBGsm {
	width:1000px;
}


.podcast {
	background:url(../Images/Gif/podcast-bg.gif) bottom left no-repeat;
	width:738px;
	height:350px;
	margin-bottom:22px;
	color:white;
	position:relative;
}

.podOptions {
	float:right;
	width: 140px;
	margin:0px 40px 0px 0px;
}

.podOptions ul {
	margin:0px 0px 15px 14px;
	padding:0px;
	list-style-image:url(../Images/Gif/orangearrow.gif);
	line-height:1.5em;
}

.podOptions a {
	color:white;
	text-decoration:underline;
}

#largeMovie {

	width:700px;
	height:490px;
	position: absolute;	
	z-index:2000;
	top:98px;
	left:250px;
}
#largeMovie .back
{
	width: 130px; 
	height: 30px; 	
	position: absolute; 
	top: 485px;
	z-index:2001;
	right:0px;
}

#largeMovie .back a
{
	color: #FFFFFF;
}

.glossaryBox {
	background: none;
	height:150px;
	width: 303px;
	padding-right:43px;
}




/* --------------------------------------------- END SKINCARE SOLUTIONS PAGES --------------------------------------------- */

/* --------------------------------------------- SKIN HEALTH CHECK PAGES --------------------------------------------- */

.healthcheckintro {
	background:url(../Images/Text/healthcheck-intro.gif) no-repeat;
	width:582px;
	height:236px;
}

.healthcheckintro p, .healthcheckintro h1 {
	display:none;
}

.orangeboxOuterForm {
	background: url(/Images/Gif/orangebox-right.gif) no-repeat right top;
	width:427px;
	margin:15px 0px 20px 0px;
}

.orangeboxInnerForm {
	background: url(/Images/Gif/orangebox-left.gif) no-repeat left top;
	padding:10px 8px 0px 15px;
}

.orangeboxOuterForm h5 {
	color:#267835;
	font-size: 1.9em;
	font-weight:normal;
}

.orangeboxOuterForm h6 {
	color:#267835;
	font-size: 1.2em;
}

.mainSkinCheck {
	margin-top:-8px;
	_margin-top:-11px;
	min-height:686px;
	_height:686px;
	width:991px;
	padding:20px;
	position:relative;
}

.mainSkinCheck h2, .mainSkinCheck h5 {
	margin:0px;
	padding:0px;
}

.mainSkinCheck ul {
	margin:10px 0px 10px 0px;
	padding:0px;
	color:#267835;
	font-weight:bold;
	list-style:none;

}

.mainSkinCheck input {
	vertical-align:middle;
}

.healthbuttons a {
	text-decoration:underline;
	color:#CCCCCC;
}

.questionIntro {
	font-size:125%;
	color: #7fc41b;
	width:207px;
	float:left;
	margin-top:20px;
}

.questionPic {
	float:left;
}

.HQcont 
{
	min-height:650px;
	width:991px;
	position:relative;	
}

.HQcont h2
{
	margin:0px;	
}

.GreenoutlineBox {
	width:430px;
	background:url(../Images/Gif/greenoutlinebox-top.gif) no-repeat top left;
}

.GreenoutlineBoxInner {
	background:url(../Images/Gif/greenoutlinebox-bottom.gif) no-repeat bottom left;
	padding:10px;
}

.GreenoutlineBoxMed {
	width:735px;
	background:url(../Images/Gif/greenoutlineboxmed-top.gif) no-repeat top left;
}

.GreenoutlineBoxMedInner {
	background:url(../Images/Gif/greenoutlineboxmed-bottom.gif) no-repeat bottom left;
	padding:20px;
}


.GreenoutlineBoxLong {
	width:893px;
	background:url(../Images/Gif/greenoutlineboxlong-top.gif) no-repeat top left;
}

.GreenoutlineBoxLongInner {
	background:url(../Images/Gif/greenoutlineboxlong-bottom.gif) no-repeat bottom left;
	padding:10px;
}

.registerintro {
	background:url(../Images/Text/register-start.gif);
	width:256px;
	height:83px;
	float:left;
	margin-top:50px;
}

.registerintro p {
	display:none;
}

.skinhealthProgress {
	background:url(../Images/Text/skin-health-check-progress.gif);
	width:383px;
	height:22px;
	margin-top:30px;
}

.skinhealthProgress p {
	display:none;
}

.begin {
	background: url(../Images/Text/ready-to-begin.gif) no-repeat;
	width:320px;
	height:37px;
	float:left;
	margin:16px 20px 0px 0px;
	text-align:center;
}

.begin h3 {
	display:none;
}

.greenbullet {
	list-style-image:url(../Images/Gif/green-bullet.gif);
	margin:20px 0px 0px 20px;
	padding:0px;
}

.dkGreenBox {
	background: #267835 url(../Images/Gif/dkgreenbox-top.gif) no-repeat top left;
	color:white;
	width:862px;
	font-size:160%;
	position:relative;
}

.dkGreenBoxInner {
	background: url(../Images/Gif/dkgreenbox-bottom.gif) no-repeat bottom left;
	padding: 20px 20px 20px 250px;	
}

.upgradenow {
	background: url(../Images/Text/upgrade-now.gif) no-repeat;
	width:514px;
	height:65px;
}

.upgradenow p {
	display:none;
}

.radiobuttons input {
	float:left;
	margin-right:5px;
}

.radiobuttons label {
	float:left;
	width:365px;
	margin-top:3px;
	display:block;
}

.reportImgCol {
	float: right;
	width: 180px;
	text-align:center;
}

/* --------------------------------------------- END SKIN HEALTH CHECK PAGES --------------------------------------------- */

/* --------------------------------------------- SIMPLE STORY PAGES --------------------------------------------- */

#timelineintro {
	position:absolute;
	right:20px;
	top:430px;
	width:350px;
}

.event {
	width:150px;
}

.event img {
	margin-left:-6px;
}

.slider {
	width:985px;
	height:420px;
	color:#267835;
	font-weight:bold;
	position:absolute;
	top:90px;
	left:0px;
}

.slider div {
	position:absolute;
}

.slider img {
	position:absolute;
}

.slider div img {
	position:static;
}

#imageblock {
	position:relative;
	margin:18px 0px 0px 3px;
	height: 420px;
	width:985px;
	overflow: hidden; 
}

#imageblockbg {
	background:url(/Images/Jpg/wallpaper.jpg) no-repeat;
	width:5922px;
	height:420px;
	position:absolute;
	left:0px;
}

#tvinfo {
	position:absolute;
	top:420px;
	left:23px;
	width: 300px;
	height:40px;
	font-weight:normal;
	color:#878889;
	font-size:100%;
}

.movie {
	position:absolute;
	bottom: 10px;
	right:20px;
}

.leftarrow, .rightarrow {
	position: absolute;
	z-index:200;
	top: 130px;
	cursor:pointer;
}

.rightarrow 
{
	left: 954px;
}

.leftarrow {
	left: -36px
}

.prodshot {
	position:absolute;
	top: 310px;
	left: 345px;
}

.prodshot div
{
	position: absolute;
	left: 0px;
	top: 0px;
}

.decadeTitles div {
	position:absolute;
	top:32px;
	right:20px;
}

.ruler 
{
	position:absolute;
	bottom:30px;
	z-index:300;
}
.ruler img
{
	float:left;
}

/* --------------------------------------------- END SIMPLE STORY PAGES --------------------------------------------- */

/* --------------------------------------------- START SIMPLE PRODUCT REVIEW SCROLLER --------------------------------------------- */
.reviewContainer
{
	width: 660px;
}
.reviewContainer .footer
{
	clear:both; 
	margin-top: 10px;
}
.reviewContainer .footer_info
{
	float:left; 
	width: 100px; 
	position: relative; 
	left: 275px; 
	height: 20px; 
	text-align:center;
}
.reviewContainer .footer_links
{
	float:right; 
	width: 200px;
}
.reviewContainer .footer_addReview
{
	position:relative;
	top: +4px;
}
.reviewContainer .footer_readLess
{
	float:right;
}
.reviewContainer .footer_readLess img
{
	vertical-align:middle;
	margin-left:4px;
}

.reviewPage
{
	left: 0px;
	top: 0px;
	width: 660px;
}
.reviewPage .holder
{
	display: block;
	
}
.reviewPage .left
{
	float: left;
	width: 320px;
}
.reviewPage .right
{
	float: right;
	width: 320px;
}
.reviewBlock
{
	margin: 0px 0px 10px 0px;
	padding: 0px 15px 0px 5px;
}


/* --------------------------------------------- END SIMPLE PRODUCT REVIEW SCROLLER --------------------------------------------- */

.PostageNonUKWarning
{
	color: Red;
	font-weight: bold;
}

/* --------------------------------------------- START SKINCARE SOLUTIONS LIVE  --------------------------------------------- */

#chatWindow
{
	margin:auto;
	width: 480px;
	height: 270px;
	overflow:auto;
	border: 2px solid #267835;
	padding: 10px;
	background:white;
	
}

#chatWindow .message
{
	clear:both;
}
#chatWindow .name
{
	float: left;
	width: 100px;
	font-weight: bold;
}
#chatWindow .text
{
	float: left;
	width: 380px;
}

.chatbg1 {
	width:502px;
	padding:20px 118px 0px 118px;
	background:#96bf0d url(../Images/Gif/chatbg1.gif) no-repeat 30px 0px;
}

.chatbg2 {
	width:502px;
	padding:0px 118px 10px 118px;
	background:#96bf0d url(../Images/Gif/chatbg2.gif) no-repeat bottom left;
}

.fillgreen {
	position:absolute;
	background:#96bf0d;
	height:27px;
	width: 738px;
	top:439px;
}