/* CSS Document */




body {
	margin:0px;
	font-size:13px;
	/*
background-image: linear-gradient(left , rgb(250,250,250) 26%, rgb(255,255,255) 61%, rgb(247,247,247) 99%);
background-image: -o-linear-gradient(left , rgb(250,250,250) 26%, rgb(255,255,255) 61%, rgb(247,247,247) 99%);
background-image: -moz-linear-gradient(left , rgb(250,250,250) 26%, rgb(255,255,255) 61%, rgb(247,247,247) 99%);
background-image: -webkit-linear-gradient(left , rgb(250,250,250) 26%, rgb(255,255,255) 61%, rgb(247,247,247) 99%);
background-image: -ms-linear-gradient(left , rgb(250,250,250) 26%, rgb(255,255,255) 61%, rgb(247,247,247) 99%);

background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0.26, rgb(250,250,250)),
	color-stop(0.61, rgb(255,255,255)),
	color-stop(0.99, rgb(247,247,247))
);*/
/*
background-image: linear-gradient(left , #EBCCC1 27%, #BBF5B8 74%, #D2DAFA 90%);
background-image: -o-linear-gradient(left , #EBCCC1 27%, #BBF5B8 74%, #D2DAFA 90%);
background-image: -moz-linear-gradient(left , #EBCCC1 27%, #BBF5B8 74%, #D2DAFA 90%);
background-image: -webkit-linear-gradient(left , #EBCCC1 27%, #BBF5B8 74%, #D2DAFA 90%);
background-image: -ms-linear-gradient(left , #EBCCC1 27%, #BBF5B8 74%, #D2DAFA 90%);

background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0.27, #EBCCC1),
	color-stop(0.74, #BBF5B8),
	color-stop(0.9, #D2DAFA)
);*/
}

.left {
	float:left;
}
img {
	border:none;
}
.right {
	float:right;
}
.clearboth {
	clear:both;
}
.bold {
	font-weight:bold;
}
.inputdesign {
	border:1px solid #999;
	/*
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;*/
}
.linethrough {
	text-decoration:line-through;
}

.bd {
   padding:3px;
   border:1px solid #cccccc;
   background-color:#ffffff;
}
.button {
   border-top: 1px solid #4a4132;
   background:#0068b7
	;
   background: -webkit-gradient(linear, left top, left bottom, from(#0068b7), to(#0068b7));
   background: -webkit-linear-gradient(top, #0068b7, #0068b7);
   background: -moz-linear-gradient(top, #0068b7, #0068b7);
   background: -ms-linear-gradient(top, #0068b7, #0068b7);
   background: -o-linear-gradient(top, #0068b7, #0068b7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #6b2020;
   background: #0068b7	;
   color: #ffffff;
   }
.button:active {
   border-top-color: #29241d;
   background: #0068b7	;
   }

.button:link { 
	color: #ffffff;
	}

.button:visited { 
	color: #ffffff;
	}

.button:hover,.button:active { 
	color: #ffffff;
	}
 
 .button_discount {
   border-top: 1px solid #4a4132;
   background: #c00544;
   background: -webkit-gradient(linear, left top, left bottom, from(#c00544), to(#c00544));
   background: -webkit-linear-gradient(top, #c00544, #c00544);
   background: -moz-linear-gradient(top, #c00544, #c00544);
   background: -ms-linear-gradient(top, #c00544, #c00544);
   background: -o-linear-gradient(top, #c00544, #c00544);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button_discount:hover {
   border-top-color: #e00d53;
   background: #e00d53;
   color: #ffffff;
   }
.button_discount:active {
   border-top-color: #8c0532;
   background: #8c0532;
   }
 
 
 .button_discount:link { 
	color: #ffffff;
	}

.button_discount:visited { 
	color: #ffffff;
	}

.button_discount:hover,.button_discount:active { 
	color: #ffffff;
	}
 
 
 
 
 
 .logo {
	 
 	background:url(../image/logo103.png) left top no-repeat;
	width:100px;
	height:50px;
	margin:10px 10px 10px 10px;
 }

 .border
 {
 	border:thin #cbd0d3 solid;
 }
 
 .rightbox
 {
 	width:750px;

	/*border-left:thin #cbd0d3 solid;*/
	
 }
  .rightline
 {
 	width:100%;
 	border-top:thin #cbd0d3 solid;
 }
  .leftbox
 {
 	width:180px;
	/*
	border-right:thin #cbd0d3 solid;
	*/
	margin-right:10px;

	
 }
   .leftboxline
 {
 	width:237px;
 	border-top:thin #cbd0d3 solid;
	
	
 }
.content {
	
	width:950px;
	margin:auto auto;
	padding-bottom:0px;
	/*
	border:thin #cbd0d3 solid;
	*/
}
.topheader
{

	width:950px;
	margin:auto auto;
	padding-top:0px;
	height:68px;

}

.topestheader
{
	width:100%;
	margin:0 auto;
	padding-top:0px;
	height:20px;
	background-color:#cc0033;
	
	text-align:right;
	-moz-box-shadow: 1px 1px 2px #ccc; /* Firefox */
-webkit-box-shadow: 1px 1px 2px #ccc; /* Safari ©M Chrome */
box-shadow: 1px 1px 2px #ccc; /* Opera 10.5 + */
z-index:999;
color:#F99;
line-height:20px;
vertical-align:central;
	
}
.topestheader a
{
	color:#ffffff;
	text-decoration:none;
	text-shadow:#333 1px 1px ;
}
.topestheader a:hover
{
	color:#CCC;
}

.footer
{
/*
	border:thin #cbd0d3 solid;
	border-top:none;
*/
	width:950px;
	margin:auto auto;
	padding-top:5px;
	padding-bottom:5px;
}
.slogan
{
margin-left:10px;
}
.p5
{
	padding:5px;
}

.hovercolor:hover
{
	background-color:#fff0f5;

}
.categoryname
{
left:20px;
padding-left:15px;
padding-bottom:15px;
line-height:18px;

}
.discountprice
{
z-index:100;
/*border:thin #ff0000 groove;*/

}
.cattitle
{
	height:37px;
	padding:3px;
	line-height:170%;

background-color:#ffc0cb;
overflow:hidden;
font-size:12px;

}

.cattitle_top
{
	
	height:37px;
	padding:3px;
	line-height:170%;
	background-color:#74d7f3;
	overflow:hidden;
	font-size:12px;

}

.cattitle_relative
{
	height:37px;
	padding:3px;
	line-height:170%;
	background-color:#09C;
	overflow:hidden;
	font-size:12px;

}



.dash
{
 	TEXT-DECORATION: line-through;
 
}
.info
{
	line-height:185%;
	font-size:12px;
}
.info p
{
	line-height:185%;
	font-size:12px;
}
.info li
{
	line-height:185%;
	font-size:12px;
}
.info td
{
	line-height:185%;
	font-size:12px;
}
.info font
{
	line-height:185%;
	font-size:12px;
}

.info_subtitle
{
		line-height:130%;
	color:#FF0000;
	font-size:16px;

}
.info_product_name
{
 	PADDING-BOTTOM: 5px; PADDING-TOP: 5px;	
	line-height:170%;
	color:blue;
	font-size:14px;
	


}
.info_simple_desc
{
	line-height:170%;
	font-size:12px;
}


.pricehike_ballon {
	background-image:url(../image/ballon_up.png);
	width:64px;
	height:63px;
	position:absolute;
	margin-top:-153px;
	margin-left:95px;
	line-height:60px;
	text-align:center;
	font-size:11px;
	padding-left:1px;
	
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
}


.discount_ballon5 {
	background-image:url(../image/ballon_down.png);
	width:64px;
	height:63px;
	position:absolute;
	margin-top:-153px;
	margin-left:95px;
	line-height:60px;
	text-align:center;
	font-size:14px;
	padding-left:1px;
	
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
}

.discount_ballon {
	background-image:url(../image/ballon_down.png);
	width:64px;
	height:63px;
	position:absolute;
	margin-top:-153px;
	margin-left:175px;
	line-height:60px;
	text-align:center;
	font-size:16px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
}
.discount_ballon2 {
	background-color:red;
	width:40px;
	height:18px;
	position:absolute;
	margin-top:-60px;
	margin-left:30px;
	line-height:14px;
	text-align:center;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
	opacity:0.95;
}
.discount_ballon3 {
	background-color:black;
	width:40px;
	height:18px;
	position:absolute;
	margin-top:-20px;
	margin-left:10px;
	line-height:14px;
	text-align:center;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
	opacity:0.95;
}

.rowcolor
{
	font-size: 100%;
	padding: 3px;
	margin:0;
	
	text-align: left;
	vertical-align: top;
	
	color: #000000;
	background-color:#afeeee;
}


 #overlay {
    background-image:url(/image/transparent.png);
    color:#ffffff;
    height:500px;
	background-color:#ffffff;
	width:1000px;
	display:none;
	max-height:500px;
	
	    border:1px solid #666;

  }
  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:480px;
	max-height:480px;
  }
  
  
 #overlay	  .close {
    position:absolute; right:-15px; top:-15px;
    cursor:pointer;
    height:28px;
    width:28px;
	z-index:2000;
	background-image:url(../image/close.png)
}

.buttonline
{
margin-top:-20px;
height:40px;
background-color:#000000;

}


#tooltip {
        position: absolute;
        z-index: 3000;
        border: 1px solid #111;
        background-color: #FFFFE0;
        padding: 5px;
        opacity: 0.99;
}

#tooltip h3 { color: #111;font-style:normal; text-align: center; margin: 0;padding:5px; color:#ff0000; margin: 0; }
#tooltip div { font-style:normal; text-align: center; margin: 0;padding:5px;
 

color:#ff0000; margin: 0; }

#tooltip.pretty {
        font-family: Arial;
        border: none;
        width: 210px;
        padding:20px;
        height: 135px;
       
        background: url('http://xn--37q24cf7z.xn--fct5g966e.tw/pic/shadow.png');
}
#tooltip.pretty h3 {
        margin-bottom: 0.75em;
        font-size: 10pt;
        width: 200px;
        text-align: center;
}
#tooltip.pretty div { width: 210px; text-align: left; }

#blockmenu
{
	background-color:#999999;
	
}

.searchbar
{
	width:950px;
	
	background:#F99;
	
	
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
	height:88px;
	margin:0 auto;
	z-index:200;

	-moz-box-shadow: 1px 1px 5px #ccc; /* Firefox */
-webkit-box-shadow: 1px 1px 5px #ccc; /* Safari ©M Chrome */
box-shadow: 1px 1px 5px #ccc; /* Opera 10.5 + */


}

.searchbar2
{
	width:950px;
	background:#F99;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
	height:88px;
	margin:0 auto;
	z-index:205;

	-moz-box-shadow: 1px 1px 5px #ccc; /* Firefox */
-webkit-box-shadow: 1px 1px 5px #ccc; /* Safari ©M Chrome */
box-shadow: 1px 1px 5px #ccc; /* Opera 10.5 + */


}


    #sticker {
      background: #F99;
      color: white;
      width: 950px;
      font-family: Droid Sans;
      font-size: 40px;
      line-height: 1.6em;
      font-weight: bold;
      text-align: center;
      padding: 20px;
      margin: 0 auto;
      text-shadow: 0 1px 1px rgba(0,0,0,.2);
      border-radius: 50px;
    }



.bar1
{
		padding-top:8px;
		padding-left:20px;

}
.hotkeyword
{
		padding-top:12px;
		padding-left:0px;
	
}
#tabbar
{
		width:950px;
	height:23px;
	margin:0 auto;
}



/* ============================================================================================================================
== TWITTER
** ============================================================================================================================ */

.ballon {
	position:relative;
	padding:1px;
	margin:0 0 0 0;
	color:#333;
	background:#eee;
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	height:30px;
	width:600px;
}

.ballon div
{
	line-height:20px;
	padding-top:5px;
	padding-left:20px;
}


/* creates the triangle */
.ballon:after {
	content:"";
	position:absolute;
	top:-22px;
	left:70px;
	border:15px solid transparent;
	border-bottom-color:#eee;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.ballon + p {padding-left:0px; font:14px Arial, sans-serif;}



.search
{
		padding: 2px 2px 2px 30px;
		border: 2px solid #d0d0d0;
		background: #fff url(/image/search.png) 3px center no-repeat;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #666;
		width:700px;
}


button.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	padding: 4px 15px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#d6d6d6));
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border: 0px solid #ffffff;
	-moz-box-shadow:
		1px 2px 3px rgba(015,000,015,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		1px 2px 3px rgba(015,000,015,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		1px 2px 3px rgba(015,000,015,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
		cursor:pointer;
}
button.main:hover
{
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.30, #ffffff),
		to(#aaaaaa));
}
button.main:active
{
	background: -moz-linear-gradient(
		bottom,
		#ffffff 0%,
		#ffffff 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left bottom, left top, 
		from(#ffffff),
		color-stop(0.30, #ffffff),
		to(#aaaaaa));
}




/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
	border:0;
    height:30px;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
	z-index:195;
}

/* link inside the tab. uses a background image */
ul.tabs a {
	position:relative;
   background-color:#F69;
    font-size:11px;
    display:block;
    height: 24px;
    line-height:30px;
   
    text-align:center;
    text-decoration:none;
    color:#ffffff;
    padding:0px 10px 0px 10px;
    margin:0;
	z-index:197;
	margin-right:3px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	top:46px;
	

}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
   background-color:#F66;
    color:#fff;
}

.active
{
   background-color:#F00;
   color:#fff;
	
}
.tab2
{

background-color:#FF0000;

}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-color:#ffffff;
    
    cursor:default !important;
    color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }

.hidden
{
	display:none;
}


#searchresult
{
	width:936px;
	background:#ffffff;
	border:#f99 2px solid;
	min-height:50px;
	
	margin:5px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:5px;
}


.list_options
{
	width:936px;
	background:#ffffff;
	border:#f99 2px solid;
	
	margin:5px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:5px;
}

.list_option2
{
	width:100%;
	background:#ffffff;
	border:#cc0033 2px solid;
	margin:5px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:3px;
}

.block_ad
{
	
	margin:15px 12px 5px 5px;
	display:inline-block;
	width:100%;
	height:90px;

	
}





#cssmenu2
{
	margin-left:-5px;
	color:#000000;
	z-index:1000;
}
/* Some stylesheet reset */
#cssmenu2 > ul{
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	
}

/* The container */
#cssmenu2 > ul {
	display: block;
	position: relative;
	width: 180px;



}

	/* The list elements which contain the links */
	#cssmenu2 > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 180px;	
	}

		/* General link styling */
		#cssmenu2 > ul li a {
			/* Layout */
			display: block;
			vertical-align:central;
			line-height:14px;
			position: relative;
			margin: 0;
			border-top: 1px dotted #fff;
			border-bottom: 1px dotted #d9d9d9;
			padding: 6px 20px;
			width: 130px;
			z-index:100;

			/* Typography */
			font-family:  Helvetica, Arial, sans-serif;
			/*
			color: #3dafea;
			*/
			color: #000000;
			
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 0 #fff;
			font-size: 13px;
			font-weight: 300;

			/* Background & effects */
			background: #eaeaea;
/*
	-moz-box-shadow: 1px 1px 5px #ccc; 
-webkit-box-shadow: 1px 1px 5px #ccc; 
box-shadow: 1px 1px 5px #ccc; 
*/

		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu2 > ul li:first-child>a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu2 > ul li:last-child>a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;

		}


		/* The hover state of the menu/submenu links */
		#cssmenu2 > ul li>a:hover, #cssmenu2 > ul li:hover>a {
			color: #fff;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
			background: #54cdf1;
			background: -webkit-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -ms-linear-gradient(bottom, #54cdf1, #74d7f3); 
			background: -moz-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -o-linear-gradient(bottom, #54cdf1, #74d7f3);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu2 > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 9px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #3dafea; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu2 > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 11px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #fff;

		}

		/* Changing the color of the arrow on hover */
		#cssmenu2 > ul li>a:hover::after, #cssmenu2 > ul li:hover>a::after {
			border-left: 4px solid #fff;
		}

		#cssmenu2 > ul li>a:hover::before, #cssmenu2 > ul li:hover>a::before {
			border-left: 4px solid rgba(0, 0, 0, .25);
		}

	
		/* THE SUBMENUS */
		#cssmenu2 > ul ul {
			position: absolute;
			left: 173px;
			top: -9999px;
			padding-left: 0px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
			
			/*padding: 5px 5px 0px 10px;
			*/
			padding:0;
			z-index:1001;
			width:360px;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
			border:thin  #000099;
			background-color:#f6f6f6;

	-moz-box-shadow: 1px 1px 3px #ccc; 
-webkit-box-shadow: 1px 1px 3px #ccc; 
box-shadow: 1px 1px 3px #ccc;



		}
		#cssmenu2 > ul ul a{
			padding: 5px 0px 0px 10px;
			z-index:1001;
			width:170px;
			height:25px;
			
			vertical-align:central;
			line-height:20px;
			text-align:left;
			
		}
		#cssmenu2 > ul ul li
		{
			margin-left:0;
			padding-left:0;
			float:left;
			z-index:1001;

		}
		#cssmenu2 > ul ul li a:hover
		{
			/*
			background:none;
			background-color:#F69;
			*/
		
		
		}
		#cssmenu2 > ul ul {
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu2 > ul li:hover>ul {
			top: 0px;
			opacity: 1;
		}


.pbox_fav
{
		-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color:#ff0000;
	width:360px;
	height:235px;
	border:2px double #F39;
	width:176px;

	height:231px;
	overflow:hidden;
	float:left;
	margin-left:5px;
	cursor:pointer;
	margin-top:8px;
	
		-moz-box-shadow: 1px 1px 3px #ccc; 
-webkit-box-shadow: 1px 1px 3px #ccc; 
box-shadow: 1px 1px 3px #ccc; 
	background-color:#f0f0f0;
}

.pbox
{
	/*
	border:#888888 thin solid;
	width:172px;
	padding:4px;
	
	*/
	width:180px;

	height:235px;
	overflow:hidden;
	float:left;
	margin-left:5px;
	cursor:pointer;
	
	/*
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	*/
	
	/*
background-image: linear-gradient(top, rgb(250,250,250) 29%, rgb(220,220,220) 100%);
background-image: -o-linear-gradient(top, rgb(250,250,250) 29%, rgb(220,220,220) 100%);
background-image: -moz-linear-gradient(top, rgb(250,250,250) 29%, rgb(220,220,220) 100%);
background-image: -webkit-linear-gradient(top, rgb(250,250,250) 29%, rgb(220,220,220) 100%);
background-image: -ms-linear-gradient(top, rgb(250,250,250) 29%, rgb(220,220,220) 100%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.29, rgb(250,250,250)),
	color-stop(1, rgb(220,220,220))
);*/
	margin-top:8px;
	
		-moz-box-shadow: 1px 1px 3px #ccc; 
-webkit-box-shadow: 1px 1px 3px #ccc; 
box-shadow: 1px 1px 3px #ccc; 
	background-color:#f0f0f0;
	
}
.pbox:hover
{
	/*
	border:solid 1px #ff0000;
	*/
	
}

#toplogin
{
	
}

.logo2
{
	position:static;
	width:300px;
	margin:-18px auto 0px -330px;
	padding-left:30px;
	position:relative;
	color:#CCC;
	z-index:1000;
	font-size:9px;
}
.logo2 a
{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-shadow:#666 1px 1px ;
}

.hidebar
{
	margin-top:178px;
	margin-left:142px;
	display:none;
	width:38px;
	height:30px;
	z-index:20000;
	
	position:absolute;

	
}

.hi{
	font-size:36px;
	
}


.main2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	
	color: #555555;
	padding: 3px 3px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#d6d6d6));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 0px solid #ffffff;
	-moz-box-shadow:
		1px 2px 3px rgba(015,000,015,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		1px 2px 3px rgba(015,000,015,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		1px 2px 3px rgba(015,000,015,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
		cursor:pointer;
}
button.main2:hover
{
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.30, #ffffff),
		to(#aaaaaa));
}






.main3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	
	color: #555555;
	padding: 3px 3px;
	background: -moz-linear-gradient(
		top,
		#ff0000 0%,
		#ff0000 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff0000),
		color-stop(0.50, #ff0000),
		to(#d6d6d6));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 0px solid #ffffff;
	-moz-box-shadow:
		1px 2px 3px rgba(015,000,015,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		1px 2px 3px rgba(015,000,015,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		1px 2px 3px rgba(015,000,015,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
		cursor:pointer;
}

.pboxchild
{
	height:235px;
	
}


  .ui-autocomplete-loading {
   background: white url('image/ui-anim_basic_16x16.gif') left center no-repeat;
   /*background-color: #f4f4f4;*/
  }
  .highlight { background-color: yellow }
 .highlight2 {font-weight:bold}


.menuselect
{
	font-size:18px;
	
}
.block_ad3
{
	margin-top:10px;
	
}

.left-ret
{
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left:0px;
}


.pathcategory
{
	width:600px;
	height:30px;
	display:inline-block;
	margin-top:10px;
}




#cssmenu3
{
	
	color:#000000;
}
/* Some stylesheet reset */
#cssmenu3 > ul{
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;

}

/* The container */
#cssmenu3 > ul {
	display: block;
	position: relative;
	



}

	/* The list elements which contain the links */
	#cssmenu3 > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		/*
		border:thin  #999 dotted;*/
			
	}

		/* General link styling */
		#cssmenu3 > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #fff;
			border-bottom: 1px dotted #d9d9d9;
			padding: 6px 2px;

			z-index:100;

			/* Typography */
			font-family:  Helvetica, Arial, sans-serif;
			/*
			color: #3dafea;
			*/
			color: #000000;
			
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 0 #fff;
			font-size: 13px;
			font-weight:600;

			/* Background & effects */
			/*background: #eaeaea; */
/*
	-moz-box-shadow: 1px 1px 5px #ccc; 
-webkit-box-shadow: 1px 1px 5px #ccc; 
box-shadow: 1px 1px 5px #ccc; 
*/

		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu3 > ul li:first-child>a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu3 > ul li:last-child>a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;

		}


		/* The hover state of the menu/submenu links */
		
		#cssmenu3 > ul li>a:hover {
			color: #fff;
			
			text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
			
			
			background: #54cdf1;
			
			background: -webkit-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -ms-linear-gradient(bottom, #54cdf1, #74d7f3); 
			background: -moz-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -o-linear-gradient(bottom, #54cdf1, #74d7f3);
			
			border-color: transparent;
		}
		
		 #cssmenu3 > ul li:hover>a
		 {
			 background-color:#FFFFFF;
			 
		 }
		 #cssmenu3 > ul li>a:hover
		 {
			 background-color:#FFFFFF;
			 
		 }



		 #cssmenu3 > ul li:hover>a {
			color: #fff;
			
			text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
			
			
			background: #54cdf1;
			
			background: -webkit-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -ms-linear-gradient(bottom, #54cdf1, #74d7f3); 
			background: -moz-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -o-linear-gradient(bottom, #54cdf1, #74d7f3);
			
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu3 > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 7px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #3dafea; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu3 > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 9px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #fff;

		}

		/* Changing the color of the arrow on hover */
		#cssmenu3 > ul li>a:hover::after, #cssmenu3 > ul li:hover>a::after {
			border-left: 4px solid #fff;
		}

		#cssmenu3 > ul li>a:hover::before, #cssmenu3 > ul li:hover>a::before {
			border-left: 4px solid rgba(0, 0, 0, .25);
		}

	
		/* THE SUBMENUS */
		#cssmenu3 > ul ul {
			position: absolute;
			left: 0px;
			top: -9999px;
			margin-top:24px;
			margin-left:0px;
			padding-left: 0px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
			
			/*padding: 5px 5px 0px 10px;
			*/
			padding:0;
			z-index:1001;
			width:180px;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
			border:thin  #000099;
			background-color:#f6f6f6;

	-moz-box-shadow: 1px 1px 3px #ccc; 
-webkit-box-shadow: 1px 1px 3px #ccc; 
box-shadow: 1px 1px 3px #ccc;
height:200px;
overflow-y:scroll;
overflow-x:hidden;


		}
		#cssmenu3 > ul ul a{
			padding: 5px 0px 0px 10px;
			z-index:100001;
			width:170px;
			height:20px;
			
		}
		#cssmenu3 > ul ul li
		{
			margin-left:0;
			padding-left:0;
			float:left;

		}
		#cssmenu3 > ul ul {
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu3 > ul li:hover>ul {
			top: 0px;
			opacity: 1;
		}


.p5
{
	padding-top:4px;
	
}





#cssmenu-cat2
{
	margin-left:0px;
	color:#000000;
}
/* Some stylesheet reset */
#cssmenu-cat2 > ul{
	list-style: none;
	margin: 0;
	padding: 0;
	


}

/* The container */
#cssmenu-cat2 > ul {
	display: block;
	position: relative;
	width: 180px;

}

	/* The list elements which contain the links */
	#cssmenu-cat2 > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 180px;
	}

		/* General link styling */
		
		#cssmenu-cat2 > ul ul li a {
			font-weight:100;
			left:-40px;
			top:0px;
			background-color:#FFF;
	
		}

		#cssmenu-cat2 > ul ul li > a:first-child {
			margin-top:0px;
	
		}

		
		#cssmenu-cat2 > ul ul li a:hover {
			font-weight:100;
			left:-40px;
			top:0px;
			background-color:#C99;
		
		}
		
		#cssmenu-cat2 > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #fff;
			border-bottom: 1px dotted #d9d9d9;
			padding: 6px 10px;
			width: 160px;
			z-index:100;
			
			

			/* Typography */
			font-family:  Helvetica, Arial, sans-serif;
			/*
			color: #3dafea;
			*/
			color: #000000;
			
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 0 #fff;
			font-size: 13px;
			font-weight: 300;

			/* Background & effects */
			background: #eaeaea;
			font-weight:bold;
/*
	-moz-box-shadow: 1px 1px 5px #ccc; 
-webkit-box-shadow: 1px 1px 5px #ccc; 
box-shadow: 1px 1px 5px #ccc; 
*/

		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu-cat2 > ul li:first-child>a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu-cat2 > ul li:last-child>a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;

		}
		
		#cssmenu-cat2 > ul ul > a 
		{
			background-color:#00F;
			color:#F00;
			left: 0px;
				
		}

		#cssmenu-cat2 > ul ul > a:hover
		{
			background-color:#ff0000;
			color:#F00;
			left: -20px;
				
		}
		/* The hover state of the menu/submenu links */
		#cssmenu-cat2 > ul li>a:hover, #cssmenu-cat2 > ul li:hover>a {
			color: #fff;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
			background: #54cdf1;
			background: -webkit-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -ms-linear-gradient(bottom, #54cdf1, #74d7f3); 
			background: -moz-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -o-linear-gradient(bottom, #54cdf1, #74d7f3);
			border-color: transparent;
		}
		.over
		{
			font-size:18px;
			
		}
		

		/* The arrow indicating a submenu */
		#cssmenu-cat2 > ul .has-sub > a 
		{
			background-color:#F00;
		}
		#cssmenu-cat2 > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 7px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #3dafea; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu-cat2 > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 9px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #fff;

		}

		/* Changing the color of the arrow on hover */
		#cssmenu-cat2 > ul li>a:hover::after, #cssmenu-cat2 > ul li:hover>a::after {
			border-left: 4px solid #fff;
		}

		#cssmenu-cat2 > ul li>a:hover::before, #cssmenu-cat2 > ul li:hover>a::before {
			border-left: 4px solid rgba(0, 0, 0, .25);
		}

	
		/* THE SUBMENUS */
		#cssmenu-cat2 > ul ul {
			position: relative;
			left: -10px;
			top: 10px;
			padding-left: 0px;
			opacity: 100;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
			
			/*padding: 5px 5px 0px 10px;
			*/
			padding:0;
			z-index:1001;
			width:180px;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
			border:thin  #000099;
			background-color:#f6f6f6;

	-moz-box-shadow: 1px 1px 3px #ccc; 
-webkit-box-shadow: 1px 1px 3px #ccc; 
box-shadow: 1px 1px 3px #ccc;


		}
		#cssmenu-cat2 > ul ul a{
			padding: 5px 0px 0px 10px;
			z-index:100001;
			width:160px;
			background-color:#FF0000;
			
			
		}
		#cssmenu-cat > ul ul li
		{
			margin-left:0 ;
			padding-left:0 ;
			float:left;
			

		}
		#cssmenu-cat > ul ul {
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu-cat > ul li:hover>ul {
			top: 0px;
			opacity: 1;
		}
	
	
.rating
{
	
	text-align:left;
	margin-top:-1px;
	 margin-left:0px;
	
}

.rating  
{
	 margin-left:0px;
	 display:inline-block;
	 padding:0;
}
		
.rating  li  {
			display:inline-block;	
}
.rating  li a
{
	text-decoration:none;
	background-color:#eee;
			border:1px solid;
			border-color:#f3f3f3 #bbb #bbb #f3f3f3;
			margin-left:-2px;
			padding:0px;
			width:16px;
			height:16px;
			text-align:center;
			display:inline-block;
			
			text-decoration:none;
			   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 0px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 0px 0;
   box-shadow: rgba(0,0,0,1) 0 0px 0;
   text-shadow: rgba(0,0,0,.4) 0 0px 0;

			
			color:#666;
}
.rating  li a:hover
{

			background-color:#74d7f3;
			color:#ffffff;
			font-weight:600;
}

.rating  li a.off:hover {
background-color:#FF0000;
color:#000;
}
.rating  li a.on {
background-color:#cc0033;
color:#ffffff;
font-weight:bold;
}



.rating2
{
	 margin-left:0px;
	 display:inline-block;
	 padding:0;
}
		
.rating2  li  {
			display:inline-block;
			
}
.rating2  li a
{
	text-decoration:none;
	background-color:#eee;
	margin:5px;
			border:1px solid;
			border-color:#f3f3f3 #bbb #bbb #f3f3f3;
			margin-left:-2px;
			padding:3px;
			
			text-align:center;
			display:inline-block;
			
			text-decoration:none;
			   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 0px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 0px 0;
   box-shadow: rgba(0,0,0,1) 0 0px 0;
   text-shadow: rgba(0,0,0,.4) 0 0px 0;
font-weight:600;

			
			color:#666;
}
.rating2  li a:hover
{

			background-color:#74d7f3;
			color:#ffffff;
}

.rating2  li a.off:hover {
background-color:#FF0000;
color:#000;
font-weight:600;
}
.rating2  li a.on {
background-color:#cc0033;
color:#ffffff;
font-weight:600;
}




/* SQUARED THREE */
.squaredThree {
	width: 20px;	
	margin-top: 3px ;
	position: relative;
}

.squaredThree label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}



.button.pink {
  background: #b62b89;
  border-color: #801e61 #7c1d5e #63184b;
  background-image: -webkit-linear-gradient(top, #d03998 0%, #cb308c 50%, #b62b89 50%, #9c1c7b 100%);
  background-image: -moz-linear-gradient(top, #d03998 0%, #cb308c 50%, #b62b89 50%, #9c1c7b 100%);
  background-image: -o-linear-gradient(top, #d03998 0%, #cb308c 50%, #b62b89 50%, #9c1c7b 100%);
  background-image: linear-gradient(to bottom, #d03998 0%, #cb308c 50%, #b62b89 50%, #9c1c7b 100%);
}

.button.pink:before {
  background: #d83ca6;
  background-image: -webkit-linear-gradient(top, #9c2174, #df4aae);
  background-image: -moz-linear-gradient(top, #9c2174, #df4aae);
  background-image: -o-linear-gradient(top, #9c2174, #df4aae);
  background-image: linear-gradient(to bottom, #9c2174, #df4aae);
}

.button.pink:active {
  background: #cb3093;
  background-image: -webkit-linear-gradient(top, #941a77 0%, #c22e8d 60%, #cb3093 100%);
  background-image: -moz-linear-gradient(top, #941a77 0%, #c22e8d 60%, #cb3093 100%);
  background-image: -o-linear-gradient(top, #941a77 0%, #c22e8d 60%, #cb3093 100%);
  background-image: linear-gradient(to bottom, #941a77 0%, #c22e8d 60%, #cb3093 100%);
}

.button.pink:active:after {
  border-color: #cb3093;
}



.button2 {
	background: #333;
	display: block;
	position: relative;
	margin: 0;
	padding: 5px;
	overflow: hidden;
	border: 1px solid #ff5db1;
	color: white;
	text-decoration: none;
	
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.4);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;

background-image: linear-gradient(bottom, #CC0033 3%, #D64065 75%);
background-image: -o-linear-gradient(bottom, #CC0033 3%, #D64065 75%);
background-image: -moz-linear-gradient(bottom, #CC0033 3%, #D64065 75%);
background-image: -webkit-linear-gradient(bottom, #CC0033 3%, #D64065 75%);
background-image: -ms-linear-gradient(bottom, #CC0033 3%, #D64065 75%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.03, #CC0033),
	color-stop(0.75, #D64065)
);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC0033', endColorstr='#D64065',GradientType=0 ); /* IE6-9 */
}

.button2 span.text {
	position: absolute;
	top: 16px;
	left: 65px;
	font: 15px Arial;
}

.button2 span.shine {
	content: '';
	position: absolute;
	height: 400px;
	width: 20px;
	background: white;
	top: -80px;
	left: -20px;
	display: block;
	opacity: 0.8;
	
	-webkit-box-shadow: 0px 0px 20px 10px white; 
	-moz-box-shadow: 0px 0px 20px 10px white; 
	box-shadow: 0px 0px 20px 10px white; 
	
	-webkit-transform: rotate(-45deg);	
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.button2:hover {
	-webkit-box-shadow: inset 0px 1px 10px 0px rgba(255,255,255,.4), 0px 3px 3px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 1px 10px 0px rgba(255,255,255,.4), 0px 3px 3px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 1px 10px 0px rgba(255,255,255,.4), 0px 3px 3px 0px rgba(0,0,0,0.4);
}

.button2:active {
	-webkit-box-shadow: inset 0px 1px 15px 0px rgba(0,0,0,.4), inset 0px 1px 1px 1px rgba(0,0,0,.2), 0px 1px 1px 0 rgba(255,255,255,.5);
	-moz-box-shadow: inset 0px 1px 15px 0px rgba(0,0,0,.4), inset 0px 1px 1px 1px rgba(0,0,0,.2), 0px 1px 1px 0 rgba(255,255,255,.5);
	box-shadow: inset 0px 1px 15px 0px rgba(0,0,0,.4), inset 0px 1px 1px 1px rgba(0,0,0,.2), 0px 1px 1px 0 rgba(255,255,255,.5);
}

.button2:hover span.shine {
	left: 200px;
	top: -300px;
}


.button3{
font:bold 12px "Courier New", Courier, monospace;
font-style:normal;
color:#ffffff;
background:#c5004c;
border:0px solid #ea326f;
text-shadow:0px 0px 0px #ffffff;
box-shadow:0px 0px 6px #454545;
-moz-box-shadow:0px 0px 6px #454545;
-webkit-box-shadow:0px 0px 6px #454545;
border-radius:90px 15px 90px 15px;
-moz-border-radius:90px 15px 90px 15px;
-webkit-border-radius:90px 15px 90px 15px;
width:92px;
padding:10px 20px;
cursor:pointer;
margin:0 auto;
}
.button3:active{
cursor:pointer;
position:relative;
top:2px;
}


.favorite_comment
{
	border:double 3px #000000;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:0px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
padding:8px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:white;
	
}



#ad
{
	margin-top:35px;
	margin-left:2px;
	
}

.ribbon {
  background-color: #1a1a1e;
  overflow: hidden;
  /* top left corner */
  position:fixed;
  font-size:16px;  
  left: -4.2em;
  top: 3em;
  /* 45 deg ccw rotation */
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  /* shadow */
  -moz-box-shadow: 0 0 1em #888;
  -webkit-box-shadow: 0 0 1em #888;
}
.ribbon a {
  border: 1px solid #3a3a3e;
  color: #fff;
  display: block;
  font: bold 100% 'Helvetiva Neue', Helvetica, Arial, sans-serif;
  margin: 0.05em 0 0.075em 0;
  padding: 0.5em 3.5em;
  text-align: center;
  text-decoration: none;
  /* shadow */
  text-shadow: 0 0 0.5em #444;
}

.ribbon a:hover {
	color:#346AA8;
}

/* speech */
.title {
	position:relative;
	padding:15px;
	margin:0;
	color:#fff;
	background:#c81e2b;
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f04349), to(#c81e2b));
	background:-moz-linear-gradient(#f04349, #c81e2b);
	background:-o-linear-gradient(#f04349, #c81e2b);
	background:linear-gradient(#f04349, #c81e2b);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	width:530px;
	font-size:24px;
}

.triangle-obtuse {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#fff;
	background:#c81e2b;
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f04349), to(#c81e2b));
	background:-moz-linear-gradient(#f04349, #c81e2b);
	background:-o-linear-gradient(#f04349, #c81e2b);
	background:linear-gradient(#f04349, #c81e2b);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-obtuse.top {
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#c81e2b), to(#f04349));
	background:-moz-linear-gradient(#c81e2b, #f04349);
	background:-o-linear-gradient(#c81e2b, #f04349);
	background:linear-gradient(#c81e2b, #f04349);
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-obtuse.left {
	margin-left:50px;
	background:#c81e2b;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-obtuse.right {
	margin-right:50px;
	background:#c81e2b;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates the wider right-angled triangle */
.triangle-obtuse:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:60px; /* controls horizontal position */
	border:0;
	border-right-width:30px; /* vary this value to change the angle of the vertex */
	border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
	border-style:solid;
	border-color:transparent #c81e2b;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the narrower right-angled triangle */
.triangle-obtuse:after {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:80px; /* value = (:before's left) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
	border:0;
	border-right-width:10px; /* vary this value to change the angle of the vertex */
	border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
	border-style:solid;
	border-color:transparent #fff;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-obtuse.top:before {
	top:-20px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:60px; /* controls horizontal position */
	border:0;
	border-left-width:30px; /* vary this value to change the width of the triangle */
	border-top-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
	border-color:transparent #c81e2b;
}

.triangle-obtuse.top:after {
	top:-20px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:80px; /* value = (:before's right) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
	border-width:0;
	border-left-width:10px; /* vary this value to change the width of the triangle */
	border-top-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
	border-color:transparent #fff;
}

/* Variant : left
------------------------------------------ */

.triangle-obtuse.left:before {
	top:15px; /* controls vertical position */
	bottom:auto;
	left:-50px; /* value = - border-left-width - border-right-width */
	border:0;
	border-bottom-width:30px; /* vary this value to change the height of the triangle */
	border-left-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :after */
	border-color:#c81e2b transparent;
}

.triangle-obtuse.left:after {
	top:35px; /* value = (:before's top) + (:before's border-top/bottom-width)  - (:after's border-top/bottom-width) */
	bottom:auto;
	left:-50px; /* value = - border-left-width - border-right-width */
	border:0;
	border-bottom-width:10px; /* vary this value to change the height of the triangle */
	border-left-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :before */
	border-color:#fff transparent;
}

/* Variant : right
------------------------------------------ */

.triangle-obtuse.right:before {
	top:15px; /* controls vertical position */
	bottom:auto;
    left:auto;
	right:-50px; /* value = - border-left-width - border-right-width */
	border:0;
	border-bottom-width:30px; /* vary this value to change the height of the triangle */
	border-right-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :after */
	border-color:#c81e2b transparent;
}

.triangle-obtuse.right:after {
	top:35px; /* value = (:before's top) + (:before's border-top/bottom-width)  - (:after's border-top/bottom-width) */
	bottom:auto;
	right:-50px; /* value = - border-left-width - border-right-width */
    left:auto;
	border:0;
	border-bottom-width:10px; /* vary this value to change the height of the triangle */
	border-right-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :before */
	border-color:#fff transparent;
}




.dic
{
	padding:3px;
	background-color:#CCCCCC;
	border:thin solid #000;
}

.notdic
{
	padding:3px;
	background-color:#CCCCCC;
	border:thin solid #F00;
}

.infocontent
{
	overflow:auto;
	max-height:400px;
}