/* +------------------------------------------------------------+ */

/* | General XHTML Elements                                     | */

/* +------------------------------------------------------------+ */


body  {
	background: #c7c4e2;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the skin_wrapper in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
}

a {
	color: #000099;
	background-color: inherit;
	font-weight: 400;
	text-decoration: underline;
	cursor: pointer;
     }



p {

     color: inherit;

     background-color: inherit;

     margin: 5px 0px 7px 0px;


     }



sup {

     color: inherit;

     background-color: inherit;

     display: inline;

     padding: 0px;

     vertical-align: super;

     font-size: 8px;

     }



a:hover {
	color: #FF0000;
	background-color: inherit;
     }



fieldset {

     color: inherit;

     background-color: inherit;

     border: none;

     padding: 5px 0px 5px 0px;

     }



fieldset p {

     color: inherit;

     background-color: inherit;

     display: block;

     font-size: 11px;

     margin: 5px 5px 5px 2px;

     }



form {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 5px 0px;

     }



img {

     color: inherit;

     background-color: inherit;

     border: none;

     }



li {

     color: inherit;

     background-color: inherit;

     padding-bottom: 5px;

     }



/* +------------------------------------------------------------+ */

/* | General XHTML Classes                                      | */

/* +------------------------------------------------------------+ */



.center {

     color: inherit;

     background-color: inherit;

     text-align: center;

     }



.inlinecenter {

     color: inherit;

     background-color: inherit;

     text-align: center;

     }



p.inline {
	color: #2e3192;
	background-color: inherit;
	display: inline;
	padding: 0px;
     }



.strong {
	color: #2e3192;
	background-color: inherit;
	font-weight: bold;
     }

.blue {
	color: #2e3192;
     }

.hidden {

     color: inherit;

     background-color: inherit;

     display: none;

     }



a.unfancy {
	color: #2e3192;
	background-color: inherit;
	text-decoration: underline;
	font-weight: normal;
     }



a.unfancy:hover {
	color: #FF0000;
	background-color: inherit;
	text-decoration: underline;
     }



/* +------------------------------------------------------------+ */

/* | Skin Specific Divs                                         | */

/* +------------------------------------------------------------+ */



#skin_wrapper {
	width: 781px; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #2e3192;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFFFFF;
	background-image: url('../media/bg_leftcol.gif');
	background-repeat: repeat-y;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
} 

#skin_header {
	color: #000099;
	background-image: url('../media/aromatherapy_online_oshadhi.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	overflow: auto;
	font-family: "Caslon Bd BT", Times, serif;
	font-size: 12px;
	padding: 0;
	line-height: 1;
} 

#skin_header h1 {
	margin: 0; /* zeroing the margin of the last element in the #skin_header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0;
	font-weight: lighter;
}

#skin_ct {
	color: inherit;
	background-color: inherit;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	border-spacing: 0px;
     }

#skin_ct_lcol {
	float: left; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: inherit;*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}

#skin_ct_lcol .formsecthead {
	color: #FFFFFF;
	font-size: 11px;
	padding: 5px;
}

#skin_ct_lcol #gbu0--gsubscript p, #skin_ct_lcol #ecom--gsubscript p {
	margin: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#skin_ct_lcol #gbu0--gsubscript--SUBMIT, #skin_ct_lcol #ecom--gsubscript--SUBMIT {
	text-align: center;
}

#skin_ct_mcol {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 161px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
} 



#skin_ct_rcol {
	color: inherit;
	background-color: #FFFFFF;
	padding: 0px 7px 0px 9px;
	margin: 0px;
	vertical-align: top;
	border-left: 1px solid #2e3192;
	width: 160px;
     }

#skin_footer { 
	/*background:inherit;*/
	color: #2e3192;
	text-align: right;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
} 

#skin_footer p { 
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#skin_pgtitle {
	color: #2e3192;
	background-color: inherit;
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
	clear: none;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 0px;
     }



.skin_content {
	color: inherit;
	background-color: #FFFFFF;
	margin: auto;
	padding: 10px 0px 5px 0px;
     }



#skin_ht {
	color: #2e3192;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	height: 82px;
	font-family: Times, Palatino, "Times New Roman", serif;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #2e3192;
     }

#skin_ht_main {
	background-image: url('../media/aromatherapy_online_oshadhi.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 621px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000099;
}

#skin_ht_lcol { 
	float: left;
	width: 160px;
	text-align: center;
	padding-top: 7px;
}



#skin_ht_rcol {
	float: left;
	width: 160px;
	margin: 0px;
	height: 72px;
	line-height: 90%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#skin_ht_atc {
	float: left;
	width: 110px;
	text-align: center;
	margin: 0px;
	height: 87px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 9px;
}

#head_account {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #c7c4e2;
	font-size: 13px;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2e3192;
	border-bottom-color: #2e3192;
	font-weight: bold;
	margin: 0px;
	clear: both;
	text-align: right;
	padding-top: 0px;
	padding-right: 75px;
	padding-bottom: 4px;
	padding-left: 0px;
}

#head_account_left {
	float: left;
	width: 275px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#skin_header_main { 
	background-color: transparent;
	overflow: auto;
}

#head_account a {
	text-decoration: none;
	font-weight: 400;
}

#head_account a:hover { 
	text-decoration: underline;
}

#skin_account {
	background-color: #c7c4e2;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2e3192;
	border-bottom-color: #2e3192;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	padding: 0px;
	overflow: auto;
}


/* +------------------------------------------------------------+ */

/* | Skin Specific Classes                                      | */

/* +------------------------------------------------------------+ */



.skin_fenavh {
	color: #2e3192;
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
	background-image: url('../media/aromatherapy_online_oshadhi_small.gif');
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
     }

.skin_fenav ul {
	color: inherit;
	background-color: inherit;
	list-style: none;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
     }


.skin_fenav ul li {
	color: #FFFFFF;
	background-color: transparent;
	margin: 0px;
	border-bottom: 1px dotted #000000;
	list-style-type: disc;
	list-style-position: inside;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 6px;
     }

.skin_fenav ul li a {
	color: #FFFFFF;
	display: inline;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 1px;
	font-weight: bold;
     }
	 
.skin_fenav ul li a:hover {
	color: #FF0000;
     }
 

.skin_button {

     color: inherit;

     background-color: inherit;

     border-right: 1px solid #333333;

     margin: 0px 0px 0px 0px;

     display: inline;

     font-family: Arial, Helvetica, Tahoma, sans-serif;

     font-size: 10px;

     padding: 0px 10px 0px 10px;

     }



.skin_button a {

     color: inherit;

     background-color: inherit;

     font-weight: normal;


     }



.skin_button a:hover {

     color: inherit;

     background-color: inherit;

     text-decoration: none;

     }



/*.skin_headacct {
	color: #000099;
	background-color: inherit;
	width: 30%;
	text-align: right;
	clear: both;
	float: left;
     }*/
	 
/*#skin_headacct {
	color: #000099;
	background-color: inherit;
	width: 30%;
	text-align: right;
	clear: both;
	float: left;
     }*/	 

/*.skin_headacct a, .skin_viewcart a {
	color: #000099;
	text-decoration: none;
}*/

/*#skin_headacct a, #skin_viewcart a {
	color: #000099;
	text-decoration: none;
}*/

/*.skin_headacct a:hover, .skin_viewcart a:hover {
	text-decoration: underline;
}*/

/*#skin_headacct a:hover, #skin_viewcart a:hover {
	text-decoration: underline;
}*/

/*.skin_viewcart {
	color: #000099;
	background-color: inherit;
	width: 20%;
	text-align: right;
	clear: both;
	float: left; 
}*/

/*#skin_viewcart {
	color: #000099;
	background-color: inherit;
	width: 20%;
	text-align: right;
	clear: both;
	float: left; 
}*/


.skin_fenavmini {
	color: #000000;
	background-color: inherit;
	padding: 4px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
     }



/* +------------------------------------------------------------+ */

/* | CORE Required Divs                                         | */

/* +------------------------------------------------------------+ */



#debug {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #2e3192;
	padding: 10px;
	overflow: hidden;
	margin-top: 10px;
     }



#printable {
	color: inherit;
	background-color: #FFFFFF;
	border: 1px solid #2e3192;
	width: 800px;
	padding: 10px;
	margin: auto;
     }



/* +------------------------------------------------------------+ */

/* | CORE Required Classes: Messages                            | */

/* +------------------------------------------------------------+ */



.error {

     color: #FF0000;

     background-color: inherit;

     font-weight: bold;

     }



.confirm {
	color: #2e3192;
	background-color: inherit;
	font-weight: bold;
     }



.imgfloatrt {

     color: inherit;

     background-color: inherit;

     float: right;

     margin: 0px 0px 10px 0px;

     display: inline;

     }



.inline {
	color: inherit;
	background-color: #FFFFFF;
	display: inline;
     }



/* +------------------------------------------------------------+ */

/* | CORE Required Classes: Boxed Monospace Code                | */

/* +------------------------------------------------------------+ */



.preboxed {
	color: inherit;
	background-color: inherit;
	margin: 5px 0px 0px 0px;
	padding: 5px;
	border: 1px solid #2e3192;
	font-family: Fixed, monospace;
	overflow: hidden;
     }



/* +------------------------------------------------------------+ */

/* | CORE Required Classes: Form Fields                         | */

/* +------------------------------------------------------------+ */



.formfieldradcb {

     color: inherit;

     background-color: inherit;

     }



.formfield {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #2e3192;
	font-size: 11px;
	margin: 5px 5px 0px 2px;
     }



.formfield:hover {

     color: #1F1F1F;

     background-color: #DEDEDE;

     }



.formfieldp {
	color: #2e3192;
	background-color: inherit;
	display: block;
	padding: 0px;
	margin: 0px;
     }



.formfieldpnfs {

     color: inherit;

     background-color: inherit;

     display: block;

     padding: 0px 5px 0px 5px;

     margin: 0px 0px 5px 0px;

     }



.formfielda {
	color: #2e3192;
	background-color: inherit;
	display: block;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 2px 0px;
     }



.formbutton {
	color: #FFFFFF;
	background-color: #2e3192;
	border: 0px;
	padding: 2px 1px 2px 1px;
	margin: 2px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 130px;
	text-align: right;
     }



.formbutton:hover {
	color: #FF0000;
	background-color: #2e3192;
     }



.quickbutton {
	color: #FFFFFF;
	background-color: #2e3192;
	border: 0px;
	padding: 2px 1px 2px 1px;
	margin: 2px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 130px;
	text-align: center;
     }



.quickbutton:hover {
	color: #FF0000;
     }



.quickform {

     color: inherit;

     background-color: inherit;

     margin: 5px 0px 0px 0px;

     }



.quickfield {

     color: #1F1F1F;

     background-color: #FFFFFF;

     border: 1px solid #D7D7D7;

     font-size: 11px;

     margin: 1px 0px 0px 0px;

     }



.quickfield:hover {

     color: #1F1F1F;

     background-color: #FFFFFF;

     }



.formfieldradcb_rnc {

     color: inherit;

     background-color: #FFA4A4;

     }



.formfield_rnc {

     color: inherit;

     background-color: #FFA4A4;

     border: 1px solid #777777;

     font-size: 11px;

     margin: 5px 5px 0px 2px;

     }



.formfield_rnc:hover {

     color: inherit;

     background-color: #DEDEDE;

     }



/* +------------------------------------------------------------+ */

/* | CORE Required Classes: Form Displays                       | */

/* +------------------------------------------------------------+ */



.formsecthead {
	color: #2e3192;
	padding: 23px 5px 23px 5px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 14px;
	clear: none;
     }



table.formtblone {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 5px 0px;

     border-spacing: 0px;

     width: 100%;

/*     border: 1px solid #36586F;  */

     }



table.formtbltwo {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 5px 0px;

     border-spacing: 0px;

     width: 100%;

/*     border: 1px solid #36586F; */

     }



td.formtbltwo {

     color: inherit;

     background-color: inherit;

     padding: 4px 2px 2px 2px;

     width: 50%;

/*     border-top: 1px solid #BCBCBC;

     border-left: 1px solid #BCBCBC; */

     vertical-align: top;

     }



td.formtbltwospan {

     color: inherit;

     background-color: inherit;

     padding: 4px 2px 2px 2px;

     width: 100%;

/*     border-top: 1px solid #BCBCBC;

     border-left: 1px solid #BCBCBC; */

     vertical-align: top;

     }



td.formtblone {

     color: inherit;

     background-color: inherit;

     padding: 4px 2px 2px 2px;

     width: 100%;

/*     border-top: 1px solid #BCBCBC;

     border-left: 1px solid #BCBCBC; */

     vertical-align: top;

     }



/* +------------------------------------------------------------+ */

/* | CORE Required Classes: Boxed Paragraphs                    | */

/* +------------------------------------------------------------+ */



p.ultableh {

     color: #777777;

     background-color: inherit;

     padding: 10px 5px 3px 0px;

     margin: 0px 0px 2px 0px;

     border-bottom: 1px dotted #D7D7D7;

     font-weight: normal;

     clear: both;

     }



p.ultablei {

     color: inherit;

     background-color: inherit;

     margin: 2px 0px 0px 0px;

     padding: 3px 5px 3px 5px;

/*     border: 1px solid #36586F; */

     }



p.ultablei a {

     color: #8CA41C;

     background-color: inherit;

     display: block;

     font-weight: normal;

     }



p.ultablel {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 5px 0px;

     padding: 3px 5px 3px 5px;

/*     border-right: 1px solid #36586F;

     border-left: 1px solid #36586F;

     border-bottom: 1px solid #36586F; */

     }



p.ultablel a {

     color: #8CA41C;

     background-color: inherit;

     font-weight: normal;

     }



p.uktablesp {

     color: inherit;

     background-color: inherit;

     margin: 0px;

     font-size: 1px;

     }



/* +------------------------------------------------------------+ */

/* | CORE Required Classes: Table Data Displays                 | */

/* +------------------------------------------------------------+ */



table.sorttable {
	color: inherit;
	background-color: inherit;
	border-spacing: 0px;
	width: 95%;/*     border: 1px solid #36586F; */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
     }



a.sorttable {

     color: #3E6B8A;

     background-color: inherit;

     font-weight: bold;

     text-decoration: none;

     }



tr.sorttable {
	color: inherit;
	background-color: inherit;
	padding: 5px;
	border: 1px solid #999999;
	border-collapse: collapse;
     }



th.sorttable {
	color: inherit;
	background-color: #c7c4e2;
	padding: 4px 3px 4px 3px;
	vertical-align: top;
	border: 1px solid #999999;
	border-collapse: collapse;
     }



td.sorttable {
	color: inherit;
	background-color: inherit;
	padding: 4px 3px 4px 3px;
	vertical-align: top;
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
     }



td.sorttable p {

     color: inherit;

     background-color: inherit;

     padding: 0px;

     margin: 0px;

     }



/* +------------------------------------------------------------+ */

/* | CORE Required Classes: Online Store Displays               | */

/* +------------------------------------------------------------+ */



.storehead {
	color: #2e3192;
	padding: 23px 5px 23px 5px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 14px;
	clear: none;
     }


.storelink {
	color: inherit;
	background-color: inherit;
	padding: 0px 5px 0px 5px;
	margin: 5px 0px 10px 0px;/*     border: 1px solid #36586F; */

     }



.storelink a {
	color: #2e3192;
	background-color: inherit;
	font-weight: normal;
     }

.storelink a:hover {
	color: #FF0000;
	background-color: inherit;
	font-weight: normal;
}

.storelink p {
	color: #000000;
	background-color: inherit;
	margin: 4px 0px 4px 0px;
     }



/* +------------------------------------------------------------+ */

/* | CORE Required Classes: Category/Product Display Tables     | */

/* +------------------------------------------------------------+ */



table.cptbl {

     color: inherit;

     background-color: inherit;

/*     background-image: url('../media/bg_catprod.gif'); 

     background-repeat: repeat-y; background-position: left top; */

     margin: 0px 0px 0px 0px;

     border-spacing: 0px;

     width: 100%;

     }



td.cptbl1 {

     color: inherit;

     background-color: inherit;

     padding: 4px 4px 2px 4px;

/*     border: 1px solid #36586F; */

     width: 100%;

     vertical-align: top;

     }



td.cptbl2 {

     color: inherit;

     background-color: inherit;

     padding: 10px 4px 10px 4px;

     border-bottom: 1px solid #D7D7D7;

     width: 50%;

     vertical-align: top;

     }



td.cptbl3 {

     color: inherit;

     background-color: inherit;

     padding: 4px 4px 2px 4px;

     border: 1px solid #36586F;

     width: 33%;

     vertical-align: top;

     }



td.cptbl4 {

     color: inherit;

     background-color: inherit;

     padding: 4px 4px 2px 4px;

     border: 1px solid #36586F;

     width: 25%;

     vertical-align: top;

     }



td.cptblblank {

     color: inherit;

     background-color: inherit;

     display: none;

     }

/* +------------------------------------------------------------+ */
/* | CORE Required Classes: Category List Display Tables        | */
/* +------------------------------------------------------------+ */

table.cptbl_cat {
     color: inherit;
     background-color: inherit;
     margin: 0px 0px 10px 0px;
     border-spacing: 3px;
     width: 100%;
     }

tr.cptbl_cat {
     color: inherit;
     background-color: inherit;
     }

td.cptbl_cat {
	color: inherit;
	background-color: inherit;
	/*     border: 1px solid #36586F; */
     vertical-align: top;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 6px;
     }

td.cptbl_cat_blank {
     color: inherit;
     background-color: inherit;
     display: none;
     }

/* +------------------------------------------------------------+ */
/* | CORE Required Classes: Product List Display Tables         | */
/* +------------------------------------------------------------+ */

table.cptbl_prod {
     color: inherit;
     background-color: inherit;
     margin: 0px;
     border-spacing: 5px;
     width: 100%;
     }

tr.cptbl_prod {
     color: inherit;
     background-color: inherit;
     }

td.cptbl_prod {
     color: inherit;
     background-color: #FFFFFF;
     background-image: url('../media/bg_catprod.gif'); background-repeat: 
     repeat-x; background-position: right bottom;
     padding: 5px 0px 2px 0px;
     vertical-align: top;

     }

/* --- ZIPSKINS we add an 'a' class to control the title size and colour -- */

td.cptbl_prod a {
	font-weight: bold;
	color: #2e3192;
     }

td.cptbl_prod a:hover {
	font-weight: bold;
	color: #FF0000;
}

td.cptbl_prod_blank {
     color: inherit;
     background-color: inherit;
     display: none;
     }

/* +------------------------------------------------------------+ */
/* | CORE Required Classes: Product Detail Display Tables       | */
/* +------------------------------------------------------------+ */

table.cptbl_det {
     color: inherit;
     background-color: inherit;
     margin: 0px 0px 10px 0px;
     border-spacing: 3px;
     width: 100%;
     }

tr.cptbl_det {
     color: inherit;
     background-color: inherit;
     }

td.cptbl_det {
     color: inherit;
     background-color: inherit;
     padding: 4px 4px 2px 4px;
     vertical-align: top;
     }

td.cptbl_det_blank {
     color: inherit;
     background-color: inherit;
     display: none;
     }


/* +------------------------------------------------------------+ */

/* | CORE Required Classes: Price Displays                      | */

/* +------------------------------------------------------------+ */



.pricediv {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 0px 0px;

     padding: 5px 0px 5px 0px;


     }



.price {
	background-color: inherit;
	display: inline;
	text-align: right;
	padding: 0px 0px 0px 0px;
     }



.pricex {

     color: #FF0000;

     background-color: inherit;

     display: inline;

     text-decoration: line-through;

     }



/* +------------------------------------------------------------+ */

/* | CORE Required Classes: Shopping Cart Displays              | */

/* +------------------------------------------------------------+ */



.cartbutton {
	color: #FFFFFF;
	background-color: #2e3192;
	border: 0px;
	padding: 3px 2px 3px 1px;
	margin: 2px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 127px;
	text-align: center;
	display: block;
     }



.cartbutton:hover {
	color: #FF0000;
	background-color: #2e3192;
	text-decoration: none;
	cursor: default;
     }



/* +------------------------------------------------------------+ */

/* | CORE Required Classes: Ghost Table                         | */

/* +------------------------------------------------------------+ */



table.ghost {

     color: inherit;

     background-color: inherit;

     margin: 0px;

     padding: 0px;

     border-spacing: 0px;

     width: 100%;

     }



td.ghost {

     color: inherit;

     background-color: inherit;

     padding: 0px;

     margin: 0px;

     vertical-align: top;

     }



.ghost form {

     color: inherit;

     background-color: inherit;

     display: inline;

}



td.ghost img {

     color: inherit;

     background-color: inherit;

     margin-right: 10px;

     margin-bottom: 10px;

     }



td.ghost p {

     margin: 0px 0px 6px 0px;

}


td.ghost strong {
	font-size: 16px;
	color: #000099;
}



/* +------------------------------------------------------------+ */
/* | CORE Required Classes: Regular Table Displays              | */
/* +------------------------------------------------------------+ */

.regtablehead {
	color: #2e3192;
	background-color: #FFFFFF;
	padding: 23px 5px 23px 5px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 14px;
	clear: none;
     }


table.regtable {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 5px 0px;

     border-spacing: 3px;

     width: 100%;

     }


tr.regtable {

     color: inherit;

     background-color: inherit;

     padding: 5px;

     }



th.regtable {

     color: inherit;

     background-color: inherit;

     padding: 4px 3px 4px 3px;

     vertical-align: top;

     }



td.regtable {

     color: inherit;

     background-color: inherit;

     padding: 4px 3px 4px 3px;

     vertical-align: top;

     }



.regtable p {

     color: inherit;

     background-color: inherit;

     padding: 0px;

     margin: 0px 0px 5px 0px;

     }



/* +------------------------------------------------------------+ */
/* | CORE Required Classes: Order Summary Displays              | */
/* | This provides backwards compatibility with versions prior  | */
/* | to v6.0.4                                                  | */
/* +------------------------------------------------------------+ */



table.ordsumm {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 5px 0px;

     border-spacing: 3px;

     width: 100%;

/*     border-left: 1px solid #36586F;

     border-right: 1px solid #36586F;

     border-bottom: 1px solid #36586F; */

     }



.ordsumm a {

     color: #8CA41C;

     background-color: inherit;

     font-weight: bold;

     text-decoration: none;

     }



tr.ordsumm {

     color: inherit;

     background-color: inherit;

     padding: 5px;

/*     border: 1px solid #36586F; */

     }



th.ordsumm {

     color: inherit;

     background-color: inherit;

     padding: 4px 3px 4px 3px;

/*     border-top: 1px solid #CDCDCD;

     border-left: 1px solid #CDCDCD; */

     vertical-align: top;

     }



td.ordsumm {

     color: inherit;

     background-color: inherit;

     padding: 4px 3px 4px 3px;

/*     border-top: 1px solid #CDCDCD;

     border-left: 1px solid #CDCDCD; */

     vertical-align: top;

     }



.ordsumm p {

     color: inherit;

     background-color: inherit;

     padding: 0px;

     margin: 0px 0px 5px 0px;

     }



.ordsumm a {

     color: #3E6B8A;

     background-color: inherit;

     }



.ordsumm a:hover {

     color: inherit;

     background-color: inherit;

     text-decoration: underline;

     }



.ordsummhead {

     color: #FFFFFF;

     background-color: #C0C0C0;

     background-image: url('../media/bg_storehead.gif'); background-repeat: 
     no-repeat; background-position: left top;

     padding: 23px 5px 23px 5px;

     margin: 0px 0px 0px 0px;

     font-weight: normal;

     font-size: 14px;

     clear: both;

     }



.ordsummcenter {

     color: inherit;

     background-color: inherit;

     text-align: center;

     padding: 0px;

     margin: 0px 0px 10px 0px;

     border: 1px solid #36586F;

     }



.ordsummbig {

     color: inherit;

     background-color: inherit;

     font-weight: bold;

     font-size: 16px;

     }



.ordsummlink {

     color: inherit;

     background-color: inherit;

     padding: 0px 5px 0px 5px;

     margin: 10px 0px 10px 0px;

     border: 1px solid #36586F;

     }



.ordsummlink a {

     color: #3E6B8A;

     background-color: inherit;

     font-weight: normal;

     }



/* +------------------------------------------------------------+ */

/* | CORE Required Classes: Misc                                | */

/* +------------------------------------------------------------+ */



h1.secthead {

     color: inherit;

     background-color: inherit;

     font-weight: bold;

     font-size: 11px;

     text-decoration: underline;

     }



.clearboth {

     color: inherit;

     background-color: inherit;

     clear: both;

     }



.outstock {

     color: #FF0000;

     background-color: inherit;

     }



a.hrefbutton {
	color: #FFFFFF;
	background-color: #2e3192;
	background-image: url('../media/bg_hrefbutton.gif');
	background-repeat: 
     no-repeat;
	background-position: left top;
	padding: 3px 5px 3px 5px;
	font-size: 10px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	text-align: center;
	display: block;
	width: 176px;
     }



a.hrefbutton:hover {
	color: #FF0000;
	text-decoration: none;
	cursor: default;
     }



.outline {

     color: inherit;

     background-color: inherit;

     border: 1px solid #36586F;

     padding: 5px;

     margin-top: 5px;

     }



.outlinetrans {

     color: inherit;

     background-color: inherit;

     border: 1px solid #36586F;

     }



.outline p {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 3px 0px;

}

.big {font-size: 16px; font-weight: bold;}


/* +------------------------------------------------------------+ */

/* | Custom ZipSkin Classes and ID .skin and .core              | */

/* +------------------------------------------------------------+ */


.skin_fenav {
	color: inherit;
	background-color: inherit;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-weight: 700;
     }


.skin_prim_nav {

     color: #636363;

     background-color: inherit;

     padding: 0px 0px 0px 0px;

     margin: 0px 0px 0px 0px;

     font-weight: normal;

     text-align: left;

     }


#skin_button_last {

     border: 0;

     padding-right: 0px;

     }

#skin_button_first {

     padding-left: 0px;

     }

#skin_button_new {

     color: #51AA1B;

     padding-left: 0px;

     }

#skin_button_best {

     color: #8CA41C;

     }





.skin_footbutton {

     color: #333333;

     background-color: inherit;

     border-right: 1px solid #A7A7A7;

     display: inline;

     font-weight: normal;

     padding: 4px 30px 4px 30px;

     }



.skin_footbutton a {

     color: #333333;

     background-color: inherit;

     font-weight: normal;

     }



.skin_footbutton a:hover {

     color: #8CA41C;

     background-color: inherit;

     text-decoration: underline;

     }

#skin_footbutton_last {

     border: 0;

     }


.welcomemessage {

     border: 1px solid #D7D7D7;
     
     width: 310px;

     padding: 4px;

     height: 150px;

     margin: 0px;


}


.welcome_title {

     color: #8CA41C;

     font-size: 12px;

     font-weight: bold;

}


.skin_searchfield {
	color: #000000;
	background-color: #FFFFFF;
	font-size: 10px;
	width: 180px;
	border: 1px solid #333333;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
     }



.skin_searchfield:hover {
	color: #000000;
	background-color: #FFFFFF;
     }


.skin_searchbutton {
	color: #FFFFFF;
	background-color: #2e3192;
	border: 0px;
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
     }



.skin_searchbutton:hover {
	color: #FFFFFF;
	background-color: #2e3192;
     }

#skin_minisearch {

     color: inherit;

     background-color: inherit;

     padding: 5px 0px 1px 0px;

     margin: 7px 0px 0px 0px;

     font-weight: normal;

     text-align: right;

     }


#skin_copy { 
	/*background:inherit;*/
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	overflow: auto;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #2e3192;
} 

#skin_copy_left { 
	float: left;
	width: 160px;
	color: #FFFFFF;
	text-align: center;
}

#skin_copy p { 
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#skin_copy_right { 
	float: left;
	width: 620px;
	font-family: Times, Palatino, "Times New Roman", serif;
	font-style: italic;
	text-align: center;
	font-size: 125%;
	color: #2e3192;
}

.skin_copy_right h2 {
	font-style: italic;
	font-family: Times, Palatino, "Times New Roman", serif;
	font-size: 200%;
}

#skin_menu_left {
	color: #FFFFFF;
	background-color: #2e3192;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#skin_menu_right {
	color: inherit;
	background-color: #2e3192;
	padding: 0px 0px 11px 0px;
}


#skin_menu_right ul li {
	color: #FFFFFF;
	background-color: transparent;
	margin: 0px;
	list-style-position: inside;
	list-style-type: disc;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 3px;
     }



#skin_menu_right ul li a {
	color: #FFFFFF;
	background-color: inherit;
	display: inline;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 1px;
     }



#skin_menu_right li a:hover {
	color: #FF0000;
	background-color: inherit;
     }

#skin_minicart {
	color: inherit;
	background-color: inherit;
	font-weight: normal;
	text-align: right;
	margin: 0;
	float: left;
	width: 20%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

a.altlink {
	background-color: inherit;
	text-decoration: none;
     }



a.altlink:hover {
	background-color: inherit;
	text-decoration: underline;
     }

.skin_anyimg {

     color: inherit;

     background-color: inherit;

     border: none;

     display: block;

     overflow: hidden; 

     margin: 0;

     }

#skin_footer a {
	font-weight: bold;
	text-decoration: underline;
	color: #2E3192;
}

#skin_footer a:hover { 
	color: #FF0000;
	text-decoration: underline;
}

#skin_ht_mcol {
	float: left;
	width: 320px;
	padding-left: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 97px;
	line-height: 100%;
}

#skin_splash {

     color: inherit;

     background-color: #000000;

     padding: 0px;

     margin: 0px 0px 5px 0px;

     font-weight: normal;

     }

.skin_splashimg {

     color: inherit;

     background-color: inherit;

     border: none;

     overflow: hidden; 

     margin: 0px 5px 0px 0px;

     display: block;

     }


.cart {

     color: inherit;

     background-color: inherit;

     background-image: url('../media/cart.gif'); background-repeat: 
     no-repeat; background-position: 14.2em 0.2em;

     padding: 7px 0px 7px 0px;

     margin: 0px;

     }

/* Zipskins Browse menu css, not always used but always present in CSS */


#skin_browse {
	color: #FFFFFF;
	margin: 0px;
	background-color: #2e3192;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

     

#skin_browse ul {

     color: inherit;

     background-color: inherit;

     padding: 0px;

     margin: 0px 0px 0px 0px;

     list-style: none;

     }



#skin_browse ul li {

     color: inherit;

     background-color: inherit;

     padding: 0px;

     margin: 0px;

     border-bottom: 1px dotted #000000;

     list-style: none;

     width: 100%;

     font-size: 14px;

     }



#skin_browse ul li a {
	color: #FFFFFF;
	background-color: inherit;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 6px 0px 6px 30px;
	font-size: 10px;
     }



#skin_browse ul li a:hover {
	color: #FF0000;
	text-decoration: none;
}

.skin_content p, h1{
	padding: 0px 4px 0px 4px;
     }

.skin_content p.storehead {
	color: #2e3192;
	padding: 23px 5px 23px 5px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 14px;
     }


#skin_splash_content .skin_content {
	color: inherit;
	background-color: #FFFFFF;
	margin: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
     }

#skin_feat_content .storehead {
	color: #2e3192;
	background-color: #FFFFFF;
	padding: 9px 5px 23px 5px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 14px;
	clear: none;
     }

.skin_fenavmini .quickbutton {
	background-color: #2e3192;
}

/* +------------------------------------------------------------+ */

/* | Oshadhi additional styles                                  | */

/* +------------------------------------------------------------+ */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#skin_account_l {
	float: left;
	width: 30%;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

#skin_account_m {
	float: left;
	width: 20%;
	text-align: left;
	padding-left: 2%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#skin_account_r {
	float: left;
	width: 46%;
	margin: 0px;
	padding: 0px;
}

#skin_account p {
	font-weight: bold;
}

#skin_account a {
	color: #000099;
	text-decoration: none;
}

#skin_account a:hover {
	text-decoration: underline;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ 
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */ 
	float: left;
	margin-right: 8px;
}

.italic { 
	font-style: italic;
}

/* additional rules to incorporate Oshadhi backgrounds to categories in LH menu */

#skin_wrapper #skin_ct_lcol #skin_menu_left .skin_fenav #Monitors {
	background-image: url(../media/aromatherapy_online_oshadhi_small.gif);
}

#skin_wrapper #skin_header #skin_header_main #skin_ht_rcol h2 {
	font-weight: lighter;
}

#skin_wrapper #skin_ct_mcol .ghost h3, #skin_wrapper #skin_ct_mcol .ghost h4, #skin_wrapper #skin_ct_mcol .ghost h5 {
	color: #2e3192;
	padding-left: 4px;
}

#skin_wrapper #skin_ct_mcol .skin_content .cptbl_det .cptbl_det .ghost .ghost table th {
	color: #2e3192;
}

/* Extra classes to apply the special backgrounds to some categories in the left hand menu */

#skin_wrapper #skin_ct_lcol #skin_menu_left .skin_fenav #aromatherapy {
	background-image: url(../media/OshadhiSlug3.gif);
        background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
}

#skin_wrapper #skin_ct_lcol #skin_menu_left .skin_fenav #aromatherapy a {
	color: #2e3192;
}

#skin_wrapper #skin_ct_lcol #skin_menu_left .skin_fenav #beautyandhome {
	background-image: url(../media/OshadhiSlug3.gif);
        background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
}

#skin_wrapper #skin_ct_lcol #skin_menu_left .skin_fenav #beautyandhome a {
	color: #2e3192;
}

#skin_wrapper #skin_ct_lcol #skin_menu_left .skin_fenav #elixeaskincare {
	background-image: url(../media/ElixeaSlug3.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
}

#skin_wrapper #skin_ct_lcol #skin_menu_left .skin_fenav #elixeaskincare a {
	color: #2e3192;
}

#moredetails {
	font-size: 10px;
}

#skin_wrapper #skin_header #skin_header_main #skin_ht_mcol #company_name {
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 15px;
}

.aefborder {
	border: 2px solid #999999;
	border-collapse: collapse;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 11px;
}

.aefborder tr th, .aefborder tr td  {
	border: 1px solid #999999;
	padding-left: 5px;
	padding-right: 5px;
}

.aefborder tr th  {
}


#skin_splash_content {
	padding-left: 10px;
	padding-right: 10px;
}

/* extra styles added for CCP7 */

legend {
     display: none;
}

label {
     display: none;
}

.formfieldrelwrap {
     overflow: auto;
     width: 550px;
     height: 90px;
     border: 1px solid #555555;
     padding: 5px;
     margin: 10px 0px 10px 0px;
     }

.formfieldwysiwyg {
     background-color: #FFFFFF;
     border: 1px solid #555555;
     margin: 5px 5px 0px 2px;
     font-size: 11px;
     }

.formfieldwysiwyg:hover {
     background-color: #F5F5F5;
     }

.formfieldleg {
     font-weight: bold;
     }

.formfieldleg_rnc {
     font-weight: bold;
     color: #FF0000;
     }

/* +------------------------------------------------------------+ */

/* | End                                                        | */

/* +------------------------------------------------------------+ */

.cptbl_prod .cptbl_prod #prodlist_dab_osh, .cptbl_prod .cptbl_prod #prodlist_drightab_osh, .cptbl_prod .cptbl_prod .ghost {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#skin_ht_rcol  h2 {
	margin: 0px;
	padding: 0px;
}

#skin_ht_rcol  h3 {
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}


#skin_ht_mcol p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 0px;
}

#skin_wrapper #skin_header #skin_header_main #head_account #head_account_left p {
	margin: 0px;
	padding: 0px;
}

/*#skin_wrapper #skin_header #skin_header_main #head_account*/ #minisearch_div {
	margin-left: 285px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 330px;
	padding: 0px;
}

#skin_searchfield_osh {
	width: 190px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#skin_searchbutton_osh {
	width: 70px;
	float: left;
	padding: 0px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#skin_wrapper #skin_ct_lcol #skin_menu_left #ecom_skinwidgetcategories_h {
	display: none;
}

#skin_wrapper #skin_ct_lcol #skin_menu_left #core_skinwidgetmenucustom_h {
	display: none;
}