/*
================================
^^^ Skin style for Spa Pro Sports Club Spa^^^
================================
*/
body { font-family:Trebuchet MS; }
#Body { background:#fff url(/Portals/0/background.png) center -20px no-repeat;  margin-top:0px } /* skins only, not FCKEditor */

h1 { font-family:Georgia; font-size:18px; font-variant:small-caps; }
h2 { font-family:Georgia; font-size:14px; font-variant:small-caps; }
ul, ol, p { font-size:14px; color:#54301A;  font-family: 'Trebuchet MS', trebuchet, arial, sans-serif; }
p a:link, p a:visited, p a:hover { color: #54301A; text-decoration:underline; }
p a:hover { color: #aa530e; }

a:link, a:visited, a:hover { color: #aa530e; }

li a:link, li a:visited, li a:hover { color: #54301A; text-decoration:underline; }
li a:hover { color: #aa530e; }


ul li {	list-style-type:disc; }

.niceList ul, ul.niceList { font-size:12px; margin-left:0.2em; padding-left:0px; line-height:1em; }
.niceList ul li {   
  background:url(images/dot.gif) 0em 0.5em no-repeat; /* change background em accordingly */
  padding-left: 0.8em;
  list-style: none;
  padding-bottom:0.5em;
}
.niceList a:link { color:#54301A; text-decoration:underline; }
.niceList a:hover { text-decoration:none; }
.niceList strong { font-size:13px; }



.pagemaster {
	width:993px;
	padding: 0px;
	background-repeat:no-repeat;
}
.pagemaster.white { background:#fff; }
.adminmaster {
	width:993px;
	padding: 0px;
	background-color: #fff;
}
.SPAHTML_HPLargeSummaryTxt, .SPAHTML_HPLargeSummaryTxt P
{
	font-family:Trebuchet MS;
	font-weight: 500;
	text-align:center;
	font-size: 14pt;
	color:#fff;
	background-color:transparent;
	vertical-align: top;

}
#info
{
	font-family:Trebuchet MS;
	font-weight: 500;
	text-align:center;
	font-size: 8pt;
	color:#927b6c;
	
}
.SPAHTML_HPLeftLargeSummaryTxt, .SPAHTML_HPLeftLargeSummaryTxt P
{
	font-family:Trebuchet MS;
	font-weight: 500;
	text-align:left;
	font-size: 18px;
	color:#927b6c;
	background-color:transparent;
	vertical-align: top;

}
.SPAHTML_HPCondensedPage, .SPAHTML_HPCondensedPage P
{
	font-family:Trebuchet MS;
	font-weight: 500;
	text-align:center;
	font-size: 14pt;
	background-color:transparent;
	vertical-align: top;
	color:#927b6c;padding-top: 22px; padding-left: 16px
}
.leftmenunavHeader
{
	font-family:Trebuchet MS;font-weight: 500;text-align:left;font-size: 10pt;color:#927b6c;background-color:transparent;vertical-align: top;text-transform: uppercase;
}
.leftmenunavHeader A:link {text-decoration: none ; color:#927b6c}
.leftmenunavHeader A:visited {text-decoration: none;color: #927b6c; font-weight: 500; }
.leftmenunavHeader A:active {text-decoration: none; color:#927b6c}
.leftmenunavHeader A:hover {text-decoration: none; color: #927b6c; font-weight: 500;}

.leftnavItem
{
	padding-bottom: 0px;
}

.HomePageImageAdjustment
{
	vertical-align:top;padding-bottom: 6px;margin-bottom:3px;
}
.skinmaster {
}
.uppernavbar {
  height: 100%;
  padding: 0px;
  height: 35px;
  letter-spacing: .025cm;
  font-size:10px;
  font-style: normal;
  background-color: Transparent;
  font-family: Georgia;
  font-weight: 500;
  white-space: nowrap;  /*Word wrapping menu item now optional*/
  padding: 0;   /*explicitly set padding for root menu items*/
  margin:0px;

}
#navbarborder { border-top:3px solid #bb7540; height:3px; font-size:3px; }

.uppernavbar .clicked {text-decoration: none; color:#bf7e4c}
.uppernavbar A:link {text-decoration: none ; color:#000}
.uppernavbar A:visited {text-decoration: none;color: #000; font-weight: 500; }
.uppernavbar A:active, .uppernavbar a.active  {text-decoration: none; color:#bf7e4c}
.uppernavbar A:hover {text-decoration: none; color: #bf7e4c; font-weight: 500;}
.uppernavbar TD { padding-right: 8px; font-weight: 500;  text-decoration: none; color:#000}

#dnn_LOGIN1_cmdLogin
{
	color: #bf7e4c; 
	font-size: 7pt; 
	font-weight: 300;
	text-transform: uppercase;
	padding-right: 12px;
}

.webfooter {
	color: #aa530e;
	font-size: 10pt;
	font-style: normal;
	background-color: transparent;
	font-family: Myriad Pro;
	white-space: nowrap;  /*Word wrapping menu item now optional*/   

	font-style:normal;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 3px;
	font-size: 8pt;
	vertical-align: bottom;
	padding-left:0px;
	margin-bottom:0.5em;
}
.webfooter img { top:5px; position:relative; }
.webfooter td { height:45px; }

.finalfooter {
	padding: 0px;
	cursor: pointer; 
	cursor: hand; 
	color: #4c4c4c; 
	font-size: 7pt;
	font-style: normal; 
	background-color: transparent;
	font-family: Georgia; 
  white-space: nowrap;  /*Word wrapping menu item now optional*/	    
  font-style:normal;
  font-weight: 300;
  vertical-align  : bottom;
  text-align:left;  
}
#footerborder { border-top: 2px solid #bb7540; }
.finalfooterUTD {	text-decoration: underline; }
.finalfooter a:link, .finalfooter a:visited { color:#4c4c4c; }
.finalfooter a:hover { color:inherit; }

.webfootermenuitems 
{
	padding-right:49px;
	vertical-align: middle;
	white-space: nowrap;
}
.webfootersearchitem
{
	vertical-align: middle;
	padding-bottom: 5px;
	letter-spacing:3px;
}
.webfootersearchitem .NormalTextBox
{
	background-color: #fff;
	border: 1px solid #d5a988;
	width:180px;
	height:19px;
	letter-spacing:0px;
	vertical-align:middle;
	text-align:right;
}
#dnn_dnnSEARCH_ClassicSearch A:link
{
  vertical-align:middle;
  text-align:right;
  padding: 0px;
}
.headercontents
{
	height:105px;
}
.skingradient {
	background-color:#fff;
	height:18px;
	color:#fff;
	/*background-image: url(/Portals/0/menubar.png);*/
	vertical-align: middle;
}
.usercontent
{
	padding-top: 50px;
	vertical-align:top;
}
.skingradientbackgnd {
	background-color:#fff;
	height:18px;
	color:#fff;
	width: 988px;
	background: url(/Portals/0/menubar.png) no-repeat;  	
}
.skingradientbackgnd.public { background-image: url(/Portals/0/menubar_links.png); }

.skingradientbackgndel
{
	white-space:nowrap;
	vertical-align: middle;
 }
.controlpanel {
	width: 100%;
	background-color: #fff;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.adminmiddlebackground, .standardBackgroundSS {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 4px;
	width: 989px;
}
.standardBackgroundSS  { padding-top:0.5em; }

.secondcontentpane {
	padding-left: 0px;
	padding-right: 0px;
	width: 989px;
}
.middlebackground {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 167px;
	width: 989px;
	background-color: transparent;
	background-image: url(/Portals/0/spHomePageBandedBackground.png);
}

/*
.middlepaneleft
{
	background-color: transparent;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 0px;
	width:190px;
}
*/

.centerpane {
	background-color: transparent;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;

}
.middlepaneright 
{
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width:26%;	
}

 .middlepaneleftSS
{
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width:190px;
}
/*
.centerpaneSS {
	background-color: transparent;
	padding-left: 2px;
	padding-right: 8px;
	padding-top: 0px;
	text-align:left;
}
*/

.middlepanerightSS
{
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
		
}

#dnn_MiddlePaneLeft, .col3td { padding-top:.75em; } /* #dnn_leftpane */

.leftpane {
	width: 150px;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.leftpanePSP02 {
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.rightpanePSP02 {
	width: 80%;
	background-color: transparent;
	vertical-align: top;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}


.rightpane {
	width: 300px;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

#navMainLinks { padding-left:150px; height:18px; }
#navMainLinks a { display:block; float:left; height:18px; font-size:1px; margin-right:34px; }
/*#navMainLinks a { background:#000; opacity:0.5; }*/
a#link1Services { width:60px; }
a#link2Spa      { width:80px; }
a#link3Bridal   { width:90px; }
a#link4Health   { width:135px; }
a#link5Retail   { width:88px; }
a#link6About    { width:73px; }

/* hover states */
a#link1Services:hover, a#link1Services.active { background:url(/Portals/0/menubar_links_active.png) -150px}
a#link2Spa:hover, a#link2Spa.active           { background:url(/Portals/0/menubar_links_active.png) -244px; }
a#link3Bridal:hover, a#link3Bridal.active     { background:url(/Portals/0/menubar_links_active.png) -358px; }
a#link4Health:hover, a#link4Health.active     { background:url(/Portals/0/menubar_links_active.png) -482px; }
a#link5Retail:hover, a#link5Retail.active     { background:url(/Portals/0/menubar_links_active.png) -650px; }
a#link6About:hover, a#link6About.active       { background:url(/Portals/0/menubar_links_active.png) -772px; }

/* links for background logo */
#logoLinks { width:400px; margin-left:300px; }
#logoLinks a { display:block; position:absolute; margin-top:10px; }
a#logoHomeLink { width:230px; height:85px; }
a#logoSpaLink { width:40px; height:20px; margin-left:260px; margin-top:30px; }
a#logoMedLink  { width:120px; height:20px; margin-left:260px; margin-top:50px; }
a#logoSalonLink  { width:65px; height:20px; margin-left:260px; margin-top:70px; }

.reservationBlock
{    
    display: block;
    position: absolute;
    margin-left: 780px;
    margin-top: 25px;
}
.reservationBlockReservations, .reservationBlockSpa, .reservationBlockMedical
{
    font-variant: small-caps;
    letter-spacing: 1px;
    font-size: .8em;
    color: #54301A;
    font-family: Trebuchet MS;
}

.controlPanel { position:relative; } /* so logo links don't bleed through */ 

.main_dnnmenu_container {
	background-color: transparent;
}

.main_dnnmenu_bar {
	cursor: pointer;
	cursor: hand;
	text-transform: uppercase;
	text-align:center;
	height:16px;
	background-color: Transparent;
}

.public .main_dnnmenu_bar { display:none; }


.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand;
	color: #FFF; 
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	
	background-color: Transparent;
	font-family: Georgia; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 1px 3px 3px 1px;
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #fff; 
	font-size: 9pt;
	font-weight: bold; 
	font-weight:400; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Georgia; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 24px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover
{
	text-decoration: underline;
}
.main_dnnmenu_itemhover td {  
	text-decoration: underline;
}
.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px;
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer;
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt;
	cursor: pointer;
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid;
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid;
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-color: #dfe5f2;
}
.Head {
   font-family: Georgia;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}

.contentpanecontainer .SubHead, .contentpanecontainer .normal
{
  font-weight: normal; font-size:14px; color:#54301A;  font-family: 'Trebuchet MS', trebuchet, arial, sans-serif;    
}

/* center image/flash */
#dnn_TopPane p { margin:0px; }
#dnn_BottomPane { padding-top:20px; }

/* highlights */
.SpaHighlights { width: 150px; }
.SpaHighlightsImg { padding-top:0.25em; }

p.contentPadding { margin:0px; font-size:10px; }

/* PSP_Landing */
.contentlanding { padding-top:10px; padding-left:140px; padding-right:30px; }
.rightlanding { padding-top:20px; }

/* rollover */
#dnn_ctr1032_ModuleContent h2 a { background:url(/Portals/0/Skins/PROSPA/images/arrow.gif) left center no-repeat; padding-left:12px; font-family:Trebuchet MS; font-variant:normal; color: #54301A; }

.caps { font-family:Georgia !important; font-variant: small-caps; font-size:1.3em; letter-spacing:1px; }


/*********
 * Forms *
 *********/

/* guest form */
.commentCardForm .NormalTextBox label { display:block; width:90px; color:#54301A; }
.commentCardForm td { padding-bottom:0.5em; }
.commentCardForm textarea { width:500px !important; }

/* guest form */
.guestForm td { padding-bottom:0.5em; padding-right:5px; }
#dnn_ctr1042_FormMaster_ctl_d4a570f771834ee0939b9c859328f228div { position:absolute; width:800px; margin-left:-160px; margin-top:-1em; } /* email checkbox field */
#dnn_ctr1042_FormMaster_ctl_3e7afe0bdb074834b0a37d9df0c1f759div { padding-bottom:1em; } /* email addresss div  (padding for absolute) */
#dnn_ctr1042_FormMaster_lblRequired { float:left; }


/* submit buttons */
.commentCardForm a#dnn_ctr1049_FormMaster_cmdSubmit,
.guestForm a#dnn_ctr1042_FormMaster_cmdSubmit { border:1px solid #91847c; padding:3px 8px; text-transform:uppercase; text-decoration:none; background:#c6834f; color:#533a33; font-weight:bold; font-size:13px; display:block; float:left; margin-top:1em;}