/* root element for tabs  */
ul.homeTabs {
	bottom:11px;
	-bottom: -10px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	height:54px;
	left:29px;
	list-style:none outside none;
	margin:0 !important;
	padding:0;
	position:absolute;
}

/* single tab */
ul.homeTabs li { 
    display: -moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline; 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
	float: left;
	width: 169px;
}


/* link inside the tab. uses a background image */
ul.homeTabs a { 
	font-size:12px;
    display: -moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
	text-align:center;	
	text-decoration:none;
	font-weight: bold;
	color:#FFF;
	padding:0px;
	margin:0px;	
	position:relative;
}
/* when mouse enters the tab move the background image */

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.homeTabs li.current a {	
	cursor:default !important; 
}


/* initially all panes are hidden */ 
div.homePanes div.pane {
	width: 902px;
	height: 279px;
	position:absolute;
	top:0; left:0;
}

#homeTabs {background-repeat: no-repeat; position:relative;}
#homeTabs h2 {
	margin-top: 0;
}
#homeTabs li h2 a {
	text-align: center;
	display: block;
	text-decoration: none;
	font-size: 12px;
	margin: 0;
	color: #FFF;
	background: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_tabs.png);
	-background: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_tabs.gif);
	padding: 20px 0 10px;
}

#homeTabs li h2 a:active, #homeTabs h2 a:hover, #homeTabs ul.homeTabs a.current, ul.hometabs a.current:hover, ul.homeTabs li.current a {
	background: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_tabs_over.png);
	-background: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_tabs_over.gif);
	padding: 10px 0 20px;
}
div.homePanes {
	position: relative;
	height: 279px;
	background:url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_tabswrapper_bg.gif) top left no-repeat;
}

.pane h1{
	margin: 0;
	padding: 77px 0 10px 46px;
	font-weight: normal;
}
.pane h1 a{
	text-decoration:none;
	color: #1BADCF;
	font-size: 20px;
}
.pane h2 {
	margin: 0;
	padding: 0 0 0 46px;
	display: block;
	color: #D90000;
	width: 280px;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}

#homePaneCompare {
	background: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_tabs_bg.jpg);
	background-repeat: no-repeat;
	height: 279px;
}

#homePaneShelter {
	background: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_tabs_bg_shelter.jpg);
	background-repeat: no-repeat;
	height: 279px;
}
.shelterlink{width:165px; height:108px; margin:20px 0 0 25px; display:inline-block; -display:block;}
#homePaneShelter h3 {
	margin: 0;
	padding: 20px 0 0 46px;
	display: block;
	color: #000;
	width: 300px;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
}

#homePaneSearch {
	background: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_tabs_bg_search.jpg);
	background-repeat: no-repeat;
	height: 279px;
}

#homePaneContact {
	background: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_tabs_bg_contact.jpg);
	background-repeat: no-repeat;
	height: 279px;
}

#homePaneFeatured {
	background: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_tabs_bg_featured.jpg);
	background-repeat: no-repeat;
	height: 279px;
}