@charset "utf-8";

/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
@font-face {
	font-family: "NillandExtraBold";
	src: url("/portalfonts/Nilland-ExtraBold.eot?") format("eot"), url("/portalfonts/Nilland-ExtraBold.woff") format("woff"),
		url("/portalfonts/Nilland-ExtraBold.ttf") format("truetype"),
		url("/portalfonts/Nilland-ExtraBold.svg#Nilland-ExtraBold") format("svg");
}

@font-face {
	font-family: georgiab;
	src: url('/portalfonts/georgiab.ttf');
}

.border {
	border: 2px solid #d9d8d8;
}

#newsletter_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7a7a7a;
	height: 25px;
	width: 153px;
	border: 1px solid #d7d7d7;
	background-color: #FFFFFF;
}

#div {
	border-left: 1px solid #d5e4ea;
	height: 88px;
}

/*----------- Nav --------------*/
#nav {
	height: 16px;
	float: right;
	margin: 25px 0 0 0;
}

#nav span {
	display: block;
	color: #122333;
	font-size: 16px;
	font-weight: 900;
	font-family: NillandExtraBold;
}

#nav li,#nav a {
	display: block;
	height: 16px;
	text-decoration: none;
	color: #122333;
	font-size: 16px;
	font-family: NillandExtraBold;
}

#nav li {
	float: left;
	display: inline;
	margin-left: 25px;
}

#nav li.shop a {
	color: #69a12d;
}

#nav li.shop a:hover {
	color: #122333;
}

#nav li.shop a span {
	color: #666;
	font-size: 10px;
	margin: -8px -10px 0 0;
	position: absolute;
	top: 0px;
	right: 0px;
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background-image: url(/portalimages/cleanplanet/button_bg.jpg);
}

#topbg {
	height: 84px;
}

#horizontal {
	background: #d7d7d7;
	height: 1px;
	width: 100%;
	solid
	#d7d7d7;
}

img.floatLeft {
	float: left;
	margin: 4px;
}

/
/*main nav css*/ /*header css ==============================================*/
/*Content css ==============================================*/
#content .gallery {
	margin-left: 4px;
}

.home-section {
	overflow: hidden;
	margin-top: 29px;
}

.home-section .green-area {
	background: url(/portalimages/cleanplanet/giftgreen-logo.jpg) no-repeat 0px 0px;
	float: left;
	width: 215px;
	margin-top: 5px;
	padding-left: 74px;
	font-style: italic;
	text-align: left;
}

.home-section .green-area p {
	padding: 43px 0px 10px 6px;
}

.home-section .green-area span {
	background: url(/portalimages/cleanplanet/find-arrow.jpg) no-repeat 0px 3px;
	padding-left: 27px;
}

.home-section .green-area a {
	color: #5A5A5A;
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
}

.home-section .green-area a:hover {
	text-decoration: none;
}

.home-section .palnet-area {
	float: left;
	width: 313px;
	margin-left: 31px;
	overflow: hidden;
}

.home-section .palnet-area h5,.home-section .join-area h5 {
	margin-bottom: 14px;
	background: url(/portalimages/cleanplanet/heading.jpg) no-repeat 0px 0px;
	height: 16px;
	text-indent: -9999em;
}

.home-section .join-area h5 {
	background-position: 0px -15px;
}

.home-section .palnet-img {
	width: 117px;
	height: 84px;
	overflow: hidden;
	float: left;
}

.home-section .palnet-info {
	width: 185px;
	float: right;
	font-style: italic;
	text-align: left;
}

.home-section .palnet-info small {
	display: block;
	font-size: 11px;
	color: #9e9e9e;
	padding-bottom: 3px;
	margin-top: -2px;
}

.home-section .palnet-info h1 {
	font-size: 20px;
	color: #1c2d3d;
	display: block;
	padding-bottom: 4px;
}

.home-section .palnet-info a {
	font-size: 11px;
	text-decoration: underline;
	color: #5a5a5a;
}

.home-section .palnet-info a:hover {
	text-decoration: none;
}

.home-section .palnet-info span {
	color: #5a5a5a;
	font-size: 16px;
	padding: 0px 3px;
}

.home-section .join-area {
	width: 220px;
	float: left;
	margin-left: 50px;
}

.home-section .join-area a {
	display: block;
	text-decoration: underline;
	padding-left: 33px;
	font-size: 11px;
	color: #5a5a5a;
	font-style: italic;
	line-height: 24px;
	margin-bottom: 6px;
}

.home-section .join-area a:hover {
	text-decoration: none;
}

.home-section .join-area .fb-link {
	background: url(/portalimages/cleanplanet/fb_img.jpg) no-repeat;
}

.home-section .join-area .twitter-link {
	background: url(/portalimages/cleanplanet/twitter_img.jpg) no-repeat;
}

.home-section .join-area .email-link {
	background: url(/portalimages/cleanplanet/email_img.jpg) no-repeat;
}

/*Content css ==============================================*/
/*Footer css ==============================================*/
#footer {
	padding: 30px 8px 30px 1px;
	overflow: hidden;
	font-size: 10px;
	font-family: Arial;
	color: #5a5a5a;
}

#footer .alignleft a {
	margin: 0px 2px 0px 4px;
}

#footer a {
	color: #8e8678;
}

#footer a.flyinglogo {
	background: url(/portalimages/cleanplanet/flying-course-logo.jpg) no-repeat 0px 0px;
	padding: 0px 0px 4px 18px;
}

#footer a.tsdlogo {
	background: url(/portalimages/cleanplanet/tsdlogo.jpg) no-repeat 0px 0px;
	padding: 0px 0px 4px 18px;
}

#footer .verisign {
	padding: 13px 0px 0px 2px;
}

a {
	color: #5A5A5A;
	outline: medium none;
	text-decoration: none;
}

/*Footer css ==============================================*/
button[type="button"],button[type="reset"],button[type="submit"],input[type="reset"],input[type="submit"],input[type="button"]
	{
	text-decoration: none;
	border: none;
	background-color: #35241a;
	color: #FFFFFF;
	font-family: Georgia;
	font-weight: bold;
	font-size: 10px;
	height: 22px;
	cursor: pointer;
}

.richpanelstyle {
	border-color: #E8E8E8;
	border-style: solid;
	border-width: 10px;
}

.ptext {
	font-style: italic;
	color: #565656;
	font-family: Georgia;
	font-weight: bold;
	font-size: 11px;
}

.pgreentext {
	font-style: italic;
	color: #5E8733;
	font-family: Georgia;
	font-weight: bold;
	font-size: 11pt;
}

.pgreentext_accept_terms_conditions {
	font-style: italic;
	color: #5E8733;
	font-family: Georgia;
	font-weight: bold;
	font-size: 12px;
}

.pblacktext {
	color: #000000;
	font-family: Georgia;
	font-weight: bold;
	font-size: 10pt;
}

.pmandtext {
	font-style: italic;
	color: #565656;
	font-family: Georgia;
	font-weight: bold;
	font-size: 12px;
}

.outputtext {
	color: #5E4842;
	font-family: Georgia;
	font-size: 10px;
	font-weight: bold;
	vertical-align: top;
}

.tdpadding {
	padding: 4px;
}

.predtext {
	font-style: italic;
	color: #994F42;
	font-family: Georgia;
	font-weight: bold;
	font-size: 12px;
}

/* aboutUs=========================================*/
.abtus_top {
	background: url(/portalimages/abtus_bg_top.jpg) center top no-repeat;
	width: 950px;
	height: 37px;
}

.abtbg_center {
	background: url(/portalimages/abtus_bg_center.jpg) center top repeat-y;
	width: 950px;
	height: 664px;
}

.content {
	position: relative;
}

.abt_text {
	margin-left: 3em;
	padding: 2em;
	padding-right: 1em;
	padding-left: 4em;
	width: 450px;
	color: #583520;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	position: relative;
	display: inline;
	padding-bottom: 0
}

.abtbg_center {
	background: url(/portalimages/abtus_bg_center.jpg) center top repeat-y;
	width: 950px;
	height: 664px;
}

.green {
	color: #508021;
}

.abt_desc_h2 {
	margin-bottom: .25em;
	font-size: 1.625em
}

.abt_cp_h1 {
	font-size: 2.56em;
	padding-bottom: .5em;
	background: url(/portalimages/abtus_underline.jpg) left bottom no-repeat;
	width: 459px;
}

.abt_banner {
	margin-left: 580px;
	background: url(/portalimages/abtus_img.jpg) left top no-repeat;
	width: 287px;
	height: 396px;
}

.clear {
	clear: both;
}

/*Content css ==============================================*/
/*@font-face {
	font-family: NillandExtraBold;
	src: url('/portalfonts/Nilland-ExtraBold_0.ttf');
}*/

/*Reset default browser CSS.-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
}

table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

tr,th,td {
	margin: 0px;
	padding: 0px;
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	line-height: normal;
}

/* Lists
-------------------------------------------------------------- */
/* COMMENTED BY SAMEER
ul,ol,ul li {
	padding: 0px;
	margin: 0px;
}
*/
li ul,li ol {
	padding: 0px;
	margin: 0px;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

dl {
	padding: 0px;
	margin: 0px;
}

dl dt {
	font-weight: bold;
}

dd {
	padding: 0px;
	margin: 0px;
}

/* Remove annoying border on linked images. */
a img {
	border: none;
	outline: none;
}

a {
	outline: none;
	text-decoration: none;
	color: #5a5a5a;
}

a:hover {
	text-decoration: underline;
}

input[type=submit] {
	cursor: pointer;
}

.error {
	color: #ff0000 !important;
	font-size: 11px !important;
}

/*common class*/
.clear {
	clear: both;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.alignmiddle {
	text-align: center;
}

.spacer10 {
	height: 10px;
	clear: both;
}

.pnone {
	padding: 0px !important;
}

p {
	font-size: 14px;
}

/* Body  ==============================================*/
body {
	font-size: 13px;
	padding: 0;
	margin: 0;
	color: #2b2d2c;
	font-family: Georgia, Arial, Times, serif
}

/* This fixed width Wrapper surrounds all other blocks ============================================== */
#wrapper {
	width: 960px;
	margin: 0px auto;
}

/*column ==============================================*/
.left-coulmn {
	width: 600px;
	float: left;
	padding: 17px 0px 30px 25px;
	color: #666;
}

.right-coulmn {
	width: 330px;
	float: right;
}

/*column ==============================================*/ /*header css ==============================================*/
#header .logo {
	margin: 43px 0 0 8px;
	float: left;
}

#header .headerright {
	float: right;
	width: 590px;
}

#header .headerright1 {
	float: right;
	width: 590px;
	z-index: 100;
	position: absolute;
	top: 0;
}

#header .abvnav1 {
	margin: 20px 180px 0px 0px;
	padding: 0px;
	list-style: none;
	float: right;
	font-family: Arial;
} /*above nav css*/
#header .abvnav1 li {
	float: left;
	color: #9e9e9e;
	font-size: 11px;
	padding: 0px 12px;
}

#header .abvnav1 li span {
	color: #696969;
}

#header .abvnav1 li a {
	color: #9e9e9e;
	padding: 7px 0px 0px 0px;
}

#header .abvnav {
	margin: 49px 3px 0px 0px;
	padding: 0px;
	list-style: none;
	float: right;
	font-family: Arial;
} /*above nav css*/
#header .abvnav li {
	float: left;
	color: #9e9e9e;
	font-size: 11px;
	padding: 0px 12px;
}

#header .abvnav li span {
	color: #696969;
}

#header .abvnav li a {
	color: #9e9e9e;
	padding: 7px 0px 0px 0px;
}

#header .abvnav li.mybag {
	background: url(/portalimages/cleanplanet/seprater.jpg) no-repeat 0px 0px;
	padding-left: 15px;
}

#header .abvnav li.mybag a {
	background: url(/portalimages/cleanplanet/mybag.png) no-repeat 0px 0px;
	padding-left: 18px;
}

#header .abvnav li.mybagactive {
	background: url(/portalimages/cleanplanet/seprater.jpg) no-repeat 0px 0px;
	padding-left: 15px;
}

#header .abvnav li.mybagactive a {
	background: url(/portalimages/cleanplanet/mybag.png) no-repeat 0px 0px;
	padding-left: 18px;
	color: #996666
}

#header .abvnav li.trackorder {
	background: url(/portalimages/cleanplanet/seprater.jpg) no-repeat 0px 0px;
	padding-left: 15px;
}

#header .nav {
	list-style: none;
	padding: 0px;
	margin: 27px 12px 0px 0px;
	float: right;
}

#header .nav li {
	float: left;
	margin-left: 38px;
	position: relative
} /*main nav css*/
#header .nav li a {
	color: #122333;
	font-size: 17px;
	font-family: NillandExtraBold
}

#header .nav li a:hover {
	text-decoration: none;
	color: #69a12d;
}

/*header css ==============================================*/
/*Content css ==============================================*/
#content {
	padding-top: 5px;
}

#contenthome {
	padding-top: 16px;
}

#content .gallery {
	margin-left: 4px;
}

#content .heading {
	font-size: 26px;
	font-family: NillandExtraBold;
	color: #4e7c1c;
	padding-bottom: 18px;
}

.home-section {
	overflow: hidden;
	margin-top: 29px;
}

.home-section .green-area {
	background: url(/portalimages/cleanplanet/giftgreen-logo.jpg) no-repeat 0px 0px;
	float: left;
	width: 215px;
	margin-top: 5px;
	padding-left: 74px;
	font-style: italic;
}

.home-section .green-area p {
	padding: 43px 0px 10px 6px;
}

.home-section .green-area span {
	display: block;
	background: url(/portalimages/cleanplanet/find-arrow.jpg) no-repeat 0px 3px;
	padding-left: 27px;
}

.home-section .green-area a {
	text-decoration: underline;
}

.home-section .green-area a:hover {
	text-decoration: none;
}

.home-section .palnet-area {
	float: left;
	width: 313px;
	margin-left: 31px;
	overflow: hidden;
}

.home-section .palnet-area h5,.home-section .join-area h5 {
	margin-bottom: 14px;
	font-size: 16px;
	color: #6f4b00;
	font-family: NillandExtraBold;
}

.home-section .palnet-img {
	width: 117px;
	height: 84px;
	overflow: hidden;
	float: left;
}

.home-section .palnet-info {
	width: 185px;
	float: right;
	font-style: italic;
}

.home-section .palnet-info small {
	display: block;
	font-size: 11px;
	color: #9e9e9e;
	padding-bottom: 3px;
	margin-top: -2px;
}

.home-section .palnet-info h1 {
	font-size: 20px;
	color: #1c2d3d;
	display: block;
	padding-bottom: 4px;
}

.home-section .palnet-info a {
	font-size: 11px;
	text-decoration: underline;
}

.home-section .palnet-info a:hover {
	text-decoration: none;
}

.home-section .palnet-info span {
	color: #5a5a5a;
	font-size: 16px;
	padding: 0px 3px;
}

.home-section .join-area {
	width: 228px;
	float: left;
	margin-left: 50px;
}

.home-section .join-area a {
	display: block;
	text-decoration: underline;
	padding-left: 33px;
	font-size: 11px;
	color: #5a5a5a;
	font-style: italic;
	line-height: 24px;
	margin-bottom: 6px;
}

.home-section .join-area a:hover {
	text-decoration: none;
}

.home-section .join-area .fb-link {
	background: url(/portalimages/cleanplanet/fb_img.jpg) no-repeat;
}

.home-section .join-area .twitter-link {
	background: url(/portalimages/cleanplanet/twitter_img.jpg) no-repeat;
}

.home-section .join-area .email-link {
	background: url(/portalimages/cleanplanet/email_img.jpg) no-repeat;
}

/*Content css ==============================================*/
/*Breadcrum css ==============================================*/
.breadcrum {
	border-bottom: 1px solid #cccccc;
	list-style: none;
	margin: 0px;
	padding: 7px 0px 3px 0px;
	color: #8e8678;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}

.breadcrum a {
	color: #8e8678;
}

.breadcrum span {
	padding: 0px 3px;
}

/*Breadcrum css ==============================================*/
/*About us css ==============================================*/
.aboutpage {
	padding-top: 35px;
}

.aboutpage big {
	font-size: 16px;
}

.left-coulmn ul {
	list-style: none;
	padding: 0px 0px 25px 0px;
	margin: 0px;
}

.left-coulmn ul li {
	background: url(/portalimages/cleanplanet/about-arrow.jpg) no-repeat 0px 6px;
	padding: 0px 0px 15px 25px;
	font-size: 14px;
	line-height: 18px;
	text-align: justify;
	text-justify: newspaper;
}

.left-coulmn p {
	padding: 25px 0px 30px 0px;
}

.left-coulmn h5 {
	color: #4e7c1c;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 14px;
	text-transform: uppercase;
}

/*About us css ==============================================*/
/*Shop bag page css ==============================================*/
.middlecolumn {
	width: 85%;
	margin: 0px auto
}

.shopbagpage {
	padding-top: 13px;
}

/*Steps*/
.shopsteps {
	background: url(/portalimages/cleanplanet/stepsbg.jpg) no-repeat top left;
	height: 32px;
	padding: 14px 0 0 62px;
	width: 772px;
	margin: 0px 0px 34px 0px
}

.step {
	color: #5a5a5a;
	font-size: 15px;
	float: left;
}

.step span {
	color: #5a5a5a;
	font-size: 15px;
	background: url(/portalimages/cleanplanet/deactive-step.png) no-repeat top left;
	display: block;
	width: 23px;
	height: 23px;
	float: left;
	text-align: center
}

.step h4 {
	float: left;
	display: block;
	padding: 0px 0px 0px 3px;
	line-height: 21px;
	font-weight: normal;
	margin: 0px;
}

.stepactive {
	color: #5a5a5a;
	font-size: 15px;
	float: left;
}

.stepactive span {
	color: #333333;
	font-size: 15px;
	background: url(/portalimages/cleanplanet/active-step.png) no-repeat top left;
	display: block;
	width: 23px;
	height: 23px;
	float: left;
	text-align: center
}

.stepactive h4 {
	float: left;
	display: block;
	padding: 0px 0px 0px 3px;
	line-height: 21px;
	color: #333333;
	font-weight: normal;
	margin: 0px;
}

.step1 {
	width: 286px
}

.step2 {
	width: 262px
}

.step3 {
	width: 288px
}

/*Shopping bag*/
.shoppingbag {
	margin: 0px auto 30px;
	width: 288px;
	text-align: center
}

.shoppingbag p {
	color: #714228;
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 20px;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin: 7px 0px 0px 0px
}

/*items description */
.items {
	width: 823px;
}

.items table {
	margin: 0px 0px 0px 9px;
	padding: 0px;
	width: 100%;
}

.items table th {
	background: url(/portalimages/cleanplanet/th-bg.jpg) repeat-x top left;
	font-weight: normal;
	text-align: left;
	height: 32px;
	margin: 0;
	padding: 0 0px 0px 0px;
	color: #333333;
	font-size: 12px;
	font-style: italic;
	border: 0px;
	vertical-align: middle;
}

.items table td {
	margin: 0px;
	padding: 3px 0px 3px 0px;
}

.items table td input.quantity {
	margin: 0px;
	padding: 0px;
	width: 31px;
	height: 21px;
	border: #dbdbdb solid 1px;
	margin: 0px 0px 0px 2px
}

.items table td.unitprice {
	color: #714228;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}

.items table td.cost {
	color: #714228;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}

.items table td.itemdesc {
	color: #333333;
	font-style: italic;
	font-size: 14px;
	padding-left: 10px;
}

td.itemdesc img {
	width: 43px;
	height: 43px;
	border: #e8e8e8 solid 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px
}

.items table td.color {
	width: 19px;
	height: 18px;
	padding: 0px 0px 0px 4px
}

.items table td.delete {
	padding-left: 10px
}

.items table td.edit {
	padding-left: 5px
}

.items table th.itemdeschead {
	margin: 0px 0px 0px 10px;
	width: 358px;
	padding: 0px 0px 0px 24px
}

.items table th.unitpricehead {
	margin: 0px 0px 0px 0px;
	width: 70px;
	padding: 0px 0px 0px 0px
}

.items table th.colorhead {
	margin: 0px 0px 0px 0px;
	width: 54px;
	padding: 0px 0px 0px 0px
}

.items table th.quantityhead {
	margin: 0px 0px 0px 0px;
	width: 68px;
	padding: 0px 0px 0px 0px
}

.items table th.deletehead {
	margin: 0px 0px 0px 0px;
	width: 50px;
	padding: 0px 0px 0px 0px
}

.items table th.edithead {
	margin: 0px 0px 0px 0px;
	width: 70px;
	padding: 0px 0px 0px 0px
}

.items table td.divider {
	background-color: #f5f5f5;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

td.spacerth {
	height: 7px
}

/*Total cost */
.total {
	margin: 1px 0px 46px 10px;
	padding: 0px;
	background: #fafafa url(/portalimages/cleanplanet/greybg.jpg) no-repeat top left;
	width: 822px;
}

.totalcontent {
	width: 100%;
	margin: 0px auto;
	padding: 28px 0px
}

.continueshopping {
	margin: 0 20px 0 0;
	padding: 0px;
	float: left;
	font-size: 16px;
	color: #714228;
	font-weight: bold;
	font-style: italic;
}

.totalrs {
	margin: 0 20px 0 0;
	padding: 0px;
	float: right;
	font-size: 16px;
	color: #714228;
	font-weight: bold;
	font-style: italic;
}

.totalrs h3 {
	text-align: right;
	font-size: 16px;
	color: #714228;
	font-weight: bold;
	font-style: italic;
	float: left
}

.totalrs span {
	display: block;
	float: left;
	margin-right: 4px;
	padding: 0 3px 0 0;
	text-align: right;
	width: 90px;
}

/*Gift Vouchers */
.giftvoucher {
	background: url(/portalimages/cleanplanet/vmidbg.jpg) repeat-x top left;
	height: 82px;
	margin: 17px 20px 22px 20px
}

.vleftbg {
	background: url(/portalimages/cleanplanet/vleftbg.jpg) no-repeat top left;
	height: 82px;
	width: 7px;
	float: left
}

.vrightbg {
	background: url(/portalimages/cleanplanet/vrightbg.jpg) no-repeat top left;
	height: 82px;
	width: 8px;
	float: right
}

.vouchercontent {
	width: 560px;
	float: left;
	margin: 18px 0 0 197px;
}

.vouchercontent h3 {
	color: #714228;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	margin: 0px 0px 11px 0px;
	padding: 0px;
}

.voucherform {
	margin: 0px;
	padding: 0px
}

.voucherform label {
	font-size: 12px;
	font-style: italic;
	color: #333333;
	float: left;
	display: block;
	margin: 4px 0px 0px 0px
}

.voucherform input {
	background: url(/portalimages/cleanplanet/v-input.jpg) no-repeat top left;
	border: medium none;
	color: #333333;
	font-size: 12px;
	height: 15px;
	line-height: normal;
	padding: 2px 5px 7px;
	width: 192px;
	margin: 0px 0px 0px 11px;
	float: left
}

/*Shipping Location */
.shippingleftcol {
	width: 377px;
	float: left;
	background: url(/portalimages/cleanplanet/boxmidbg.jpg) repeat-y top left;
	margin: 20px;
}

.shipngtopbg {
	background: url(/portalimages/cleanplanet/boxtopbg.jpg) no-repeat top left;
	height: 8px;
	width: 377px;
}

.shipngbtmbg {
	background: url(/portalimages/cleanplanet/boxbottombg.jpg) no-repeat top left;
	height: 8px;
	width: 377px;
}

.shippingleftcol .shipngcontent {
	width: 300px;
	margin: 0px auto 10px
}

.shipngcontent h3 {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	margin: 15px 0px 5px -2px;
	padding: 0px;
	text-transform: uppercase
}

.shipngcontent small {
	font-style: italic;
	font-size: 12px;
	font-style: italic;
}

.shippingform {
	margin: 22px auto 0px;
	padding: 0px;
	width: 278px;
}

.shippingform .row {
	margin: 0px 0px 13px 0px;
	padding: 0px;
}

.row label {
	margin: 0;
	padding: 0px;
	font-size: 9px;
	color: #714228;
	text-transform: uppercase;
	font-weight: bold;
	width: 65px;
	text-align: right;
	float: left;
	display: block;
	margin: 6px 12px 0px 0px;
	letter-spacing: 2px
}

.row select {
	width: 201px;
	float: left;
	height: 22px;
}

.commentbg {
	background: url(/portalimages/cleanplanet/commentbox.jpg) no-repeat top left;
	height: 100px;
	width: 263px;
	margin: 17px 0 0 31px
}

.commentbg p {
	width: 234px;
	margin: 0px auto;
	color: #495762;
	font-size: 11px;
	font-style: italic;
	padding: 21px 0px 0px 0px
}

.shippingritecol {
	float: left;
	margin: 43px 0 0 28px;
	width: 342px;
}

.charges {
	margin: 0px 0px 13px 35px;
	padding: 0px;
	float: left;
}

.charges h5 {
	text-align: center;
	font-size: 9px;
	color: #714228;
	font-weight: bold;
	float: left;
	letter-spacing: 2px;
	text-transform: uppercase;
	width: 175px;
	line-height: 20px;
	margin-right: 12px;
}

.charges span {
	display: block;
	float: left;
	font-size: 14px;
	color: #714228;
	font-weight: bold;
	font-style: italic;
	padding: 0 3px 0 0;
	text-align: left;
	width: 100px;
}

.grandtotal {
	background: url(/portalimages/cleanplanet/grandtotal.jpg) repeat-x top left;
	height: 28px;
	margin: 10px 0 0 8px;
	padding: 7px 0 0 0px;
}

.grandtotal h3 {
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 0px 0px 0px 37px;
}

.grandtotal h3 span.texttotal1 {
	letter-spacing: 0;
	text-transform: none;
	font-style: normal;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0px 15px 0px 0px
}

.grandtotal h3 span {
	letter-spacing: 0;
	text-transform: none;
	font-style: italic;
	display: block;
	float: left
}

.inclusiveoftaxes {
	font-size: 12px;
	color: #333;
	font-style: italic;
	text-align: left;
	margin: 5px 5px 10px 0;
}

.reviewlinks {
	font-size: 12px;
	color: #333;
	font-style: italic;
	text-align: right;
	margin: 18px 5px 10px 0;
}

.continueshoppingbox {
	background: none repeat scroll 0 0 #35241a;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	height: 25px;
	letter-spacing: 2px;
	padding: 10px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 180px;
}

.sharebox {
	background: none repeat scroll 0 0 #35241a;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	height: 25px;
	letter-spacing: 2px;
	padding: 10px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 332px;
	margin: 18px 0px 0px 7px
}

.dotbdr {
	background: url(/portalimages/cleanplanet/dot-bdr.png) repeat-x top left;
	height: 1px;
	width: 100%;
	margin: 30px 0px 22px 0px
}

.verisigngrey {
	text-align: right
}

/*Shipping and Billing Details css ==============================================*/
.sharedetails {
	width: 760px;
	margin: 0px auto 66px
}

.sharedetails h3.title {
	font-size: 14px;
	color: #333333;
	font-style: italic;
	background: url(/portalimages/cleanplanet/dot-bdr.png) repeat-x bottom left;
	padding-bottom: 10px;
	margin: 0px 0px 25px 0px;
	width: 350px;
}

.sharedetails h3.title a {
	font-weight: bold;
	text-decoration: underline;
}

/*Address form */
.addressform {
	margin: 0px;
	padding: 0px;
	width: 450px
}

.addressform h3 {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	line-height: 18px;
}

.addressform small {
	color: #333333;
	font-size: 12px;
	font-style: italic;
	margin: 16px 0px 17px 0px;
	display: block
}

.addressform .row1 {
	margin: 0px 0px 8px 45px;
	padding: 0px;
}

.row1 label {
	color: #714228;
	display: block;
	float: left;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 4px 12px 0 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 85px;
}

.row1 input {
	background: url(/portalimages/cleanplanet/v-input.jpg) no-repeat top left;
	border: medium none;
	color: #333333;
	font-size: 12px;
	height: 15px;
	line-height: normal;
	padding: 2px 5px 7px;
	width: 192px;
	margin: 0px 0px 0px 5px;
	float: left
}

/*PAyment area */
.paymentbox1 {
	margin: 1px 0px 0px 0px;
	padding: 0px;
	/*border-top: #cccccc solid 1px;*/
	width: 730px;
}

.paymentbox {
	margin: 1px 0px 0px 0px;
	padding: 0px;
	border-top: #cccccc solid 1px;
	width: 730px;
}

.paycontent {
	width: 748px;
	margin: 0px auto;
	padding: 16px 0px
}

.terms-conditions {
	margin: 0px 0px 30px 38px;
	padding: 0px;
}

.terms-conditions input {
	display: block;
	float: left;
}

.terms-conditions label {
	color: #333333;
	font-size: 12px;
	font-style: italic;
	display: block;
	float: left;
	margin: 3px 0px 0px 5px
}

.billingleftcol {
	width: 377px;
	float: left;
	background: url(/portalimages/cleanplanet/boxgreenmidbg.jpg) repeat-y top left;
}

.billingtopbg {
	background: url(/portalimages/cleanplanet/boxgreentopbg.jpg) no-repeat top left;
	height: 8px;
	width: 377px;
}

.billingbtmbg {
	background: url(/portalimages/cleanplanet/boxgreenbottombg.jpg) no-repeat top left;
	height: 8px;
	width: 377px;
}

.billingleftcol .billingcontent {
	width: 322px;
	margin: 0px auto 10px
}

.billingcontent h3 {
	color: #709410;
	font-size: 13px;
	font-weight: bold;
	margin: 15px 0px 5px 0px;
	padding: 0px;
	text-transform: uppercase
}

.billingcontent small {
	font-size: 12px;
	font-style: italic;
	color: #333333;
	margin: 10px 0px 10px 0px;
	display: block
}

.countbox {
	margin: 18px 0px 20px 0px;
	padding: 0px;
}

.countbox .count1 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.countbox .count1 input {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left
}

.countbox .count1 label {
	color: #333333;
	font-size: 12px;
	font-style: italic;
	margin: 0px 0px 0px 11px;
	display: block;
	float: left;
	line-height: 15px
}

.spacer20 {
	height: 20px
}

.billingritecol {
	float: right;
	margin: 10px 0 0;
	width: 335px;
}

.billingritecol h3 {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-transform: uppercase
}

.billcharges {
	margin: 0px 0px 12px 4px;
	padding: 0px;
	float: left;
}

.billcharges h5 {
	text-align: left;
	font-size: 9px;
	color: #714228;
	font-weight: bold;
	float: left;
	letter-spacing: 2px;
	text-transform: uppercase;
	width: 207px;
	line-height: 20px
}

.billcharges span {
	display: block;
	float: left;
	font-size: 14px;
	color: #714228;
	font-weight: bold;
	font-style: italic;
	margin-right: 4px;
	padding: 0 3px 0 0;
	text-align: left;
	width: 100px;
}

.billgrandtotal {
	background: url(/portalimages/cleanplanet/grandtotal.png) repeat-x top left;
	height: 28px;
	margin: 5px 0 0 -16px;
	padding: 7px 0 0 7px;
}

.billgrandtotal h3 {
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 2px 0px 0px 24px;
}

.billgrandtotal h3 span.texttotal {
	letter-spacing: 0;
	text-transform: none;
	font-style: normal;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0px 41px 0px 0px
}

.billgrandtotal h3 span {
	letter-spacing: 0;
	text-transform: none;
	font-style: italic;
	display: block;
	float: left
}

.reviewlinks2 {
	font-size: 12px;
	color: #333;
	font-style: italic;
	text-align: right;
	margin: 18px 40px 10px 0px;
}

input.makepayment {
	background: none repeat scroll 0 0 #709410;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 332px;
	margin: 11px 0px 0px -17px;
	border: none;
	letter-spacing: 2px;
	font-family: Georgia, Arial, Times, serif;
	height: 40px;
}

.addtabs { /*	background: #f2f2f2;
	border-bottom: #dbdbdb solid 1px;*/
	height: 30px;
	margin: 5px 0px 5px 0px
}

.addtabs a {
	display: block;
	float: left;
	font-size: 16px;
	color: #333;
	font-style: italic;
	margin: 5px 10px 0px 0px;
	padding: 3px 7px 3px 5px;
}

.addtabs a.activetab {
	height: 19px;
	padding: 3px 22px 3px 13px;
	color: #714228
}

.addtabs a.activetabblack {
	height: 19px;
	padding: 3px 22px 3px 13px;
	color: #000000
}

/*Address form- shipping */
.shipping-addform {
	margin: 0px;
	padding: 0px;
	width: 359px;
	float: left
}

.shipping-addform .row2 {
	margin: 0px 0px 6px 0px;
	padding: 0px;
}

.row2 label {
	color: #714228;
	display: block;
	float: left;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 4px 12px 0 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 85px;
}

.orderdetails_address {
	color: #714228;
	display: block;
	/*float: left;*/
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 4px 12px 0 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 85px;
}

.row2 input {
	background: url(/portalimages/cleanplanet/v-input.jpg) no-repeat top left;
	border: medium none;
	color: #333333;
	font-size: 12px;
	height: 15px;
	line-height: normal;
	padding: 2px 5px 7px;
	width: 192px;
	margin: 0px 0px 0px 5px;
	float: left
}

.shipping-addform2 {
	width: 371px;
	float: left
}

.shipping-addform small {
	color: #333333;
	font-size: 11px;
	font-style: italic;
	margin: 4px 0px 10px 0px;
	display: block
}

.row2 label.label1 {
	color: #714228;
	display: block;
	float: left;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 4px 12px 0 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
}

.row2 select {
	float: left;
	height: 22px;
	margin-left: 6px;
	width: 200px;
}

.checkboxrow {
	margin: 22px 0px 20px 38px;
	padding: 0px;
}

.checkboxrow input {
	float: left;
	display: block
}

.checkboxrow label {
	color: #333333;
	font-size: 12px;
	font-style: italic;
	display: block;
	float: left;
	margin: 3px 0px 0px 5px
}

/*Footer css ==============================================*/
.innerfooter {
	border-top: 1px solid #e2eacf;
}

#footer {
	padding: 14px 8px 30px 1px;
	margin-top: 16px;
	overflow: hidden;
	font-size: 10px;
	font-family: Arial;
	color: #5a5a5a;
}

#footer .alignleft a {
	margin: 0px 2px 0px 4px;
}

#footer a {
	color: #8e8678;
}

#footer a.flyinglogo {
	background: url(/portalimages/cleanplanet/flying-course-logo.jpg) no-repeat 0px 0px;
	padding: 0px 0px 4px 18px;
}

/*Footer css ==============================================*/ /*login pgae css */
.loginpage {
	padding: 50px 0px;
}

.loginpage .loginarea {
	background: url(/portalimages/cleanplanet/login-bg.jpg) no-repeat;
	float: left;
	width: 445px;
	height: 369px;
	margin-left: 41px;
	float: left;
}

.loginarea .logininner {
	width: 368px;
	margin: 0px auto;
	padding: 45px 0px 0px 0px;
}

.logininner h6,.notmemarea h6 {
	color: #333333;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.logininner big {
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 20px 0px 19px 0px;
	text-transform: uppercase;
}

.loginform {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.loginform p {
	overflow: hidden;
	padding: 0px 0px 8px 0px;
}

.loginform label {
	float: left;
	width: 96px;
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 6px;
	letter-spacing: 1px;
}

.loginform .loigninput {
	float: left;
	width: 190px;
	padding: 3px 5px;
	border: 1px solid #e3e3e3;
	border-top: 1px solid #8f8f8f;
	border-left: 2px solid #cecece;
}

.loginform .loginnow {
	background: url(/portalimages/cleanplanet/loginnow.jpg) no-repeat;
	width: 105px;
	height: 30px;
	border: none;
	float: right;
	margin: 12px 70px 0px 0px;
}

.loginpage .forgetpass {
	color: #b04b2f;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.loginarea .dontmsg {
	font-size: 11px;
	color: #333;
	font-style: italic;
	padding-top: 7px;
}

.loginpage .notmemarea {
	float: left;
	background: url(/portalimages/cleanplanet/not-mem-top.jpg) no-repeat 0px 0px;
	width: 390px;
	margin: 35px 0px 0px 25px;
	padding-top: 28px;
}

.notmemarea .meminner {
	padding: 0px 0px 25px 27px;
	background: url(/portalimages/cleanplanet/not-mem-btm.jpg) no-repeat center bottom;
}

.notmemarea h6 {
	padding-bottom: 5px;
}

.notmemarea small {
	margin-top: 17px;
	display: block;
}

.notmemarea big {
	display: block;
	font-size: 11px;
	color: #333;
	font-style: italic;
	padding: 13px 0px 0px 12px;
}

.notmemarea .meminner p {
	font-size: 11px;
	color: #333;
	font-style: italic;
	padding: 7px 0px 10px 0px;
}

/*login pgae css */ /*selection-popup css */
.selection-popup {
	width: 512px;
	min-width: 234px;
	border: 8px solid #e9e9e9;
	padding: 18px 14px
}

.selection-popup .closebtn {
	float: right;
	margin: 0px 0px 0px 0px;
	background: url(/portalimages/cleanplanet/close-icon.jpg) no-repeat;
	width: 24px;
	height: 24px;
	text-indent: -9999em;
	margin: -10px -5px 0px 0px;
}

.selection-popup h6 {
	font-size: 14px;
	padding-bottom: 15px;
	color: #333;
	background: url(/portalimages/cleanplanet/head-icon.jpg) no-repeat 0px 0px;
	padding-left: 22px;
	text-transform: uppercase;
}

.selection-popup th {
	padding: 0px 0px 0px 10px;
	background: url(/portalimages/cleanplanet/th-bg.jpg) repeat-x top left;
	font-weight: normal;
	text-align: left;
	height: 32px;
	color: #333333;
	font-size: 12px;
	font-style: italic;
}

.selection-popup td {
	padding: 10px 0px 10px 10px;
	font-size: 12px;
	font-style: italic;
	background: url(/portalimages/cleanplanet/dot-bdr.png) repeat-x 0px bottom;
}

.selection-popup .productimg {
	width: 42px;
	max-height: 42px;
	border: 1px solid #e8e8e8;
	float: left;
}

.selection-popup .producttext {
	float: left;
	padding: 5px 0px 0px 14px;
	vertical-align: middle;
}

.selection-popup .color {
	width: 18px;
	height: 18px;
	background: #c4ad69;
}

.selection-popup .quantity {
	width: 22px;
	padding: 2px 4px;
	border: 1px solid #dcdcdc;
}

.selection-popup .deltebtn {
	background: url(/portalimages/cleanplanet/close-icon-btn.jpg) no-repeat 0px 0px;
	float: left;
	width: 18px;
	height: 18px;
	text-indent: -9999em;
}

.selection-popup .price {
	color: #714228;
	font-weight: bold;
	font-style: italic;
}

.popbuttons {
	overflow: hidden;
	padding: 20px 6px 0px 0px;
}

.popbuttons a {
	float: right;
	background: #333333;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
	padding: 10px 20px;
	color: #fff;
	margin-left: 14px;
}

/*productpage css*/
.productpage {
	padding: 25px 0px;
}

.product-left {
	float: left;
	width: 445px;
	margin-left: 10px;
}

.product-left .return {
	background: url(/portalimages/cleanplanet/dot-bdr.png) repeat-x 0px bottom;
	padding: 0px 0px 10px 0px;
}

.product-left .return a {
	color: #5a9024;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	background: url(/portalimages/cleanplanet/retune-arrow.jpg) no-repeat 0px 3px;
	padding-left: 10px;
}

.productpage .productinner {
	padding-left: 16px;
}

.product-left .totearea {
	width: 290px;
	margin: 0px auto;
	padding: 15px 16px 0px 0px;
}

.totearea h1 {
	text-align: center;
	padding: 0px 18px 14px 0px;
	letter-spacing: 1px;
}

.totearea .imgarea {
	text-align: center;
	padding-bottom: 14px;
}

.fabric {
	width: 135px;
	margin: 0px auto;
	padding-right: 16px;
}

.fabric small,.printsarea small {
	display: block;
	font-size: 9px;
	color: #714228;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 5px;
}

.fabric a {
	float: left;
	width: 25px;
	height: 25px;
	margin-left: 3px;
	text-indent: -9999em;
	border: 2px solid #fff;
}

.fabric a:hover {
	border: 2px solid #ede6d7;
}

.fabric .fab-color1 {
	background: #fffcdd;
}

.fabric .fab-color2 {
	background: #c3ad68;
}

.fabric .fab-color3 {
	background: #8c6840;
}

.fabric .fab-color4 {
	background: #9c9878;
}

.printsarea {
	width: 290px;
	margin: 0px auto;
	overflow: hidden;
	padding: 13px 0px 24px 0px;
}

.printsarea small {
	margin-right: 16px;
}

.printsarea ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.printsarea ul li {
	float: left;
	margin-right: 10px;
	width: 48px;
}

.productpage p {
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	font-style: italic;
	padding: 0px 0px 1px 4px;
}

.productpage .size {
	font-size: 13px;
	line-height: normal;
}

.moreproduct {
	padding: 15px 0px 0px 5px;
	overflow: hidden;
}

.moreproduct big {
	font-size: 12px;
	letter-spacing: 4px;
	word-spacing: 2px;
	font-style: normal;
	text-transform: uppercase;
	display: block;
	padding-bottom: 10px;
}

.moreproduct a {
	float: left;
	margin-left: -7px;
	margin-right: 14px;
}

.product-right {
	float: right;
	width: 460px;
	margin-right: 14px;
}

.product-gallery {
	padding-top: 22px;
}

.product-gallery ul {
	list-style: none;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}

.product-gallery li {
	float: left;
	width: 68px;
	margin-right: 10px;
}

.product-gallery li:last-child {
	margin-right: 0px;
}

/*productpage css*/ /*productpage css*/ /*21st feb by akriti*/
/*shop-category-listing(scl) ==============================================*/
.shop_category_listing {
	margin: 12px 0px 10px;
	padding: 0px;
}

.left-coulmn-scl {
	width: 228px;
	float: left;
	padding: 0px 0px 30px 6px;
	color: #666;
}

.right-coulmn-scl {
	width: 690px;
	float: right;
	margin: 0 0 101px;
}

.left-coulmn-scl ul { /*list-style: none;
	padding: 0px 0px 25px 0px;
	margin: 0px;*/
	
}

.left-coulmn-scl ul li { /*padding: 0px 0px 15px 0px;
	font-size: 11px;
	line-height: 15px;
	color: #000;*/
	text-transform: uppercase;
}

/*.left-coulmn-scl ul li a {
	color: #000;
	text-decoration: none;
}*/
.left-coulmn-scl ul ul { /*padding: 0px 0px 0px 0px;
	margin: 5px 0px 2px 10px*/
	
}

.left-coulmn-scl ul li li a { /*color: #000;*/
	
}

.left-coulmn-scl h5 {
	color: #000;
	font-size: 17px;
	font-weight: normal;
	text-transform: uppercase;
	background: url(/portalimages/cleanplanet/dot-bdr.png) repeat-x bottom left;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 25px 0px;
	text-align: left;
}

.left-coulmn-scl big {
	color: #794f3f;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/portalimages/cleanplanet/double-line.jpg) repeat-x bottom left;
	padding-bottom: 8px;
	display: block;
	margin: 0px 0 13px 2px;
	text-align: left;
}

h2.title-scl {
	font-weight: normal;
	font-size: 30px;
	letter-spacing: 3px;
	text-transform: capitalize;
	margin: 2px 0px 0px 0px;
	padding: 19px 0 0 3px;
	background: url(/portalimages/cleanplanet/head-scl.jpg) no-repeat 0 0px;
	width: 689px;
	height: 35px;
}

.right-coulmn-scl ul.allproducts {
	margin: 13px 0px 0px 0px;
	padding: 0px;
	list-style: none
}

.right-coulmn-scl ul.allproducts li {
	margin: 0 24px 16px 1px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 213px;
	display: block;
	min-height: 275px;
}

.right-coulmn-scl ul.allproducts li.lastprod {
	margin: 1px 0px 16px 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 213px;
	display: block;
	min-height: 275px;
}

ul.allproducts li strong {
	display: block;
	font-size: 13px;
	text-transform: capitalize;
	margin: 4px 0px 0px 0px;
	padding: 0px;
}

ul.allproducts li small {
	display: block;
	font-size: 13px;
	text-transform: capitalize;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

ul.allproducts li p {
	font-size: 12px;
	text-transform: capitalize;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	color: #713d30;
	font-weight: bold
}

.prod-sorting {
	margin: 7px 0px 0px 0px;
	padding: 0px;
}

.sortby {
	background: url("/portalimages/cleanplanet/sortby-arrow.jpg") no-repeat scroll right 5px transparent;
	color: #713D30;
	float: left;
	font-size: 10px;
	font-weight: bold;
	padding: 0 0px 0px 3px;
	text-transform: uppercase;
	width: 67px;
	letter-spacing: 1px;
}

.pagination-scl {
	float: right;
	margin: -1px 8px 0px 10px;
	font-size: 12px;
}

.pagination-scl a {
	color: #713d30;
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
}

.pagination-scl a.nextpage {
	background: url("/portalimages/cleanplanet/pagination-arrow.jpg") no-repeat scroll right 5px transparent;
	font-size: 11px;
	width: 45px;
	text-transform: uppercase;
	color: #713d30;
	display: block;
	float: left;
	margin: 0px 0px 0px 15px;
}

.prod-sorting-bottom {
	background: url(/portalimages/cleanplanet/scl-bottomshade.jpg) no-repeat 0 0px;
	width: 689px;
	height: 31px;
	margin: 10px 0px 0px 0px;
	padding: 13px 0px 0px 0px;
}

/*Shop Product detail(spd) ==============================================*/
.shop_product_detail {
	margin: 10px 0px 101px 0px;
	padding: 0px;
}

.left-column-spd {
	width: 379px;
	float: left;
	padding: 0px 20px 0px 0px;
	color: #666;
	margin: 0px 4px 0px 0px
}

.middle-column-spd {
	width: 457px;
	float: left;
	margin: 1px 0px 0px 0px
}

.right-column-spd {
	width: 100px;
	float: right;
	margin: 7px 0px 0px 0px
}

/*Left column-sdp*/
.exclusive {
	background: url(/portalimages/cleanplanet/exclusive-spd.jpg) no-repeat 0 0px;
	width: 206px;
	height: 15px;
	margin: 0px auto;
	color: #75472e;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 15px;
	padding: 0 0 0 17px;
}

.product-pic {
	text-align: center
}

.product-pic img { /* margin: 22px 0px 0px 6px */
	
}

.product-pic small {
	font-size: 11px;
	font-style: italic;
	display: block;
	margin: 3px 0px 0px 13px
}

.prod-desc-thumb {
	margin: 20px 0 56px 6px
}

.prod-desc-thumb img {
	margin: 0px 6px 0px 0px;
	display: block;
	padding: 0px;
	float: left
}

.prod-desc-largethumb {
	margin: 0px 0px 0px 6px
}

.prod-desc-largethumb h3 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin: 0px 0px 14px 0px
}

.pd-largethumb {
	margin: 0px 0px 0px 0px
}

.pd-largethumb img {
	margin: 0px 14px 0px 0px;
	display: block;
	padding: 0px;
	float: left
}

/*middle-column-spd*/
.middle-column-spd .return {
	color: #5a9024;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/portalimages/cleanplanet/backarrow.jpg) no-repeat left 4px;
	padding-left: 10px;
}

.middle-column-spd h2 {
	font-size: 26px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 7px 0px 0px 0px;
	background: url(/portalimages/cleanplanet/dot-bdr.png) repeat-x left top;
	padding: 24px 0px 0px 2px;
	line-height: 24px;
}

.middle-column-spd h3 {
	font-size: 26px;
	text-transform: none;
	letter-spacing: 1px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 1px;
	line-height: 24px;
}

.prod-price {
	color: #714228;
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	line-height: 24px;
	font-weight: bold;
}

.tabslinks {
	margin: 10px 0px 17px 0px
}

.tabslinks a {
	display: block;
	float: left;
	border: #e5e5e5 solid 1px;
	border-top: none;
	border-left: none;
	color: #333333;
	text-transform: uppercase;
	padding: 4px 10px;
	font-size: 10px;
	font-weight: bold;
}

.activetab1 {
	border: #e5e5e5 solid 1px;
	border-bottom: none;
	border-left: none;
	padding-top: 10px;
	border: 0px;
	cursor: hand;
}

.lasttab1 {
	border: #e5e5e5 solid 1px;
	border-bottom: none;
	border-left: none;
	padding-top: 8px;
	border: 0px;
}

.tabdesc {
	margin: 0px 0px 0px 1px;
	padding: 0px;
	font-size: 12px;
	font-style: italic;
	line-height: 15px;
	color: #2B2D2C;
}

/*Right-column-spd*/
.right-column-spd small {
	color: #333;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100px;
	text-align: center;
	line-height: 17px;
	letter-spacing: 1px;
	display: block
}

.prod-varient {
	margin: 0px 0px 10px 0px
}

.prod-varient img {
	width: 100px;
	margin: 3px 0px 3px 0px
}

.prod-varient strong {
	display: block;
	font-size: 13px;
	text-transform: capitalize;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	text-align: left
}

.prod-varient small {
	display: block;
	font-size: 13px;
	text-transform: capitalize;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
	font-style: italic
}

.prod-varient p {
	font-size: 11px;
	text-transform: capitalize;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	color: #713d30;
	font-weight: bold;
	text-align: left
}

/*Image preview*/
.left-column-sppreview {
	width: 379px;
	float: left;
	padding: 0px 18px 0px 0px;
	color: #666;
	margin: 0px 0px 0px 0px
}

.middle-column-preview {
	width: 457px;
	float: left;
	margin: 1px 0px 0px 0px
}

.imagepreview {
	margin: 0px;
	padding: 2px;
	border: #cccccc solid 1px;
	width: 439px
}

.linetop {
	background: url(/portalimages/cleanplanet/line-top.jpg) no-repeat left top;
	height: 9px;
	width: 428px;
	margin: 44px 0px 0px 0px
}

.linetop2 {
	background: url(/portalimages/cleanplanet/line-top.jpg) no-repeat left top;
	height: 9px;
	width: 428px;
	margin: 62px 0px 0px 0px
}

.sharearealeft {
	font-size: 12px;
	color: #333;
	font-size: 10px;
	font-style: italic;
	margin: 10px 0px 0px 8px;
	float: left;
	/* background: url(/portalimages/cleanplanet/line-divider.jpg) no-repeat right top; */
	padding-right: 12px
}

.sharearealeft span {
	float: left;
	margin: 2px 10px 0px 0px;
}

.sharearealeft a {
	float: left;
	margin-right: 3px;
}

.nobg {
	background: none;
}

.people-like {
	font-size: 12px;
	color: #333;
	font-size: 10px;
	font-style: italic;
	margin: 10px 0px 0px 15px;
	float: left;
	/* background: url(/portalimages/cleanplanet/line-divider.jpg) no-repeat right top; */
	padding-right: 5px
}

.people-like span {
	float: left;
	margin: 2px 10px 0px 0px;
}

.people-like span b {
	font-size: 12px
}

.people-like a {
	float: left;
	margin-right: 3px;
}

.purchasearea {
	background: url(/portalimages/cleanplanet/like-img-top.jpg) no-repeat 0px 0px;
	padding-top: 26px;
	margin: 11px 0px 20px 0px;
}

.purchasearea  big {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 8px;
	padding-left: 1px;
}

.purchasearea  p {
	background: url(/portalimages/cleanplanet/like-icon-img.jpg) 0px 3px no-repeat;
	padding: 0px 0px 16px 23px;
	color: #b04b2f;
	font-weight: bold;
	font-size: 12px;
}

.purchasearea  a {
	color: #b04b2f;
	text-decoration: underline;
}

.purchasearea  select {
	width: 163px;
	padding: 0px 0px 0px 4px;
	margin-top: 5px;
}

.purchase-form a { /*	float: left; */
	width: 18px;
	height: 18px;
	margin: 5px 1px 0px 0px;
	text-indent: -9999em;
	border: 0px solid #fff;
}

.purchase-form a:hover {
	border: 0px solid #cecfca;
}

.purchase-form .fab-color5 {
	background: #fffcdd;
}

.purchase-form .fab-color6 {
	background: #c3ad68;
}

.purchase-form .fab-color7 {
	background: #8c6840;
}

.purchase-form .fab-color8 {
	background: #9c9878;
}

.purchase-form label {
	float: left;
	width: 140px;
	display: block;
	color: #714228;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 10px 0 0;
}

.purchase-form input {
	border: 1px solid #DBDBDB;
	height: 15px;
	float: left;
	margin: 3px 0 0 -3px;
	padding: 2px;
	width: 25px;
	color: #333;
	font-size: 13px;
}

.rowquantity {
	margin: 8px 0px 0px 0px
}

input.addbagbtn {
	background: url(/portalimages/cleanplanet/add-bag.jpg) 0px 0 no-repeat;
	width: 134px;
	height: 30px;
	border: none;
	cursor: pointer;
	margin: 39px 0px 0px 1px
}

.marginleft8 {
	margin: 0px 0px 0px -8px
}

/*---------------------- test CSSS*/
* Reset default browser CSS.-------------------------------------------------------------- * /
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
}

table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

tr,th,td {
	margin: 0px;
	padding: 0px;
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	line-height: normal;
}

/* Lists
-------------------------------------------------------------- */
/* COMMENTED BY SAMEER
ul,ol,ul li {
	padding: 0px;
	margin: 0px;
}

li ul,li ol {
	padding: 0px;
	margin: 0px;
}
*/
ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

dl {
	padding: 0px;
	margin: 0px;
}

dl dt {
	font-weight: bold;
}

dd {
	padding: 0px;
	margin: 0px;
}

/* Remove annoying border on linked images. */
a img {
	border: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

input[type=submit] {
	cursor: pointer;
}

.error {
	color: #ff0000 !important;
	font-size: 11px !important;
}

/*common class*/
.clear {
	clear: both;
}

.alignleft {
	float: left;
	/*padding-left: 155px;*/
}

.alignright {
	float: right;
	/*padding-right: 155px;*/
}

.alignmiddle {
	text-align: center;
}

.spacer10 {
	height: 10px;
	clear: both;
}

.pnone {
	padding: 0px !important;
}

/* Body  ==============================================*/
body {
	font-size: 13px;
	padding: 0;
	margin: 0;
	color: #2b2d2c;
	font-family: Georgia, Arial, Times, serif
}

/* This fixed width Wrapper surrounds all other blocks ============================================== */
/*header css ==============================================*/
#header {
	background: url("/portalimages/cleanplanet/headerBG.jpg") no-repeat scroll 0 0 transparent;
	overflow: visible;
	position: relative;
	z-index: 100;
}

#header .abvnav {
	margin: 49px 0 0 0 padding: 
		                                                                                             
		 0px;
	list-style: none;
	float: right;
	font-family: Arial;
} /*above nav css*/
#header .abvnav li {
	float: left;
	color: #9e9e9e;
	font-size: 11px;
	padding: 0 0;
}

#header .abvnav li a {
	color: #9e9e9e;
	padding: 7px 0px 0px 0px;
}

#header .abvnav li.mybag {
	background: url(/portalimages/cleanplanet/seprater.jpg) no-repeat 0px 0px;
	padding-left: 15px;
}

#header .abvnav li.signin {
	background: url(/portalimages/cleanplanet/seprater.jpg) no-repeat 0px 0px;
	padding-left: 15px;
}

#header .abvnav li.mybag a {
	background: url(/portalimages/cleanplanet/mybag.png) no-repeat 0px 0px;
	padding-left: 18px;
}

#header ul.nav {
	padding: 0;
	background: url(/portalimages/cleanplanet/mainnav.gif) no-repeat;
	width: 545px;
	height: 23px;
	list-style: none;
	margin: 20px 12px 0px 0px;
	float: right;
}

#header .nav a {
	display: block;
	float: left;
	text-indent: -9999em;
	height: 23px;
}

#header .nav a.aboutUs {
	width: 89px;
}

#header .nav a.aboutUs:hover {
	background: url(/portalimages/cleanplanet/mainnav.gif) no-repeat 0 -23px;
}

#header .nav a.products {
	width: 103px;
}

#header .nav a.products:hover {
	background: url(/portalimages/cleanplanet/mainnav.gif) no-repeat -89px -23px;
}

#header .nav a.shop {
	width: 77px;
}

#header .nav a.shop:hover {
	background: url(/portalimages/cleanplanet/mainnav.gif) no-repeat -192px -23px;
}

#header .nav a.styleDiary {
	width: 116px;
}

#header .nav a.styleDiary:hover {
	background: url(/portalimages/cleanplanet/mainnav.gif) no-repeat -269px -23px;
}

#header .nav a.cleanPlanetWorld {
	width: 160px;
}

#header .nav a.cleanPlanetWorld:hover {
	background: url(/portalimages/cleanplanet/mainnav.gif) no-repeat -385px -23px;
}

.about_us {
	width: 89px;
	color: #122333;
	font-family: NillandExtraBold;
	font-size: 17px;
	text-decoration: none;
	margin: 18px;
}

.products {
	width: 103px;
	color: #122333;
	font-family: NillandExtraBold;
	font-size: 17px;
	text-decoration: none;
	margin: 25px;
}

.shop_new {
	width: 89px;
	color: #69A12D;
	font-family: NillandExtraBold;
	font-size: 17px;
	text-decoration: none;
	margin: 25px;
	text-decoration: none;
}

.shop_new1 {
	color: #5a5a5a;
	font-size: 10px;
	margin: -2px 14px 0 0;
	position: absolute;
	right: 0;
	top: -8px;
}

.style_diary {
	color: #122333;
	font-family: NillandExtraBold;
	font-size: 17px;
	text-decoration: none;
	margin: 25px;
}

.clean_planet_world {
	color: #122333;
	font-family: NillandExtraBold;
	font-size: 17px;
	text-decoration: none;
	margin: 6px;
}

.left-coulmn-scl ul li a:hover {
	color: #69A12D;
}

a.shop_new:visited {
	color: #69A12D;
}

a.shop_new:hover {
	width: 89px;
	color: #122333;
	font-family: NillandExtraBold;
	font-size: 17px;
	text-decoration: none;
	margin: 25px;
}

.our_story {
	width: 89px;
	color: #122333;
	font-family: NillandExtraBold;
	font-size: 17px;
	text-decoration: none;
	margin: 18px;
}

.our_ecology {
	width: 89px;
	color: #122333;
	font-family: NillandExtraBold;
	font-size: 17px;
	text-decoration: none;
	margin: 18px;
}

/* product page css */ /*productpage css*/
.productpage {
	padding: 25px 0px;
}

.product-left {
	float: left;
	width: 445px;
	margin-left: 10px;
}

.product-left .return {
	background: url(/portalimages/cleanplanet/dot-bdr.png) repeat-x 0px bottom;
	padding: 0px 0px 10px 0px;
}

.product-left .return a {
	color: #5a9024;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	background: url(/portalimages/cleanplanet/retune-arrow.jpg) no-repeat 0px 3px;
	padding-left: 10px;
}

.productpage .productinner {
	padding-left: 16px;
}

.product-left .totearea {
	width: 290px;
	margin: 0px auto;
	padding: 15px 16px 0px 0px;
}

.totearea h1 {
	text-align: center;
	padding: 0px 18px 14px 0px;
	letter-spacing: 1px;
}

.totearea .imgarea {
	text-align: center;
	padding-bottom: 14px;
}

.fabric {
	width: 135px;
	margin: 0px auto;
	padding-right: 16px;
}

.fabric small,.printsarea small {
	display: block;
	font-size: 9px;
	color: #714228;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 5px;
}

.fabric a {
	float: left;
	width: 25px;
	height: 25px;
	margin-left: 3px;
	text-indent: -9999em;
	border: 2px solid #fff;
}

.fabric a:hover {
	border: 2px solid #ede6d7;
}

.fabric .fab-color1 {
	background: #fffcdd;
}

.fabric .fab-color2 {
	background: #c3ad68;
}

.fabric .fab-color3 {
	background: #8c6840;
}

.fabric .fab-color4 {
	background: #9c9878;
}

.printsarea {
	width: 290px;
	margin: 0px auto;
	overflow: hidden;
	padding: 13px 0px 24px 0px;
}

.printsarea small {
	margin-right: 16px;
}

.printsarea ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.printsarea ul li {
	float: left;
	margin-right: 10px;
	width: 48px;
}

.productpage p {
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	font-style: italic;
	padding: 0px 0px 1px 4px;
}

.productpage .size {
	font-size: 13px;
	line-height: normal;
}

.moreproduct {
	padding: 15px 0px 0px 5px;
	overflow: hidden;
}

.moreproduct big {
	font-size: 12px;
	letter-spacing: 4px;
	word-spacing: 2px;
	font-style: normal;
	text-transform: uppercase;
	display: block;
	padding-bottom: 10px;
}

.moreproduct a {
	float: left;
	margin-left: -7px;
	margin-right: 14px;
}

.product-right {
	float: right;
	width: 460px;
	margin-right: 14px;
}

.product-gallery {
	padding-top: 22px;
}

.product-gallery ul {
	list-style: none;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}

.product-gallery li {
	float: left;
	width: 68px;
	margin-right: 10px;
}

.product-gallery li:last-child {
	margin-right: 0px;
}

/*productpage css*/ /*Aboutus- Get In Touch page css ==============================================*/
.gettouchdetails {
	width: 620px;
	margin: 0px 0px 0px 40px
}

.gettouchdetails h3.title {
	font-size: 14px;
	color: #333333;
	font-style: italic;
	padding-bottom: 10px;
	margin: 0px 0px 16px 0px;
	width: 350px;
}

.gettouchdetails h3.title a {
	font-weight: bold;
	text-decoration: underline;
}

.getintouchpage {
	padding-top: 53px;
	padding-bottom: 0px
}

.writetous {
	margin: 0px;
	padding: 0px;
	width: 267px
}

.writetous h3 {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 22px 0px;
	padding: 0;
	text-transform: uppercase;
	line-height: 18px;
}

.writetous p {
	line-height: 19px;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}

.writeleft {
	float: left;
	width: 280px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.write-image {
	float: left;
	width: 330px;
	padding: 0px;
	margin: 0px 0px 0px -2px;
}

.emailus {
	margin: 0px;
	padding: 0px;
	color: #714228;
	font-size: 13px;
	margin: 29px 0px 17px 0px;
}

.emailus small {
	font-size: 9px;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin: 0px 0px 3px 0px;
}

.emailus p {
	font-size: 13px;
	color: #714228;
}

.emailus p a {
	font-size: 13px;
	color: #714228;
}

.callus {
	margin: 0px;
	padding: 0px;
	color: #714228;
	font-size: 13px;
}

.callus small {
	font-size: 9px;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase
}

.callus p.calnumber {
	font-size: 13px;
	color: #714228;
	margin: 3px 0px 0px -1px;
}

.tellus {
	margin: 0px;
	padding: 0px;
	background: url(/portalimages/cleanplanet/grey-blurred-bg.jpg) 0px 0 no-repeat;
	width: 613px;
	color: #333333;
	font-size: 15px;
	font-style: italic;
	padding: 38px 0px 0px 15px;
	margin: 2px 0 0 -15px;
}

/*Order- Retailer */
.order-retailer {
	margin: 21px 0px 31px -11px;
	padding: 20px 0px 0px 9px;
	width: 604px;
}

.whereorder {
	float: left;
	width: 328px
}

.whereorder h3 {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 18px;
	margin: 0px 0px 12px 0px;
	padding: 0px;
}

.whereorder p {
	line-height: 14px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-style: italic;
	margin: 0px 0px 15px 0px;
}

.whereorder a {
	line-height: 19px;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	color: #714228;
}

.iamretailer {
	float: left;
	width: 260px;
}

.iamretailer h3 {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 18px;
	margin: 0px 0px 12px 0px;
	padding: 0px;
}

.iamretailer p {
	line-height: 14px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-style: italic;
	margin: 0px 0px 15px 0px;
}

.iamretailer a {
	line-height: 19px;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	color: #714228;
}

h3.blackline {
	border-top: #7f7f7f solid 1px;
	margin: 0px;
	padding: 19px 0px 0px 8px;
	width: 612px;
	margin: 0px 0px 0px -11px;
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 18px;
}

/*Form*/
.form {
	margin: 0px;
	padding: 39px 0px 0px 1px;
	width: 400px;
	float: left
}

.form h3 {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	line-height: 18px;
}

.form small {
	color: #333333;
	font-size: 12px;
	font-style: italic;
	margin: 16px 0px 17px 48px;
	display: block
}

.form .row3 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.row3 label {
	color: #714228;
	display: block;
	float: left;
	font-size: 9px;
	letter-spacing: 1px;
	margin: 4px 12px 0 0;
	padding: 0px;
	text-align: right;
	text-transform: uppercase;
	width: 140px;
}

.row3 label.mind {
	color: #333333;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: -0.04em;
	margin: 4px 12px 0 0;
	padding: 0;
	text-align: left;
	text-transform: none;
	width: 165px;
}

.row3 input {
	background: url(/portalimages/cleanplanet/v-input.jpg) no-repeat top left;
	border: medium none;
	color: #333333;
	font-size: 12px;
	height: 15px;
	line-height: normal;
	padding: 2px 5px 7px;
	width: 192px;
	margin: 0px 0px 0px 5px;
	float: left
}

.row3 select {
	float: left;
	height: 22px;
	margin: 6px 0px 0px 0px;
	width: 200px;
}

.row3 textarea {
	background: url(/portalimages/cleanplanet/textareabg.jpg) no-repeat top left;
	width: 221px;
	height: 122px;
	/*border: none;*/
	margin: 0px 0px 0px 23px
}

.tooltips {
	float: left;
	width: 168px;
	margin: 39px 0 0 24px
}

.tooltip {
	background: #eef5ed;
	border: #dde9e6 solid 1px;
	font-size: 11px;
	color: #495762;
	font-style: italic;
	padding: 10px;
	position: relative;
	margin: 0px 0px 25px 0px;
}

.tooltip .toolarrow {
	height: 11px;
	left: -11px;
	position: absolute;
	top: 10px;
	width: 11px;
	background: url(/portalimages/cleanplanet/green-arrow.gif) no-repeat left top;
}

h3.dotted {
	background: url(/portalimages/cleanplanet/dot-bdr.png) repeat-x bottom left;
	padding: 0px 0px 10px 12px;
	width: 612px;
	margin: 0px 0px 0px -11px;
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	line-height: 18px;
	font-style: italic;
	font-weight: normal
}

.formname {
	float: left;
	margin: 0 0 0 53px;
	padding: 39px 0 0;
	width: 347px;
}

.formname h3 {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	line-height: 18px;
}

.formname small {
	color: #333333;
	font-size: 12px;
	font-style: italic;
	margin: 16px 0px 17px 48px;
	display: block
}

.formname .row4 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.row4 label {
	color: #714228;
	display: block;
	float: left;
	font-size: 9px;
	letter-spacing: 1px;
	margin: 4px 12px 0 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 90px;
}

.row4 input {
	background: url(/portalimages/cleanplanet/v-input.jpg) no-repeat top left;
	border: medium none;
	color: #333333;
	font-size: 12px;
	height: 15px;
	line-height: normal;
	padding: 2px 5px 7px;
	width: 192px;
	margin: 0 0 0 20px;
	float: left
}

input.submitbtn {
	background: url(/portalimages/cleanplanet/submit.jpg) no-repeat top left;
	width: 105px;
	height: 30px;
	border: none;
	margin: 0px 0px 0px 122px;
}

.strip_wrapper {
	left: 3px !important;
	width: 456px !important;
}

#pointer img {
	display: none
}

input.clearbtn {
	background: url(/portalimages/cleanplanet/Clear.jpg) no-repeat top left;
	width: 105px;
	height: 30px;
	border: none;
	margin: 0px 0px 0px 122px;
}

.rich-datascr-act {
	border-top-color: #FFFFFF;
	color: #713D30;
	font-size: 10pt;
}

.rich-datascr-inact {
	border-top-style: solid;
	border-top-width: 0px;
	cursor: pointer;
	text-align: center;
	width: 25px;
}

.rich-modalpanel {
	z-index: 9999 !important;
}

.rich-tab-active {
	background-color: #FFFFFF;
	background-image: none;
	color: #714228;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
}

.rich-tab-inactive {
	background-color: #FFFFFF;
	background-image: none;
	background-position: center top;
	background-repeat: repeat-x;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px 1px 0;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
}

.rich-tab-header {
	cursor: pointer;
}
/*
	FOR THE MOVER
*/
#wrap,#wrap2 {
	width: 600px;
	position: relative;
}

#small,#small2 {
	position: relative;
	width: 100%;
}

#large,#large2 {
	background: white;
	position: relative;
	width: 600px;
}

#mover,#mover2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 104px;
	height: 104px;
	overflow: hidden;
	z-index: 100;
	background: white;
	display: none;
}

#overlay,#overlay2 {
	border: 1px solid blue;
	width: 102px;
	height: 102px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
}

.orderdetails {
	color: #714228;
	display: block;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 5px 15px 0 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
}

/* Style Diary Css  ============================ */
.ecobg_top {
	background: url(/portalimages/cleanplanet/bg_eco_top.jpg) left top no-repeat;
	width: 950px;
	height: 32px;
}

.ecobg_center {
	background: url(/portalimages/cleanplanet/bg_eco_center.jpg) left top repeat-y;
	width: 950px;
}

.eco_text {
	padding: 2em;
	padding-left: 4em;
	width: 450px;
	color: #583520;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	position: relative;
	display: inline;
	padding-bottom: 0
}

.eco_text p {
	font-size: 13px;
}

.eco_banner {
	margin-left: 550px;
	background: url(/portalimages/cleanplanet/eco_banner_img.jpg) left top no-repeat;
	width: 329px;
	height: 239px;
}

.eco_banner1 {
	margin-left: 530px;
	background: url(/portalimages/cleanplanet/eco_banner1_img.jpg) left top no-repeat;
	width: 374px;
	height: 275px;
}

.contentmain {
	margin-top: -2em;
	padding-left: 4em;
	color: #54321d;
}

.contentmain_eco1 {
	margin-top: 0;
	color: #54321d;
	padding-left: 4em;
}

.h1_styledairy {
	background: url(/portalimages/cleanplanet/h1_ecostyle.jpg) left top no-repeat;
	width: 201px;
	height: 63px;
	text-indent: -9999px;
	margin-bottom: .25em
}

.totes_list li {
	position: relative;
	margin-right: .7em;
	float: left
}

.totes_list h2 {
	margin-left: 1.2em;
}

.totes_list  h4 {
	font-size: 14px;
	font-weight: bold;
}

.totes_list h5 {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: .4em;
}

.totes_list h5 a {
	color: #6f4b00;
}

.totes_list h3 {
	margin-bottom: .15em;
}

.otlist .totes_list {
	
}

.otlist .totes_list li {
	margin-left: 0;
	text-align: left;
	float: none
}

.otlist	.totes_list h5 {
	text-align: left;
}

/* Little things Page -*/
.lt_content {
	color: #583520;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/portalimages/cleanplanet/vr.gif) center 331px no-repeat;
	line-height: 1.2
}

.hr {
	background: url(/portalimages/cleanplanet/hr.gif) center top no-repeat;
	width: 950px;
	height: 13px;
	margin: 1em 0;
}

.lt_banner {
	background: url(/portalimages/cleanplanet/Little-things_web.jpg) left top no-repeat;
	width: 466px;
	height: 306px;
	position: relative;
	float: left;
	margin-right: 1em;
}

.lt_banner p {
	position: absolute;
	left: 5em;
	bottom: 4em;
	right: 10em
}

.float_lt_sec {
	width: 450px;
	position: relative;
	float: left;
}

.lt_m_content {
	margin-left: 1em;
	position: relative
}

.sec1 {
	margin-left: 488px;
	margin-right: 1em
}

.number {
	background: url(/portalimages/cleanplanet/bg_number.jpg) center top no-repeat;
	width: 44px;
	height: 40px;
	color: #000;
	font-size: 22px;
	float: left;
	text-align: center;
	line-height: 40px;
	margin-right: .5em
}

/* Sitemap */
.sitemap_list {
	text-align: right;
	font-size: 13px;
	font-weight: bold;
}

.sitemap_list a,.sitemap_sub_list a {
	color: #6f4b00;
}

.sitemap_list a:hover,.sitemap_sub_list a:hover {
	color: #508021;
}

.sitemap_sub_list {
	font-size: 13px;
}

.sitemap_sub_list li {
	padding: 0;
}

.sitemap_img {
	float: left;
	width: 533px;
	height: 252px;
	position: relative;
}

.sitemap_content {
	margin-top: 5em;
	margin-left: 549px;
}

.sitemap_mainlist {
	float: left;
	position: relative;
	width: 8em;
}

.sitemap_sublist {
	margin-left: 8.5em;
	padding-top: 3.8em;
}

.sitemap_sublist ul {
	background: url(/portalimages/cleanplanet/sitemap_arow.jpg) left top no-repeat;
	padding-left: 52px;
}

.sitemap_sublist li {
	font-size: 11px;
	margin-bottom: .25em;
}

.errormsg {
	font-family: Verdana, Arial, Helvetica;
	color: #168D25;
	font-size: 10px;
	font-weight: bold;
	background-color: #BED8F9;
	text-align: left;
}

.dottedlinebackground {
	color: #000;
	font-size: 17px;
	font-weight: normal;
	text-transform: uppercase;
	background: url(/portalimages/cleanplanet/dot-bdr.png) repeat-x bottom left;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 25px 0px;
	text-align: left;
}

/* preferences page */
.preferences {
	color: #714228;
	display: block;
	float: left;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 4px 12px 0 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	/* width: 85px;*/
}

.paneltabs {
	display: block;
	float: left;
	font-size: 16px;
	font-style: italic;
	margin: 5px 10px 0 0;
	color: #714228;
	height: 19px;
	padding: 3px 22px 3px 13px;
}

.ordersummary {
	background: url(/portalimages/cleanplanet/bg_eco_center.jpg) repeat;
}

/*Invoice page */

.invoicebody{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
}

#orderno {
	background-image: url(/portalimages/cleanplanet/border.png);
	background-repeat: no-repeat;
	height: 59px;
	width: 960px;
	margin-top: 16px;
	clear: both;
}

#orderdetail {
	width: 927px;
	background-image: url(/portalimages/cleanplanet/bg.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	background-color: #fafafa;
	min-height: 366px;
}

.orderdetail_table th {
	border: 1px solid #e1e1e1;
	text-align:left;
	color:#996666;
	font-style:italic;
	font-weight:400;
	padding: 10px;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.orderdetail_table td {
	border: 1px solid #e1e1e1;
	text-align:left;
	font-style:italic;
	font-weight:400;
	padding: 10px;
	vertical-align: middle;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

#overadd td{
	font-size:9px;
	letter-spacing:0.2em;
}
	
#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
}