/* Index css */

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background: url(../images/accordian_pane_bck.png) repeat-x #fff;
	/*width: 300px;*/
	border:1px solid #e4e9ed;	
	/*-background:#666;*/
	
}

/* accordion header */
#accordion h2 {
	/*background:#ccc;*/
	background: url(../images/accordian_header_bck.png) 0 -26px;
	margin:0;
	padding:5px 15px;
	font-size:12px;
	font-weight:bold;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;	color:#fff;	
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	/*background-color:#fff;*/
	background: url(../images/accordian_header_bck.png);
	color:#fff;
}

/* accordion pane */
#accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:370px;
	overflow: auto;
	padding:15px;
	color:#6e6e6e;
	font-size:12px;
}

p.others{
	color:#6e6e6e;
	font-size:11px;
}
p.linktosite{background:url(../images/arrow_right.gif) no-repeat;background-position:0;padding-left:10px;}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

#accordion div.pane h3.others {
	font-weight:bold;
	margin:0 0 -5px 0;
	font-size:12px;
	color:#000;
}

/* Encase left, mid and right */
#encase_mid .left, #encase_mid .mid, #encase_mid .right{
	float:left;
	padding:5px;
	margin:5px 0 0 0;
}
#encase_mid .left{width:276px;}
#encase_mid .mid{width:308px; border-left:5px solid #d7dde3; border-right:5px solid #d7dde3; margin-bottom:10px;}
#encase_mid .right{width:233px;}
#encase_mid .mid p{color:#6e6e6e;padding:0 3px 0 9px;}
#encase_mid .mid h3{padding:0 0px 0 7px;}


#encase_mid .right ul{margin:0px;padding:0px;}
#nav_but_list{list-style:none;margin:0px;}
#nav_but_list li{padding-bottom:5px;}

.activate a, .store a, .demo a{
	width:241px; 
	height:138px;
	display:block;
	text-indent:-9999px;
	color:#fff;
	
}
.activate a{background: url(../images/but/index_buts_right.jpg);}
.activate a:hover{background-position:0 -138px;}
.store a{background: url(../images/but/index_buts_right.jpg) 0 -276px;}
.store a:hover{background-position:0 -414px;}
.demo a{background: url(../images/but/index_buts_right.jpg) 0 -552px;}
.demo a:hover{background-position:0 -690px;}


.tab_layout_accordian td{
	vertical-align:top;
	padding-bottom:15px;
	font-size:11px;
	width:31%;
	padding-right:5px;
	padding-left:5px;
}
.tab_layout_accordian .b_none{border-right:none;border-bottom:none;}
.tab_layout_accordian{}
.tab_layout_accordian .price{color:#cc0000;font-weight:bold;font-size:12px}

.but_more_prod a, .but_more_prod a:hover{
	font-weight:bold;display:block;
	padding:8px;margin:0px;
	text-decoration:none;text-align:center;
}
.but_more_prod a{
		background: url(../images/arrow_right.gif) no-repeat 12px 13px #ecebeb;	
		border-top:1px dashed #ababab;
		border-bottom:1px dashed #ababab;
		color:#2d3234; 
		}
		
.but_more_prod a:hover{
		background: url(../images/arrow_right.gif) no-repeat 15px 13px #ebeff4;	
		border-top:1px dashed #000;
		border-bottom:1px dashed #000;
		color:#000;
		}