/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #fff;
	line-height: 17px;	
	margin: 0px;
	padding: 0px;
	background: #000;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #fff;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
	 font: bold 160% Arial,sans-serif;
	 color: #fff;
	 margin: 0px;
	 padding: 0px;
}

h2{
	 font: bold 114% Arial,sans-serif;
	 color: #fff;
	 margin: 0px;
	 padding: 0px;
}

h3{
	 font: bold 100% Arial,sans-serif;
	 color: #fff;
	 margin: 0px;
	 padding: 0px;
}

h4{
	 font: 100% Arial,sans-serif;
	 color: #fff;
	 margin: 0px;
	 padding: 0px;
}

h5{
	 font: 100% Arial,sans-serif;
	 color: #fff;
	 margin: 0px;
	 padding: 0px;
}


/*************** list tag styles ***************/

ul{
	list-style-type: none;
	padding:10px 0;
	margin:0;
}

ul li{
	 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
	display:inline;
}

label{
	 font: bold 1em Arial,sans-serif;
	 color: #000;
}
				
input[type='text']{
	font-size: 70%;
	font:normal 11px Arial, Helvetica, sans-serif;
	display:inline;
	padding:2px;
	border:2px outset #C1C1C1;
	height:16px;
	text-align:left;
}

input[type='password']{
	font-size: 70%;
	font:normal 11px Arial, Helvetica, sans-serif;
	display:inline;
	padding:2px;
	border:2px outset #C1C1C1;
	height:16px;
	text-align:left;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#page{
	width:996px;
	/*width:97.5%;*/
	padding:0;
	margin:0 auto;
}

#masthead{
	padding:0;
	margin:0;
}

#container{
	position:relative;
	margin:0 auto;
	padding:10px 0 0 0;
}
#contenthome{
	margin:0 10px 0 0;
	padding: 0;
	float:right;
	width:695px;
	/*width:72.5%;
	/width:73.8%;*/
	background:#000;
	height:auto;
	min-height:660px !important;
	height:100%;
}
#container_inner{
	position: relative;
	margin:10px auto;
	padding:0;
	background:#fff;
	width:995px;
	height:670px !important;
	background:#000;
}

#content_inner{
	margin:0 10px 0 0;
	padding: 0 0 0 10px;
	float:right;
	width:690px;
	/*width:72.5%;
	/width:73.8%;*/
	background:#fff;
	min-height:650px;
	height:100% !important;
}

#sidebar_left{
    float:left;
    width:280px;
    padding:0px;
    background:#000;
    padding:5px 0 0 0;
}


#headleft{
	float:left;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/
.siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	float:left;
}

.slogan{
	padding:92px 0 0 5px;
	margin:0;
	float:left;
}
.lefty{
	padding:0;
	margin:0;
}

/***************************** begin Box, Block *****************************/

.Block
{
  min-height:20px;
  margin:0;
  position: relative;
  z-index: 0;
}

.Block-body
{
  position: relative;
  z-index: 0;
  margin: 0px;
}

.Block
{
  margin:0px 10px 10px 10px;
}

/*************************** end Box, Block *************************/

/* begin BlockHeader */

.BlockHeader
{
  position: relative;
  overflow: hidden;
  height: 30px;
  z-index: 0;
  padding: 0 0px;
  border-top:3px solid #CC0000;
  margin:0;
  background:#000;
}

.BlockHeaderSearch
{
  position: relative;
  overflow: hidden;
  height: 30px;
  z-index: 0;
  line-height:30px;
  padding: 0 0px;
  border-top:3px solid #660000;
  margin:0;
  background:#000;
}
.BlockHeader-text
{
  white-space : nowrap;
  color: #A8A8A8;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  line-height: 30px;
  font-weight:bold;
  padding-left:0px;
  text-transform:uppercase;
  padding-left:7px;
  padding-top:7px;
  background:#000;
}

.tb1 a{ background: url(../images/harecare_off.gif) no-repeat 0 0; height:22px; display:block; margin:5px 0 0 10px;}
.tb1 a:hover{ background: url(../images/harecare_on.gif) no-repeat 0 0; height:22px;}

.tb2 a{ background: url(../images/grooming_off.gif) no-repeat 0 0; height:22px;display:block; margin:5px 0 0 10px;}
.tb2 a:hover{ background: url(../images/grooming_on.gif) no-repeat 0 0; height:22px;}

.tb3 a{ background: url(../images/face_off.gif) no-repeat 0 0; height:22px;display:block; margin:5px 0 0 10px;}
.tb3 a:hover { background: url(../images/face_on.gif) no-repeat 0 0; height:22px;}

.tb4 a{ background: url(../images/laser_off.gif) no-repeat 0 0; height:22px;display:block; margin:5px 0 0 10px;}
.tb4 a:hover{ background: url(../images/laser_on.gif) no-repeat 0 0; height:22px;}

/******************* end BlockHeader *****************************/

/******************* begin Box, BlockContent **************************/

.BlockContent
{
  overflow: hidden;
  min-width:19px;
  min-height:50px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  background:#CC0000 url(../images/blockbg.gif) repeat-x left top;    
}


.BlockContent-body
{
  position: relative;
  z-index: 0;
  padding:12px 15px 8px 10px;
}

.BlockContent-body
{
  color:#fff;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
}
.BlockContent-body ul{
	display:inline;
}

.BlockContent-body ul li{
	padding-left:10px;
	list-style:none;
	color:#F1EEEE;
	font: bold 13px Arial, Helvetica, Sans-Serif;
	line-height:17px;
	padding:0 2px 0 2px;
}
.BlockContent-body ul li a{
	list-style:none;
	color:#F1EEEE;
	font: bold 13px Arial, Helvetica, Sans-Serif;
	text-decoration:none;
	line-height:17px;
	padding:0 2px 0 2px;
}

.BlockContent-body ul li a:hover{
	list-style:none;
	color:#680101;
	font: bold 13px Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	background:#fff;
	border:1px solid #680101;
	line-height:17px;
	padding:0 2px 0 2px;
}
/************** header links styles *****************/

#headerlight_links{
	float:right;
	font: 75% Verdana,sans-serif;
	margin-top:20px;
	color: #919999;
	width:auto;
	text-align:right;
	line-height:25px;
	font-size: 10px;
}

#headerlight_links a{
	color: #ffffff;
}

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

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 4px 0px;
	margin: 0px 10px 0 0;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #CC0000;
	margin:0px;
	padding: 5px 0px;
	text-transform:uppercase;
	border-bottom:2px solid #808080;
}

#pageName h2 a {
	font: bold Arial,sans-serif;
	color: #CC0000;
	margin:0px;
	padding: 5px 0px;
	text-transform:uppercase;
	border-bottom:2px solid #808080;
}

/*________________________________________TOPMENU_____________________________________*/
#topmenu{
	position: relative;
	height: 35px;
	padding: 0px;
	margin: 0px;
	background: url(../images/topnavbg.gif) repeat-x 0 bottom;
	clear:both;
}
#countrytabs{margin:0; padding:0; float:left; height:35px;}
ul.shadetabs{ padding:0; margin:0;}
.shadetabs li{
	display: inline;
	text-decoration: none;	
	color: #FF3033;
	font: 14px arial, verdana, helvetica, sans-serif; 
	font-weight: bold;
	float:left;
	height:30px;
	padding-left:5px;
}
.shadetabs li a{
	background:url(../images/tableft.png) top left no-repeat;
	text-decoration: none;
	z-index: 1;
	color: #FF3033;
	line-height:30px;
	outline:none;
	padding-left:0px;
	height:30px;
	vertical-align:bottom;
}

.shadetabs li a span
{
	background: url(../images/tabright.png) right top no-repeat;
	padding-left:5px;
	padding-right:13px;
	margin-left: -1px;
	outline:none;
	height:30px;
}
.shadetabs li a:visited{
	color: #FF3033;
}

.shadetabs li a:hover{
	text-decoration: none;
	color: #fff;
	outline:none;
}

.shadetabs li a.selected{ /*selected main tab style */
	background:url(../images/tableft.png) top left no-repeat;
	text-decoration: none;
	z-index: 1;
	color: #FF3033;
	line-height:30px;
	padding-left:13px;
	outline:none;
	height:30px;
}

.shadetabs li a.selected span{ /*selected main tab style */
	background:url(../images/tabright.png) top right no-repeat;
	padding-left: -2px;
	padding-right:12px;
	margin-left: -1px;
	outline:none;
	height:30px;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
	text-decoration: none;
}

.shadetabs  a,.shadetabs  a span
{
	display: block;
	float: left;
	outline:none;
}

ul.shadetabs li a {
	padding:0px 0px 0px 13px;
	outline:none;
	text-align:center;
}

/*________________________________________END TOPMENU_____________________________________*/

#banner_top{
	padding:0 0 8px 0;
	margin:0;
	background:#000;
}

#banner_bottom{
	padding:0;
	margin:0;
	background:#000;
}

#banner_bottom1{
	padding:0 10px 0 0;
	margin:0;
	float:left;
	background:#000;
}

#banner_bottom2{
	padding:0;
	margin:0;
	float:left;
	background:#000;
}

/*************** search styles *****************/

.searchForm{
	padding:10px 0;
}

.searchForm input[type='text']{
	font-size: 70%;
	font:normal 11px Arial, Helvetica, sans-serif;
	display:inline;
	padding:2px;
	border:2px outset #000;
	height:16px;
}
.searchForm .button{
	font-size: 70%;
	font:normal 11px Arial, Helvetica, sans-serif;
	display:inline;
	padding:2px;
	border:none;
	height:20px;
}
.clear{ clear:both;}
.toppadding{ padding-top:5px;}

/********************************* page level 1 styles ******************************/
.product_display{
	width:216px;
	/width:218px;
	float:left;
	padding:0;
	padding:10px 0 10px 0px;
	margin:6px 5px 0 5px;
}

.productBox{
	border:1px solid #ccc;
	overflow:hidden;
	min-height:200px !important;
	text-align:center;
	vertical-align:middle;
}

.productBox img{
	padding:0;
	border:0;
}

.content{
	padding:0;
	margin:0;
	font: 13px Arial, Helvetica, sans-serif;
	color:#666;	

}

.content a { color:#666; }

.product_shop{
	display:block;
	padding:5px;
}

.product_name{ 
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#707070;
}
.price{
	padding:5px 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#707070;
}
.addtocart{
	padding:5px 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#707070;
}

.product_details{
	float: right;
	padding:0 0 0 10px;
	margin:0;
	width:64%;
	margin:35px 0;
}



.product_details h1.heading{
	color:#666;
	
}
.product_details p{
	padding:o;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#666;
}

/******************* begin imageBox, imageBlock *******************/
.imageBlock
{
  overflow: hidden;
  min-width:15px;
  min-height:15px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.imageBlock-body
{
  position: relative;
  z-index: 0;
  margin: 10px;
}

.imageBlock-tl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 13px;
  height: 13px;
  background-image: url('../images/Block-s.png');
}

.imageBlock-tr
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 13px;
  height: 13px;
}

.imageBlock-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -13px;
  width: 26px;
  height: 26px;
  background-image: url('../images/Block-s.png');
}

.imageBlock-bl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 13px;
  height: 13px;
}

.imageBlock-bl div
{
  position: absolute;
  z-index: -1;
  top: -13px;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url('../images/Block-s.png');
}

.imageBlock-br
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 13px;
  height: 13px;
}

.imageBlock-br div
{
  position: absolute;
  z-index: -1;
  top: -13px;
  left: -13px;
  width: 26px;
  height: 26px;
  background-image: url('../images/Block-s.png');
}

.imageBlock-tc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 13px;
  right: 13px;
  height: 13px;
}

.imageBlock-tc div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 26px;
  background-image: url('../images/Block-h.png');
}

.imageBlock-bc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 13px;
  right: 13px;
  height: 13px;
}

.imageBlock-bc div
{
  position: absolute;
  z-index: -1;
  top: -13px;
  left: 0;
  width: 100%;
  height: 26px;
  background-image: url('../images/Block-h.png');
}

.imageBlock-cl
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 13px;
  left: 0;
  width: 13px;
  bottom: 13px;
}

.imageBlock-cl div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 26px;
  height: 100%;
  background-image: url('../images/Block-v.png');
}

.imageBlock-cr
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 13px;
  right: 0;
  width: 13px;
  bottom: 13px;
}

.imageBlock-cr div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -13px;
  width: 26px;
  height: 100%;
  background-image: url('../images/Block-v.png');
}

.imageBlock-cc
{
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 13px;
  left: 13px;
  right: 13px;
  bottom: 13px;
  background-image: url('../images/Block-c.png');
}


.imageBlock
{
  margin: 7px;
  text-align:center;
}

.imageBlockkContent
{
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.imageBlockContent-body
{
  position: relative;
  z-index: 0;
  margin: 11px;
}
#expert_review_main{ 
	padding:0 0 10px 0px; 
	margin:0;
	clear:both;
}
#expert_review_heading{
	position: relative;
	height: 30px;
	padding: 0px;
	margin: 0px;
	clear:both;
	border-bottom:2px solid #808080;
}

#expert_review_tab{
	margin:0; 
	padding:0; 
	float:left; 
	height:35px;
}
ul.tabs{ 
	padding:0; 
	margin:0;
}
.tabs li{
	display: inline;
	text-decoration: none;	
	color: #FF3333;
	font: 14px arial, verdana, helvetica, sans-serif; 
	font-weight: bold;
	float:left;
	height:30px;
	padding-top:0px;
}
.tabs li a{
	background:url(../images/tableft.png) top left no-repeat;
	text-decoration: none;
	z-index: 1;
	color: #FF3333;
	outline:none;
	height:30px;
}

.tabs li a span
{
	background: url(../images/tabright.png) right top no-repeat;
	padding-left:5px;
	padding-right:13px;
	margin-left: -1px;
	outline:none;
	height:30px;
}

.tabs li a.selected{ /*selected main tab style */
	background:url(../images/tableft.png) top left no-repeat;
	text-decoration: none;
	z-index: 1;
	color: #FF3333;
	line-height:30px;
	padding-left:13px;
	outline:none;
	height:30px;
}

.tabs li a.selected span{ /*selected main tab style */
	background:url(../images/tabright.png) top right no-repeat;
	padding-left: -2px;
	padding-right:12px;
	margin-left: -2px;
	outline:none;
	height:30px;
}

.tabs li a.selected:hover{ /*selected main tab style */
	text-decoration: none;
}

.tabs  a,.tabs  a span
{
	display: block;
	float: left;
	outline:none;
}

ul.tabs li a {
	padding:0px 0px 0px 13px;
	outline:none;
	text-align:center;
}

.smallbox_prd{ 
	border:1px solid #CECECE;
	min-width:150px;
	min-height:150px;
	float:left;
	margin-right:10px;
}

/* end imageBox, Block */

/* ************************ footer styles *****************************/
.footer{ height:40px;  border-top:1px solid #FF3333; clear:both; text-align:center; margin:10px auto; width:995px; background:url(../images/footerbg.gif) repeat-x 0 0;}
.footer p{ font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; padding:0; /padding:5px 0;}
.footer a{ font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.footer a:hover{ font:normal 12px Arial, Helvetica, sans-serif; text-decoration:underline;}

#preloadedImages {
    width: 0px;
    height: 0px;
    display: inline;
    background: url(../images/harecare_on.gif);
    background: url(../images/harecare_off.gif);
    background: url(../images/grooming_off.gif);
    background: url(../images/grooming_on.gif);
    background: url(../images/face_off.gif);
    background: url(../images/face_on.gif);
    background: url(../images/laser_off.gif);
    background: url(../images/laser_on.gif);
}