/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom:1px solid #666;
	float:left;
	width:900px;
}

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

/* link inside the tab. uses a background image */
ul.tabs a {
    background:url(../images/popup-nav-purple.png) top left repeat-x;
    font-size:11px;
    display:inline;
    width: 150px;
    text-align:center;
    text-decoration:none;
    color:#FFF !important;
    padding:5px 0px;
    margin:0px;
   
	float:left;
}

ul.subtabs {

	list-style-type:none;
	width:900px;
	margin:0 !important;
	padding:0 !important;
	float:left !important;
	height:50px;
	
}

ul.subtabs a {
    background:#bb8de2;
    font-size:11px;
     display:block;
    text-align:center;
    text-decoration:none;
	width: 204px !important;
	   padding:5px 10px !important;
    margin:0 1px 0 0 !important;
    
	

}

ul.subtabs li {
    display:block;
    
	color:#FFF !important;
 
	float:left;
	

}

ul.subtabs a.last {
    margin:0;

}

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

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

/* 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:#636;
    cursor:default !important;
    color:#FFF !important;
}

/* when mouse enters the tab move the background image */
ul.subtabs a:hover {
    background:#636;
    color:#fff !important;
}

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


/* initially all panes are hidden */
.panes .pane {
    display:none;
	padding:0;
	margin:0;
	float:left;
}

.intro-para {
	width:350px;
	padding:20px 20px 0 20px;
	overflow:auto;
	height:200px;
	display:block;
	float:left;
	background:#f2e3fe;
}

.intro-para p {
	font-size:10px;
}

.intro-para h3 {
	font-size:17px;
}

.tab-content {
	padding:20px;

	width:470px;
	height:180px;
	float:left;
	display:block;
	overflow:auto;
}

.tab-content p {
	font-size:10px;
}

.tab-content h3 {
	font-size:17px;
}

  div.wrap {
  width:650px;
  margin-bottom:40px;
  float:left;
  }

  .wrap .pane  {
  background:#999;
  display:none;
  padding:20px;
  border:1px solid #999;
  border-top:0;
  font-size:14px;
  font-size:18px;
  color:#456;
  float:left;

  _background-image:none;
  }

  .wrap .pane p {
  font-size:38px;
  margin:-10px 0 -20px 0;
  text-align:right;
  color:#578;
  }
  
.tour-image {
	width:900px;
	height:300px;
	background:#CCC;
	float:left;
	margin:0 !important;
	padding:0 !important;
}