/*

Stylesheet that contains all elements used by the website AND by the Editor.
This is so that the way the site looks in the editor is the same as on the actual
content of the site. This stylesheet should not contain rogue classnames that are not
prefixed with a tag.

eg.

.myclass is invalid
p.myclass is valid

This is because when you right click on a tag in the editor, it only lists classes that relate to that tag.
If you place classes here without a prefix, they appear in every list of classes because the editor doesn't know
where to put them.

To include classes that you want the Editor to ignore, place them after this line.
--------------------------------------------------------------------------------*/


/*MAIN STATIC TEMPLATE
=======================================*/
#sh_siteframe	{	width:950px;
			margin-left:auto;
			margin-right:auto;
			margin-top:10px;
			position:relative;
}
#sh_innerframe {
	width:780px;
	margin:0px 0px 0px 150px;
	background-color:#ffffff;
	color:#333333;
	border:1px solid #c5c5c5;
	padding:9px;
}

#sh_headpanel {background-color:#F493BE; color:#ffffff; padding:5px;}
#sh_headlogo {padding:5px 0px 15px 10px;}

#topcontact   { line-height: 1.9em; padding-right: 5px }
#topcontact a {
	background-color:#F493BE;
	color:#ffffff;
	font-weight:normal;
}
#topcontact a:hover {
	background-color:#F493BE;
	color:#dddddd;
}

#sh_slideshowcontainer {
	background: #000000 url("/images/template/sh_img0.jpg") no-repeat center center;
	height:360px;
	width:100%;
	margin:0px;
	padding:0px;}
#sh_flashid {}

/* MAIN TOP MENU
=======================================*/	
	
#sh_topmenu	{
	height:30px;}
#sh_topmenu ul	{
	list-style-type:none;
	margin:0;
	padding:0;
	height:30px;}
#sh_topmenu ul li {
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	text-align:center;
	line-height:30px;
	background-image:none;
	white-space:nowrap;}
#sh_topmenu ul li a{
	display:block;
	padding:0px 15px 0px 15px; 
	height:30px;
	text-decoration:none;
	color:#ffffff;
	background-color:#F493BE;
	font-weight:normal;
	font-size:1.25em;}
#sh_topmenu ul li a:hover {color:#333333; background-color:#F493BE;}
#sh_topmenu ul li a.selected {color:#ffffff; background-color:#F493BE; font-weight:bold; text-decoration:underline;}

/* MAIN BODY LAYOUT
=======================================*/
#sh_bodyouter {
	background-color:#27010e;
	color:#cccccc;}

#sh_leftmenu {
	display:block;
	position:absolute;
	left:0px;
	top:145px;
	width:143px;
	border-top:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
	border-left:3px solid #c5c5c5;
	background-color:#ffffff;
	color:#AAAAAA;
	min-height:353px;
	padding:5px 0px 0px 5px;
}
#sh_leftmenu ul {
	padding:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;}
#sh_leftmenu ul li {
	margin:0px;
	padding:0px;
	background-image:none;}
#sh_leftmenu ul li a {
	text-decoration:none;
	color:#AAAAAA; 
	background-color:#ffffff;
	display:block;
	width:135px;
	padding:3px;
	border-bottom:1px solid #AAAAAA;
	font-weight:normal;}
#sh_leftmenu ul li a:hover {
	color:#aaaaaa; background-color:#f5f5f5;}
#sh_leftmenu ul li a.selected {
	color:#333333; background-color:#ffffff;font-weight:bold;}
#sh_leftmenu ul ul li a {
	display:block;
	width:130px;
	padding:3px 3px 3px 8px;
	font-size:0.9em;}
#sh_leftmenu ul ul ul li a {
	display:block;
	width:125px;
	padding:3px 3px 3px 13px;
	font-size:0.9em;}
#sh_leftmenu ul ul ul ul li a {
	display:block;
	width:120px;
	padding:3px 3px 3px 18px;
	font-size:0.9em;}
#sh_leftmenu_fb { margin-top: 15px; margin-bottom: 5px }

/* SUB MENU LAYOUTS
=======================================*/

#sh_submenu ul ul {margin:0px;}
#sh_submenu ul ul li a {padding-left:20px; width:165px;}
#sh_submenu ul ul ul li a {padding-left:35px; width:150px;}
#sh_submenu ul ul ul ul li a {padding-left:50px; width:135px;}
	
	
#sh_contentframe {
	margin:0px;
	background-color:#ffffff;
	color:#333333;
	padding:10px;
	height:1%;
	min-height:280px;}
#sh_contentframe_h {
	margin:0px;
	background-color:#ffffff;
	color:#333333;
	padding:10px;
	height:1%;
	min-height:100px;}
#sh_bodyouter_h {
	display:none;
	margin:0px;
	padding:0px;
	height:1%;
}
	
	
#sh_contentframe img {border:1px solid #ffffff;}
#sh_contentframe .grey img {border:none;}

#sh_contentframe .tdhead {width:100px; background-color:#888888; color:#ffffff; border-left:1px solid #ffffff;}
#sh_contentframe .tdhead strong {background-color:transparent; color:#ffffff;}

#sh_displaystrip {background-color:#7A4A5F; color:#F493BE; padding:6px; text-align:right;}
#sh_displaystrip p {margin:0px; padding:0px;}
#sh_displaystrip a {background-color:#7A4A5F; color:#ffffff;}
#sh_displaystrip a:hover {text-decoration:underline;}

	
/*LEFT PANELS
=======================================*/	



/*BOTTOM PANEL
=======================================*/	
#sh_pinkbase {
	background-color:#F493BE;
	color:#ffffff;
	padding:10px;
	margin:0px;
}
#sh_pinkbase .address {
	text-align:center;
	margin-top:3px;
}
#sh_pinkbase .adfloat {
	width:140px;
	text-align:center;
}
#sh_pinkbase a {
	background-color:#F493BE;
	color:#ffffff;
	font-weight:normal;
}
#sh_pinkbase a:hover {
	background-color:#F493BE;
	color:#dddddd;
}
#sh_pinkbase p {padding:0px; margin:0px;}

#sh_botbar01 {width:800px; color:#aaaaaa; background-color:transparent; padding:0px; text-align:right; margin-left:150px;}

#sh_incolinks {padding-top:8px; padding-bottom:10px; font-size:0.9em;}
#sh_incolinks a {color:#aaaaaa; background-color:transparent;}
#sh_incolinks a:hover {color:#cccccc; background-color:transparent;}




/*COMMON CLASSES - Used for most sites
=======================================*/
		.clearleft		{clear:left;}
		.clearright		{clear:right;}
		.clear			{clear:both;font-size:1px;}
		.textright		{text-align:right;}
		.textleft		{text-align:left;}
		.textcenter		{text-align:center;}
		.hidden			{display:none;}
		.nobotgap		{padding-bottom:0px;margin-bottom:0px;}
		.notopgap		{padding-top:0px;margin-top:0px;}
		.nogaps			{padding:0px;margin:0px;}
		.nobullets li	{background-image:none;
						 list-style-type:none;}
		.width100percent{width:100%;}
		.width90percent	{width:90%;}
		.width80percent	{width:80%;}
		.width50percent	{width:50%;}
		.smalltext		{font-size:85%;}
		.relative_top-2	{position:relative;top:-2px;left:0px;}
		.icon			{vertical-align:middle;}
		.icon_border	{vertical-align:middle;border:1px solid #000000;margin:2px;}
		.mandatory		{color:red;font-weight:bold;background-color:inherit;font-size:1.2em;}
		.printheader	{display:none;}
		.readmore		{display:block;text-align:left;}
		.right			{text-align:right;}
		.left			{text-align:left;}
		.center			{text-align:center;}


body{	color:#AAAAAA;
	background: #000000 url("/images/template/sp_backtile.gif") repeat left top;
	padding:0px;
	margin:0px;
}

/*--------------------------------------------------------------------------------
Styles above here will not be included in the editor.
This is because the CSS will be divided into 2 parts using the split tag below


/*CLASSES USED BY THE EDITOR
============================
CMSLite 2.0 notes : There are common classes for this area found in the public_global area.
You can also add them here if they are specific to the account but should be available in the editor.
*/

/*<SPLIT>*/

body, html {margin:0px;	padding:0px; font-family:Tahoma, Arial, Helvetica, sans-serif;	font-size:0.85em;}

h1{	color:#F493BE;
	background-color:#ffffff;
	letter-spacing:-1px;
	font-size:2.5em;
	font-weight:normal;
	margin-top:0px;}
h2{
	font-size:1.8em;
	color:#333333;
	background-color:#ffffff;
	font-weight:normal;}
h3{
	color:#F493BE;
	background-color:#ffffff;
	font-size:1.2em;
}
h4{
	color:#666666;
	background-color:#ffffff;
	font-size:1em;
}

a,a:active,a:link,a:visited{
	color:#F493BE;
	background-color:#ffffff;
	text-decoration:none;
	font-weight:bold;}
a:hover	{
	color:#333333;
	background-color:#ffffff;}
	
p{
	line-height:1.2em;
}
strong{
	color:#000000;
	background-color:#ffffff;
}
em {
	font-weight:bold;
}

ul		{	margin-top:0px;
			margin-bottom:0px;
			margin-left:10px;
			padding-left:0px;
			list-style-type:none;
}
li		{	background: url("/images/template/sp_bullet1.gif") no-repeat 5px 3px;
			padding-left:20px;
			padding-bottom:6px;
}
.floatright img {
	margin:5px 5px 5px 10px;
}
.floatleft img {
	margin:5px 10px 5px 5px;
}

select,input,textarea{
			font-family:Arial,Helvetica,sans-serif;
			font-size:0.9em;
}

div.grey {
	background-color:#dddddd;
	color:#333333;
	margin:0px;
	padding:3px;}
div.grey strong {
	background-color:#dddddd;
	color:#333333;
}
p.wine {
	padding:5px 0px 10px 0px;
	margin:0px;
}
tr.grey {background-color:#dddddd; color:#333333;}
tr.grey strong {background-color:#dddddd; color:#333333;}

.grey .floatright img {margin:0px; padding:0px; border:none;}
.nomargin .floatright img {margin:0px; padding:0px; border:none;}

div.smaller {font-size:0.95em;}

div.floatright p {margin:0px; padding:0px 0px 3px 0px;}
th.catering	{ width: 25%; text-align: left;	background-color:#f493be; color:#000000; padding-top: 3px; padding-bottom: 3px }