/* ---------------------------------------------------- */
/* JAVASCRIPT STYLES
/* If JavaScript is enabled then these styles will kick in
/* ---------------------------------------------------- */

.js #body{
}

.js #content{
}

/* main menu items */
.js .arrow{
	background: #fff url(images/mainnav_arrow.gif) 190px 8px no-repeat !important;
}

.js .arrow:hover{
	background: #ebf6ff url(images/mainnav_arrow_hov.gif) 190px 8px no-repeat !important;
}

.js .slides-nav{
	display: none;
}

.js #slideshow {
	height:258px;
	overflow:hidden;
}

.js #slideshow .slides li{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index:0;
}

.js #slideshow .slides .first{
	display: block;
}

.js .no-col{
	position:relative;
}
.js .star-module{
	width:220px;
	margin-right:10px;
	float:left;
	position:static; /*IE 6&7 do not display relative objects properly*/
	border:0;
	padding:0;
	margin:0px 10px 10px 0;
	background:#fff;
	display:inline;
}

.js .star-module .mod-bd
{
	display:none;
	position:absolute;
	float:none;
	width:360px;
	z-index:1;
	margin-right:0;
}

.js .star-compName
{
	font-size:12px;
	color:#0089cf;
	padding:0 0 6px 0;
	margin:10px 0 !important;
	border-bottom: solid #ccc 2px;
	width:690px;
    float:left;
}

.js .star-module h3
{
	width:113px;
	height:95px;
	margin-bottom:10px !important;
	float:right;
	font-size:12px !important;
	line-height:18px;
	font-weight:bold;
	white-space:pre-wrap;
}

.js .star-module img
{
	float:left;
	width:95px;
	border:solid #eee 1px !important;
	margin-right:10px;
}

.js .purchase
{
        background:transparent url(images/how_to_buy.png) top left no-repeat !important;
        float:left;
        width:97px !important;
        margin-right:10px;
}

.js .purchase a
{
    background:transparent !important;
    color:#fff;
}

.js .purchase a:hover
{
	color:#faa634 !important;
}

.js .more-info{
    clear:left;
	color:#0066CC;
	float:left;
	cursor:pointer;
	width:100px;
	height:15px;
	padding:2px 0 2px 0;
	text-align:center;
	line-height:14px;
	font-size:10px;
	background:url(images/info.png) top left no-repeat;
	font-weight:bold;
}

.js .close
{
	position:absolute;
	top:10px;
	left:282px;
	cursor:pointer;
	color:#333;
	font-weight:bold;
	padding:4px;
	line-height:18px;
	background: url(images/close_btn.png) top right no-repeat;
	width:60px;
	height:23px;
	font-size:12px;
}

.js blockquote {

	background: #ddd;
	padding: 4px;
}
		
.js blockquote .bub-body{
	border:solid #ccc 1px;
	padding:0px;
	background:#fff;
}
		
.js blockquote h4{
	color:#E4630D;
	margin:0 0 10px 0 !important;
	padding:10px 0 10px 10px;
	font-size:14px !important;
	line-height:18px !important;
	font-family:arial;
	background:#eee;
	border-bottom:solid #999 1px;
}

.js blockquote h4 span
{   
    width:268px;
    display:block;
}
		
.js blockquote p
{
	padding:0 10px 10px 10px;
	margin:0 !important;
	font-family:arial;
	font-size:11px !important;
}

/*--- image hover --
.js .imgHover
{
	position:absolute;
	z-index:4;
} */