@charset "UTF-8";
#paneNav {
	border: 1px solid #CCC;
	height:52px;	
	width:718px;
	overflow:hidden;
}

#paneNav ul li #pane01,
#paneNav ul li #pane02,
#paneNav ul li #pane03,
#paneNav ul li #pane04
{
	background-image:url(../images/homeBotTabBtnsNormal.jpg); background-repeat:no-repeat; background-position:-1px -56px;
}

#paneNav ul li #pane02{background-position:-188px 0;}
#paneNav ul li #pane03{background-position:-361px 0;}
#paneNav ul li #pane04{background-position:-534px 0;}

#paneNav ul li a span{display:none;}

#paneNav ul li #pane01:hover{background-position: -1px -56px;}
#paneNav ul li #pane02:hover{background-position: -188px -56px;}
#paneNav ul li #pane03:hover{background-position: -361px -56px;}
#paneNav ul li #pane04:hover{background-position: -534px -56px;}

#paneNav ul {	
	width:722px;
	height:52px;
	margin:0; padding:0;
	background-color:#FFFFFF;
}

#paneNav li {	
	border:0px solid #ddd;
	float:left;
	
	list-style-type:none;
	text-align:center;
}

#paneNav a {
	color:#333333;
	display:block;
	
	position:relative;
	
	font-size:11px;		
	height:62px;
	text-decoration:none;
}	

#paneNav a.current {
	background:url(../images/down_large.jpg);	
}

/* panes */
#panes 
{
	background-color:#F0F0F0;
	border: 1px solid #CCC;
	border-width:1px 1px 0;
	width:718px;	
	height:389px;
	margin-top:5px;
	overflow:hidden;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

#tabPane01{background-image:url(../images/panel01Bg.jpg); background-repeat:no-repeat;}
#tabPane02{background-image:url(../images/panel02Bg.jpg); background-repeat:no-repeat;}
#tabPane03{background-image:url(../images/panel03Bg.jpg); background-repeat:no-repeat;}
#tabPane04{background-image:url(../images/panel04Bg.jpg); background-repeat:no-repeat;}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	top:0px;
	left:0px;
	font-size:14px;
	color:#444;	
	width:650px; 
}

#panes .tabPane
{
	width:678px;
	height:349px;
	
	background-color:#FFF;
	float:left;
	
	
	display:none;		
	position:absolute;
	padding:20px;
}

#panes img {
	float:left;
}

#panes p.more {
	color:#000;
	font-weight:bold;
}

#panes h3 {
	margin:0 0 -5px 0;
	font-size:22px;
	font-weight:normal;
}

.overlay {
	display:none;
	width:500px;
	
	background-color:#ddd;
}

/* DEALS TABLE */
#dealsTbl
{
	padding:-5px;
	margin:-5px;
	margin-top:10px;
}

#dealsTbl td,
#dealsTbl th
{
	margin:8px;
	padding:8px;
	font-size:12px;
}

#dealsTbl th
{
	font-weight:bold;	
}

.modal { 
    display:none; 
	background-color:#FFF;
    width:750px; 
    padding:15px; 
    text-align:left; 
   
    opacity:1; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
}