img
{  border-style: none;
}

/* Box display css - not used in october site\*/
/* Show only to IE PC \*/

* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
background: url("http://ishtarskinlights.com/2007img/boxish.gif") no-repeat;
	margin: 0 auto; /* center for now */
	width: 400px; /* ems so it will grow */

	
}

.boxhead h2 {
	margin: 0;
	padding: 10px 30px 10px;
	color: #666666;
	font-weight: bold;
	font-size: 12pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */}

.boxbody{
	margin: 5px 10px 10px 10px;
	padding: 0px 5px 0px;
	color: #666666;
	font-weight: normal;
	font-size: 9pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.box_top_line
{
background:url("http://ishtarskinlights.com/2007img/top_line.gif") left top repeat-x;
height:9px;
}
.box_left_line
{
background:url("http://ishtarskinlights.com/2007img/left_line.gif") left top repeat-y;
width:9px;
}
.box_right_line
{
background:url("http://ishtarskinlights.com/2007img/right_line.gif") left top repeat-y;
width:9px;
}
.box_bottom_line
{
background:url("http://ishtarskinlights.com/2007img/bottom_line.gif") left top repeat-x;
height:9px;
}

/* site wide text styles \*/
.indexlink {
	color: #009999;
	font-size: 9pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.indexlink a, .indexlink a:visited, .indexlink a:link {
	color: #009999;
	font-size: 9pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.indexlink a:hover {
	color: #009999;
	font-size: 9pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
.style2 {
	color: #6666;
	font-weight: bold;
	font-size: 12pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.style1 {color: #FFFFFF}
.style3 {color: #333333}
.style6 {font-size: 12px}
.style10 {font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #006666; }
.style11 {color: #666666;
	font-weight: normal;
	font-size: 10pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;}
.style8 {font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #006666; }

.style9 {
	color: #666666;
	font-weight: bold;
	font-size: 8pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.style12 {font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #666699; }
.style9 {color: #666666;
	font-weight: bold;
	font-size: 10pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;}
.style15 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}
.style16 {color: #339999;
	font-weight: bold;
	font-size: 10pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;}

.style17 {color: #666666; font-weight: bold; font-size: 9pt; font-family: Geneva, Arial, Helvetica, sans-serif; }
.style18 {color: #AEA8D9}
.style19 {font-family: Geneva, Arial, Helvetica, sans-serif;
color: #336666; 
font-size: 10pt; 
}
.style27 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #333333;
}
.style28 {
	color: #666666;
	font-weight: bold;
}
.style30 {color: #FF33CC; font-weight: bold; font-size: 10pt; font-family: Geneva, Arial, Helvetica, sans-serif; }
.style31 {font-size: 14px; color: #FFFF66;  font-weight: bold;font-family: Geneva, Arial, Helvetica, sans-serif; }
.style32 {color: #333333; font-size: 10pt; font-weight: bold; }
.style32 a, .style32 a:visited, .style32 a:link {color: #333333; font-size: 10pt; font-weight: bold; text-decoration: none; }
.style32 a:hover {color: #339999; font-size: 10pt; font-weight: bold; }
.style34 {font-size: 14px; color: #330066; font-weight: bold;font-family: Geneva, Arial, Helvetica, sans-serif; }


.styleproduct {
	color: #666666;
	font-size: 9pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.styleproduct a, .styleproduct a:visited, .styleproduct a:link {
	color: #666666;
	font-size: 9pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.styleproduct a:hover {
	color: #666666;
	font-size: 9pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
/* index page background \*/
.body_left_bg
{
background: url("http://www.ishtarskinlights.com/2007img/bgleftishtar.jpg") left top repeat-y;
width:30px;
padding-top:-2px;
}
.body_right_bg
{
background: url("http://www.ishtarskinlights.com/2007img/bgrightishtar.jpg") left top repeat-y;
width:30px;
}

/*---------- menus -----------*/
ul.productindex {
        list-style: none;
        margin: 0;
        padding: 0;
        }
#menu.productindex{
float: left;
        width: 170px;
        border-style: solid solid none solid;
        border-color: #999999;
        border-size: 1px;
        border-width: 1px;
        margin: 10px;
        }

#menu.productindex li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		 color: #666666;

        display: block;
		 width: 160px;
        background: url("http://www.ishtarskinlights.com/2007img/menumineral.gif");
        padding: 8px 0 0 10px;
        }

#menu.productindex li a:link, #menu.productindex li a:visited {
        color: #666666;

        display: block;
		 width: 160px;
        background: url("http://www.ishtarskinlights.com/2007img/menumineral.gif");
        padding: 8px 0 0 10px;
        }

#menu.productindex li a:hover, #menu.renew li #current {
        color: #663366;

		 width: 160px;
        background: url("http://www.ishtarskinlights.com/2007img/menumineral.gif") 0 -32px ;
        padding: 8px 0 0 10px;
        }

#menu.productindex li a:active {
        color:#663366;

		 width: 160px;
        background: url("http://www.ishtarskinlights.com/2007img/menumineral.gif") 0 -64px;
        padding: 8px 0 0 10px;
        }
.ishtarindex{
	/*background-color:#F8F7F6;*/
	cursor:pointer;
}


ul.renew {
        list-style: none;
        margin: 0;
        padding: 0;
        }
#menu.renew{
float: left;
        width: 190px;
        border-style: solid solid none solid;
        border-color: #999999;
        border-size: 1px;
        border-width: 1px;
        margin: 10px;
        }

#menu.renew li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		 color: #666666;
        display: block;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menurenew.gif");
        padding: 8px 0 0 10px;
        }

#menu.renew li a:link, #menu.renew li a:visited {
        color: #666666;
        display: block;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menurenew.gif");
        padding: 8px 0 0 10px;
        }

#menu.renew li a:hover, #menu.renew li #current {
        color: #EA6A6A;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menurenew.gif") 0 -32px;
        padding: 8px 0 0 10px;
        }

#menu.renew li a:active {
        color:#EA6A6A;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menurenew.gif") 0 -64px;
        padding: 8px 0 0 10px;
        }
ul.mineral {
        list-style: none;
        margin: 0;
        padding: 0;
        }
#menu.mineral{
float: left;
        width: 190px;
        border-style: solid solid none solid;
        border-color: #999999;
        border-size: 1px;
        border-width: 1px;
        margin: 10px;
        }

#menu.mineral li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		 color: #666666;
        display: block;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menumineral.gif");
        padding: 8px 0 0 10px;
        }

#menu.mineral li a:link, #menu.mineral li a:visited {
        color: #666666;
        display: block;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menumineral.gif");
        padding: 8px 0 0 10px;
        }

#menu.mineral li a:hover, #menu.mineral li #current {
        color: #9999cc;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menumineral.gif") 0 -32px;
        padding: 8px 0 0 10px;
        }

#menu.mineral li a:active {
        color:#9999cc;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menumineral.gif") 0 -64px;
        padding: 8px 0 0 10px;
        }
		ul.clarity {
        list-style: none;
        margin: 0;
        padding: 0;
        }
#menu.clarity{
float: left;
        width: 190px;
        border-style: solid solid none solid;
        border-color: #999999;
        border-size: 1px;
        border-width: 1px;
        margin: 10px;
        }

#menu.clarity li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		 color: #666666;
        display: block;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menuclarity.gif");
        padding: 8px 0 0 10px;
        }

#menu.clarity li a:link, #menu.clarity li a:visited {
        color: #666666;
        display: block;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menuclarity.gif");
        padding: 8px 0 0 10px;
        }

#menu.clarity li a:hover, #menu.clarity li #current {
        color: #669999;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menuclarity.gif") 0 -32px;
        padding: 8px 0 0 10px;
        }

#menu.clarity li a:active {
        color:#669999;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menuclarity.gif") 0 -64px;
        padding: 8px 0 0 10px;
        }
		ul.calm {
        list-style: none;
        margin: 0;
        padding: 0;
        }
#menu.calm{
float: left;
        width: 190px;
        border-style: solid solid none solid;
        border-color: #999999;
        border-size: 1px;
        border-width: 1px;
        margin: 10px;
        }

#menu.calm li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		 color: #666666;
        display: block;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menucalm.gif");
        padding: 8px 0 0 10px;
        }

#menu.calm li a:link, #menu.calm li a:visited {
        color: #666666;
        display: block;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menucalm.gif");
        padding: 8px 0 0 10px;
        }

#menu.calm li a:hover, #menu.calm li #current {
        color: #669933;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menucalm.gif") 0 -32px;
        padding: 8px 0 0 10px;
        }

#menu.calm li a:active {
        color:#669933;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menucalm.gif") 0 -64px;
        padding: 8px 0 0 10px;
        }
		ul.bright {
        list-style: none;
        margin: 0;
        padding: 0;
        }
#menu.bright{
float: left;
        width: 190px;
        border-style: solid solid none solid;
        border-color: #999999;
        border-size: 1px;
        border-width: 1px;
        margin: 10px;
        }

#menu.bright li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		 color: #666666;
        display: block;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menubright.gif");
        padding: 8px 0 0 10px;
        }

#menu.bright li a:link, #menu.bright li a:visited {
        color: #666666;
        display: block;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menubright.gif");
        padding: 8px 0 0 10px;
        }

#menu.bright li a:hover, #menu.bright li #current {
        color: #ffcc33;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menubright.gif") 0 -32px;
        padding: 8px 0 0 10px;
        }

#menu.bright li a:active {
        color:#ffcc33;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menubright.gif") 0 -64px;
        padding: 8px 0 0 10px;
        }


ul.resource {
        list-style: none;
        margin: 0;
        padding: 0;
        }
#menu.resource{
float: left;
        width: 190px;
        border-style: solid solid none solid;
        border-color: #999999;
        border-size: 1px;
        border-width: 1px;
        margin: 10px;
        }

#menu.resource li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		 color: #666666;
        display: block;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menuresource.gif");
        padding: 8px 0 0 10px;
        }

#menu.resource li a:link, #menu.resource li a:visited {
        color: #666666;
        display: block;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menuresource.gif");
        padding: 8px 0 0 10px;
        }

#menu.resource li a:hover, #menu.resource li #current {
        color: #FF9966;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menuresource.gif") 0 -32px;
        padding: 8px 0 0 10px;
        }

#menu.resource li a:active {
        color:#FF9966;
		 width: 180px;
        background: url("http://www.ishtarskinlights.com/2007img/menuresource.gif") 0 -64px;
        padding: 8px 0 0 10px;
        }

/*---------- bubble tooltip -----------*/
a.tt{
    position: relative;
    z-index: 24;
    color:#666666;
	font-weight: regular;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
    text-decoration: none;
	display:inline
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display: block;
    position: absolute;
	top: -10px;
    #top: 60px;
    left: 0px;   
	padding: 0px 0px 0px 0px;

	width:200px;
	color: #666666;
    text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0px;
    background: url("http://www.ishtarskinlights.com/2007img/bubblenew.gif") no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url("http://www.ishtarskinlights.com/2007img/bubble_filler.gif") repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #666666;
    background: url("http://www.ishtarskinlights.com/2007img/bubblenew.gif") no-repeat bottom;
}
/*product tabs codes and styles*/
BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT {
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
	COLOR: #565157;
	FONT-SIZE: 10px;
}

#product-brief strong{
color:#514541;
font-size:14px;
}
.ishtar_product_right{
background:#f1efe7;
padding:0px 10px;
}
.ishtar_product_right_title{
color:#8f807c;
font-size:18px;
line-height:40px;
}
.ishtar_nav_current{
font-weight:bold;
}

.ishtar_product_center{
	height:27px;
	cursor:pointer;
	font-size:12px;
	line-height:25px;
	font-weight:bold;
	text-align:center;
	color:#999999;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #dbd7b8;
}

.ishtar_product_center_select{
	border-left:1px solid #dbd7b8;
	border-right:1px solid #dbd7b8;
	border-top:1px solid #dbd7b8;
	border-bottom:1px solid #ffffff;
	
}

.ishtar_color_product_index{
	/*background-color:#F8F7F6;*/
	cursor:pointer;
}
 .ishtar_color_product_index2{
	cursor:pointer;
}

.ishtar_color_product_price, {
	display:none;
}


#ishtar_color_product_tip{
	height:auto;
	position:absolute;
	float:left;
	visibility:hidden;
}

#ishtar_color_product_tip #ishtar_color_product_tip_foot{
	background-image:url(images/ishtar_tip_foot.png);
	background-repeat:no-repeat;
	background-position:center;
	height:6px;
}
#ishtar_color_product_tip #ishtar_color_product_tip_left{
	width:2px;
	float:left;
	background-image:url(images/ishtar_tip_left.png);
}
#ishtar_color_product_tip #ishtar_color_product_tip_center{
	background-image:url(images/ishtar_tip_center.png);
	float:left;
	padding:3px;
}
#ishtar_color_product_tip #ishtar_color_product_tip_right{
	width:2px;
	float:left;
	background-image:url(images/ishtar_tip_right.png);
}
.ishtar_product_name{
visibility:hidden;
_visibility:visible;
}
.div_ishtar_product_center{
padding:0px 10px;}
#div_ishtar_product_center_tips
{
	display:none;
}
#div_ishtar_product_center_ingredients
{
	display:none;
}
#ishtar_procduct_shade_finder{
font:Arial, Helvetica, sans-serif;
font-size:18px;
color:#514541;
height:46px;
}

.subtype{
font:Tahoma,Arial, Helvetica, sans-serif;
font-size:13px;
color:#999999;
/*color:#514541;*/
font-weight:bold;
line-height:25px;
}

.ishtar_product_cell_line{
height:1px;
margin:4px 0px;
background-color:#dfdfdf;
}

#ishtar_product_subtitle{
font-size:14px;
background-color:#f2f0e9;
line-height:30px;
padding-left:10px;
color:#514541;
font-weight:bold;
margin:20px 0 10px 0;
}

.ishtar_product_detail{
border-bottom:1px solid #dbd7b8;
}
.ishtar_product_detail_line{
border-left:1px solid #dbd7b8;
border-right:1px solid #dbd7b8;}


#ishtar_product_category_image{
border:1px solid #dbd7b8;}

#ishtar_product_category_image{
padding:5px;
}

#ishtar_product_detail_div{
	display:none;
}