/* Customize Default Theme (NOT Main Colors!) */
/* Default Theme Colors*/

BODY {
	margin: 0px 0px 0px 0px;
	z-index: 1;
}

img {vertical-align:bottom; border: none;} 
object {vertical-align:bottom; padding-bottom:0px;}
embed {vertical-align:bottom; padding-bottom:0px;}
	
P { font-family: Verdana; font-size: 12px; color: #000000; line-height: 2.0em;}
.text {  font-family: Verdana; font-size: 12px;  line-height: 2.0em; color: #424B38}
TD { font-family: Verdana;}
H1 { font-family:Verdana; font-size: 15px; color: #000000;}
H2 { font-family:Verdana; font-size: 14px; color: #000000;}
H3 { font-family:Verdana; font-size: 12px; color: #000000;}
LI { font-family:Verdana; font-size: 12px; color: #000000;}
A:link { font-family:Verdana; font-size: 12px; text-decoration: underline; color: #111111;}
A:visited { font-family:Verdana; font-size: 12px; text-decoration: underline; color: #111111;}
A:active { font-family:Verdana; font-size: 12px; text-decoration: underline; color: #111111;}
A:hover { font-family:Verdana; font-size: 12px; text-decoration: underline; color: #111111;}
UL { font-family: Verdana; font-size: 12px}
OL { font-family: Verdana; font-size: 12px}

.title {  font-family: Verdana; font-size: 13px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #424B38}
.title2 {  font-family: Verdana; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #424B38}
.title3 {  font-family: Verdana; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #424B38}

TEXTAREA { background-color: #FFFFFF; border: #000000 1px border; color: #333333; font-family: Verdana, Verdana, ms sans serif; font-weight: bold; font-size: 12px; line-height: 2.0em;}

A.clientToolbar:link { font-family: Verdana, Verdana, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #000000;}
A.clientToolbar:visited { font-family: Verdana, Verdana, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color:#000000;}
A.clientToolbar:hover { font-family: Verdana, Verdana, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #000000;}
A.clientToolbar:active { font-family: Verdana, Verdana, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #000000;}

.clearLeft {
	line-height: 0;
	height:0px;
	margin: 0;
	padding: 0;
	font-size: 0;
	clear: left;
}
.clearBoth {
	line-height: 0;
	height:0px;
	margin: 0;
	padding: 0;
	font-size: 0;
	clear: both;
}
.clearRight {
	line-height: 0;
	height:0px;
	margin: 0;
	padding: 0;
	font-size: 0;
	clear: right;
}

#siteWrapperTop {
	background: #ECEBE6 url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/site_bg_top_tile.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:inline-block;
	width:100%;
	*display:block;
}
#siteWrapperBottom {
	padding-top: 10px;
	background: #ECEBE6 url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/site_bg_bottom_tile.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	display:inline-block;
	width:100%;
	*display:block;
}
.pageHolder {
	margin-left: auto;
	margin-right: auto;
	width: 902px;
}
.bottomHolder {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/bottom_bg.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 902px;
	height: 183px;
}
#bottomInfo {
	color: #FFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 20px;
}
#bottomInfo a {
	color: #FFF;
}
#bottomCMS {
	color: #000;
	background: #ECEBE6;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#bottomCMS a {
	color: #000;
}
#siteHeader {
	height: 99px;
	width: 902px;
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/site_header.gif);
	position:relative;
}
#siteHeader h2 {
	margin: 0px;
	padding: 50px 0 0 230px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}
#siteHeader a.support_header_link{
  display:block; height:90px; width:150px; position:absolute; top:0; right:0; 
}
#siteNav {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/menu_bg.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
}

#nav { position: relative; text-align:left; list-style: none; margin: 0px; padding: 0px; overflow-y: visible; z-index:10; height: 26px;}
#nav li { display:inline; list-style:none; margin: 0px; padding: 0px; float:left; position: relative;}
#nav li a { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF; display: block; padding: 0; margin: 0 23px 0 23px; text-shadow:1px 1px 1px #000000; }
#nav li img {padding:0px; cursor: pointer; margin:0px;}

#nav li ul {display:none; position: absolute; z-index: 3; margin: 0; padding: 3px 0px; width: 190px; background-color: #C00000; left: 8px;}
#nav li ul li { display: block; float:none; top: 0px; line-height: 1.5em; *line-height:0.9; height:20px; *height:15px;  padding: 2px 0 3px 15px; background-color: #AD0202; margin: 0 3px;}
#nav li ul li.over {background-color: #EB0000;}
#nav li ul li a { color:#FFFFFF; font-size: 11px; display: block; margin: 0; padding: 0; font-weight: normal; text-shadow: 1px 1px 1px #000000; }
#nav li ul li a:hover { color: #EEEEEE;}
#nav li.over ul {display: block;}

#interiorHeaderHolder {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/interior_header_holder.jpg);
	background-repeat: repeat-y;
}
#interiorHeaderTop {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/interior_header.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#interiorHeaderBottom {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/interior_header_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#interiorHeaderBottom h1 {
	font-size: 14px;
	display: block;
	width: 187px;
	text-align: center;
	color: #FFF;
	font-weight: normal;
	margin:0;
	padding: 10px 0 5px;
}
#interiorHeaderBottom a {
	font-size: 12px;
	display: block;
	width: 167px;
	text-align: center;
	color: #FFF;
	margin:0;
	padding: 10px 10px;
	line-height: 16px;
}
#interiorHeaderBottom img {
	border: 2px solid #FFF;
	margin-left: 35px;
}

#interiorHeaderHolderAbout {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/interior_agents_holder.jpg);
	background-repeat: repeat-y;
}
#interiorHeaderTopAbout {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/interior_agents_header.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#interiorHeaderBottomAbout {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/interior_agents_header_btm.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 300px;
	min-height: 430px;
}
#agentPhoto {
	float: left;
	width: 297px;
	text-align: center;
}
#agentPhoto img {
	border: 2px solid #FFF;
}
#agentPhoto h1 {
	font-size: 14px;
	display: block;
	width: 297px;
	text-align: center;
	color: #FFF;
	font-weight: normal;
	margin:0;
	padding: 10px 0 5px;
}
#agentPhoto h2 {
	font-size: 12px;
	display: block;
	width: 297px;
	text-align: center;
	color: #FFF;
	font-weight: normal;
	margin:0;
	padding: 5px 0;
}
#agentPhoto a {
	color:#FFFFFF;
	display:block;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	margin:0;
	padding:10px 10px 0;
	text-align:center;
	width:277px;
}
#agentText {
	float: left;
	width: 543px;
	padding: 20px;
}	
#agentFeaturedHolder {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/interior_agents_buttons.jpg);
	background-repeat: no-repeat;
	height: 245px;
}
#agentButtons {
	float: left;
	width: 260px;
}
#agentButtons ul {
	margin: 0;
	padding: 0;
}
#agentButtons ul li {
	list-style: none;
	padding-left: 16px;
}
#agentButtons h1, #agentButtons h2 {
	margin:0;
	padding:0;
}
#agentButtons h1 a {
	font-size: 18px;
	text-decoration: none;
	color: #D31212;
	margin: 0;
	padding:19px 0 0;
	display: block;
	text-align: center;
	text-shadow:1px 1px 1px #FFFFFF;
}
#agentButtons h2 a {
	font-size: 12px;
	text-decoration: none;
	color: #000;
	margin: 0;
	padding:0 0 11px;
	display: block;
	text-align: center;
	font-weight: normal;
}
#agentFeatured {
	float: left;
	width: 630px;
}

#homeButtons {
	background-repeat: no-repeat;
	list-style: none;
	margin:0;
	padding:0;
}
#homeButtons h1 a, #homeButtons h2 a {
	margin:0;
	display:block;
	text-decoration: none;
	text-align: center; 
}
#homeButtons h1 a {
	color: #D31212;
	font-size: 15px;
	padding-top: 10px;
	*padding-top: 20px;
	padding-bottom: 0;
}

#homeButtons h1 a:hover {
	color:#00A5CD;
}

#homeButtons h2 a {
	color: #44697C;
	font-size: 12px;
	padding-top: 95px;
	*padding-top: 85px;
}
#homeButtons li {display: block; margin: 0; padding: 0; height: 192px; float: left;}
#homeButtonsJoin {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_buttons_join_bg.jpg);
	width: 304px;
}

#homeButtonsSearch {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_buttons_search_bg.jpg);
	width: 295px;
}
#homeButtonsAgents {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_buttons_agents_bg.jpg);
	width: 303px;
}


#homeContentHolder {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_content_tile.gif);
	background-repeat: repeat-y;
}
#homeContentTop {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_content_top_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#homeContentBottom {
	background-image: url(/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/home_content_bottom_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#homeAOD {
	width: 180px;
	height: 230px;
	background:#c0c0c0;
	float: left;
	margin: 20px;
}
#homeAOD h1 {
	font-size: 16px;
	font-weight: normal;
	display: block;
	text-align: center;
	margin: 0;
	padding: 10px 0 ;
}
#homeAOD a {
	display: block;
	font-weight: bold;
	color: #BB0E0E;
	text-align: center;
}
#homeAOD img {
	padding: 0;
	margin: 0 auto;
	display: block;
	border: 2px solid #e1e1e1;
}

#homeGrid {
	float: left;
	font-family: verdana;
	font-size: 12px;
	margin: 5px 20px 75px 0;
	width: 660px;
	text-align: justify;
}
/* FEATURED LISTINGS */
#agentFeatured div.scrollable-widget {
  background-position: top center;
  height: 189px;
  padding: 55px 37px 0px;
  position: relative;
}
#agentFeatured div.scrollable-widget button.prevPage,
#agentFeatured div.scrollable-widget button.nextPage {
  height: 43px;
  width: 28px;
  position: absolute;
  top: 92px;
  background: none;
  border: none;
  cursor: pointer;
}
#agentFeatured div.scrollable-widget button.prevPage span,
#agentFeatured div.scrollable-widget button.nextPage span {
  display: none;
}
#agentFeatured div.scrollable-widget button.prevPage {
  background-image: url('/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/featured_listings/left_btn.png');
  background-position: top left;
  left: 18px;
}
*html homeFeatured div.scrollable-widget button.prevPage {
  background-image: url('/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/featured_listings/left_btn.gif');
}
#agentFeatured div.scrollable-widget button.nextPage {
  background-image: url('/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/featured_listings/right_btn.png');
  background-position: top right;
  right: 16px;
}
*html #agentFeatured div.scrollable-widget button.nextPage {
  background-image: url('/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/featured_listings/right_btn.gif');
}
#agentFeatured div.scrollable-widget button.nextPage:hover {
  background-image: url('/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/featured_listings/right_btn_over.png');
}
*html #agentFeatured div.scrollable-widget button.nextPage:hover {
  background-image: url('/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/featured_listings/right_btn_over.gif');
}
#agentFeatured div.scrollable-widget button.prevPage:hover {
  background-image: url('/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/featured_listings/left_btn_over.png');
}
*html #agentFeatured div.scrollable-widget button.prevPage:hover {
  background-image: url('/templates/royallepagemedicinehat_com/royallepagemedicinehat_com_images/featured_listings/left_btn_over.gif');
}
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
#agentFeatured div.scrollable-widget div.scrollable { 

    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 560px; 
    height:160px; 
} 

/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
#agentFeatured div.scrollable-widget div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
#agentFeatured div.scrollable-widget div.scrollable div.items div.slide { 
    float:left; 
    width: 165px;
    margin: 0px 11px;
    text-align: center;
} 
#agentFeatured div.scrollable-widget div.scrollable div.items div.slide h1,
#agentFeatured div.scrollable-widget div.scrollable div.items div.slide h1 a,
#agentFeatured div.scrollable-widget div.scrollable div.items div.slide h2  { 
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    color: #fff;
    line-height: 1.3em;
    text-decoration: none;
    
    text-shadow: 1px 1px 1px rgb(0,0,0);
    text-shadow: 1px 1px 10px rgb(0,0,0);
}
#agentFeatured div.scrollable-widget div.scrollable div.items div.slide h2 {
    font-weight: normal;
}
#agentFeatured div.scrollable-widget div.scrollable div.items div.slide .img-holder { 
    height: 127px;
    background-color: #fff;
    border: 1px solid rgb(255,255,255);
    padding: 1px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.9);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.9);
    display: table-cell; vertical-align: middle
}
#agentFeatured div.scrollable-widget div.scrollable div.items div.slide img { 
    width: 161px;
}

/* you may want to setup some decorations to active the item */ 
#agentFeatured div.scrollable-widget div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

a#feedback {
   background: url("royallepagemedicinehat_com_images/feedback_btn.gif") no-repeat center;
	color: #FF9191 !important;
	display: block;
	font-size: 9px;
	line-height: 13px;
	margin: 9px 0 0;
	padding: 5px 0 12px;
	text-decoration: none;
	text-shadow: 0 1px 1px black;
	text-transform: uppercase;
	height: 30px;
}

a#feedback span {
 color: #FFFFFF;
    display: block;
    font-size: 9px;
}

a#feedback:hover {
 color: #ffffff!important;
}

a#feedback:hover {
color: #ccc;
}

.interiorpagetitle {
    font-family: tahoma;
    font-size: 20px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

/************** CLIENT FEEDBACK FORM */
.form-client-feedback .form-half-column {
	float: left;
	width: 48%;
}
.form-client-feedback.labeltype-above.redform div.radio {
    display: inline-block;
    width: 25% !important;
}
.form-client-feedback label {
    color: #666666;
    font-family: tahoma;
    font-weight: bold;
}
.form-client-feedback label.radio {
	font-weight: normal;
	font-size: 12px;
}
.form-client-feedback .btn.btn-primary {
    background-image: url("http://assets.rmcloud.com/shared-images/forms/bg-submit-gradient.png");
    background-repeat: repeat;
    background-position: 0 0;
    background-color: #00AFD8;
    border: medium none;
    border-radius: 0;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    height: 37px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    width: 99%;
}
.form-client-feeback .btn.btn-primary:hover {
	background-image: none;
	text-shadow: none;
}