﻿/* =jQuery tooltip

--------------------------------------------------*/

#tooltip {
    background: url(/image-tooltip/tooltip-top-p2.png) no-repeat scroll left top;
    width: 391px;
    position: absolute;
    z-index: 3000;
}

#tooltip h3 {
	background: url(/image-tooltip/tooltip-bottom-p2.png) no-repeat scroll left bottom;
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: normal;
	margin-bottom: -34px;
	width: 334px;
	z-index: 3000;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 32px;
}

#tooltip.viewport-bottom {
    background: url(/image-tooltip/tooltip-top.png) no-repeat scroll left top;
}

#tooltip.viewport-bottom h3 {
	background: url(/image-tooltip/tooltip-bottom.png) no-repeat scroll left bottom;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 35px;
	padding-left: 32px;
}


/*  NAV */

.nav {padding: 5px 0 5px 0; /*text-align: center;*/}
.nav span {background-color: #C00;color: #FFF; padding: 2px 5px 2px 5px; margin: 0 1px 0 1px;-moz-border-radius: 4px;}
.nav a, .nav a:hover {border: 1px solid #cccccc; padding: 2px 5px 2px 5px; margin: 0 1px 0 1px; color: #369; text-decoration: none;-moz-border-radius: 4px 4px 4px 4px;}
.nav a:hover {color: #FFF; background-color: #6C0; border: 1px solid #6C0;-moz-border-radius: 4px 4px 4px 4px;}


.stepcarousel
{
position: relative; /*leave this value alone*/
border: 5px solid black;
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 120px; /*Height should enough to fit largest content's height*/
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .belt img{
border: 1px solid #ccc;
padding: 3px;
}

.stepcarousel .belt  ._askType {
	color: #9A0201;
	font-size: 13px;
	text-transform: uppercase;
	font-weight:bold;
}

.stepcarousel .belt  ._thumb 
{
	height: 70px;
	border-right: dotted 1px gray;
}

.stepcarousel .belt ._area {
	text-transform: uppercase;
	color: #069;
	font-size: 12px;
	font-weight:bold;
}

.stepcarousel .panel
{
vertical-align:middle;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 123px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* Tagging Blur */
.imagehovers_tag {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}
/* End */


#facebox .b {
  background:url(images_/b.png);
}

#facebox .tl {
  background:url(images_/tl.png);
}

#facebox .tr {
  background:url(images_/tr.png);
}

#facebox .bl {
  background:url(images_/bl.png);
}

#facebox .br {
  background:url(images_/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

/* Bookmarks */
.priceSuggest{
filter:alpha(opacity=60); 
-moz-opacity: 0.6; 
opacity: 0.6;}

.priceSuggest:hover {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}
/* End */

.collapsiblePanelContainer {
  height: 0;
  overflow: hidden;
}

.cpeShow
{
	font-size:14px; 
	text-align:right; 
	font-weight:bold; 
	color:#69C;
}

/*** Under Constuction ***/

#uc
{
	border:dotted 1px #ccc;
	margin:20px;
	padding:15px;
	position:relative;
	height:240px;
}

#uc .uc_cone
{
	position:absolute;
	right: 10px;
	bottom:10px;
}

#uc .uc_pekho
{
	position:absolute;
	left: 5px;
	bottom:5px;
}

#uc .uc_caution
{
	position:absolute;
	left: 220px;
	top:30px;
}

#uc .ins
{
	position:absolute;
	left: 250px;
	top:50px;
	font-size: 32px;
	font-weight: bold;
	color: #6699cc;
	width:470px;
}
