/* Start of CMSMS style sheet 'Layout: PTC' */
body {
	background: #990033;
	margin: 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 80%;
	}
a img {border: none;}

a {color:#B6003B; text-decoration:none;}
a:hover {color:#679904; text-decoration:underline;}
	
* {margin: 0; padding: 0}

#wrapper {
    width: 100%; margin: 0 auto;
	background: url(images/template/bg-page.jpg) repeat-x top;
}
	#home #wrapper {background: url(images/template/bg-page-home.jpg) repeat-x top;}

#inner-wrapper {background: url(images/template/bg-foot.gif) bottom repeat-x;}

#header {height: 230px; width: 960px; margin: 0 auto; position:relative; background: no-repeat right 7px;}
	#home #header {height: 382px}

#header h1 {width: 240px; height: 100%; background:#430016; position:absolute;
	top: 0;
	left: 0;}
	
	#home #header h1 {width: 257px; height: 332px;}
	
#home #header #slides {width: 703px; height: 332px; position:absolute; top: 0; right: 0; background:url(../../uploads/images/home_slides/shopping_family.jpg) no-repeat right top;}
	
	#header h1 a {background:url(images/template/PTClogo.gif) center center no-repeat; display:block; width: 178px; height: 145px; margin: 35px auto 0 auto; text-indent: -9999em;}
	
	#home #header h1 a {background:url(images/template/PTClogo-big.gif) center center no-repeat; display:block; width: 210px; height: 157px; margin: 75px auto 0 auto;}

#menu_horiz {position:absolute; top: 139px; left: 244px;  width: 720px;}
	#home #menu_horiz {left:257px; top:332px; width:703px;}

#section {position: absolute; top: 185px; right: 20px; font-size: 2em; 
	text-transform:uppercase; color:#FFFFFF; font-weight:bold; width:700px; height: 40px;
	text-align:right;}

#pagewrapper {background:url(images/template/bg-contentarea.png) repeat-y; margin: 2px auto 0 auto; width: 993px;}
#inner-pagewrapper { background:url(images/template/bg-contentbottom.gif) bottom no-repeat; padding: 0 17px 17px 17px;}

#content {background: url(../../images/template/bg_sidebar.gif) bottom left no-repeat; padding: 15px;}
	#home #content {background:none; padding: 10px 12px 10px 10px;}

#sidebar {float: left; width: 205px; color: #430016;}

#sidebar p {padding: 1em 0;}

#sidebar h2 {font-size: 1.2em;}

#main {margin-left: 240px;}
#main table td {padding: 5px;}

#search {float: right; font-size: 0.8em;}
#breadcrumbs {font-size: 0.8em; padding-bottom: 2em;}

.footback { color:#FFFFFF; margin-bottom:3em;}

#footer {width: 940px; margin: 0 auto;}

#footer a { color:#FFFFFF}

#footleft {float: left; width: 49%;}
#footrt {float: right; width: 49%; font-size: 0.8em; text-align: right;}

/* TEXT */
p {margin: 0 0 1em 0; line-height: 155%;}
#content ul {padding: 0.5em 0em 0.5em 2em;}
#content li {padding: 0.1em 0;}

h2 {color: #2781A7; font-size: 2.6em;}
#main h3 {color: #2781A7; font-size: 1.4em; margin: 0.5em 0;}

.unitDetail th {font-size: 100%; text-align:left;}

.unitDetail table {
	border-left:10px solid #CCCCCC;
	margin:0 60px 0 0;
	padding-left:10px;
	}

/* SECTIONS */
.s_merchants #header { background-image: url(images/template/banner_merchants.jpg);}
.s_specials #header { background-image: url(images/template/banner_specials.jpg);}
.s_news #header { background-image: url(images/template/banner_news.jpg);}
.s_locate #header { background-image: url(images/template/banner_locate.jpg);}
.s_contact #header { background-image: url(images/template/banner_locate.jpg);}
.s_leasing #header { background-image: url(images/template/banner_merchants.jpg);}

.s_merchants #section {background: url(images/template/sections/s_merchants.gif) no-repeat right; text-indent: -9999em; text-align:left;}
.s_specials #section {background: url(images/template/sections/s_specials.gif) no-repeat right; text-indent: -9999em; text-align:left;}
.s_news #section {background: url(images/template/sections/s_events-info.gif) no-repeat right; text-indent: -9999em; text-align:left;}
.s_locate #section {background: url(images/template/sections/s_locate.gif) no-repeat right; text-indent: -9999em; text-align:left;}
.s_contact #section {background: url(images/template/sections/s_contact.gif) no-repeat right; text-indent: -9999em; text-align:left;}
.s_leasing #section {background: url(images/template/sections/s_leasing.gif) no-repeat right; text-indent: -9999em; text-align:left;}


/*CLASSES */
.center {text-align: center;}
.big {font-size: 1.2em;}
.bigger { font-size: 1.4em;}
.biggest { font-size: 1.8em;}
.small {font-size: 0.8em;}
.right {float: right;}
.clear {clear: both;}

img.right {margin: 0 0 2em 2em;}

/* NAVIGATION */
#menu_horiz {text-align: center;}
#menu_horiz ul {list-style: none; text-align: center;}
#menu_horiz li {float: left;}
#menu_horiz a, #menu_horiz h3 {padding: 8px 13px; text-transform:uppercase; display:block; font-weight: bold; font-size: 16px; color:#FFFFFF; text-decoration: none;}
#menu_horiz h3, #menu_horiz a.menuactive  {color:#99CC66;}
#menu_horiz a:hover {background: #336600;}

#home #menu_horiz a, #home #menu_horiz h3 {padding: 15px 18px 16px 18px; text-transform:uppercase; display:block; font-weight: bold; font-size: 16px; color:#FFFFFF; text-decoration: none;}
#home #menu_horiz .currentpage {display: none;}

#menu_vert ul {margin: 0; padding: 0; list-style: none; }
#menu_vert ul li {margin: 0; padding: 0; }
#menu_vert ul a, #menu_vert ul h3 {padding: 5px 8px; display:block; border-bottom: 1px solid #FFC1D7; text-transform:uppercase; font-weight:bold;}
#menu_vert ul a:hover, #menu_vert ul h3  {background: #FFC1D7; text-decoration:none;}

/* MERCHANTS */
.m_photo {float:right; padding-left: 1em;}
.m_name {padding: 1em 0;}

/* MERCHANT LIST*/

.categoryBanner {margin: 10px 1%; padding: 20px 1%; width: 46%; float: left;
	text-align: center;
	}
.categoryBanner img {padding: 10px; background-color:#E1F5BC; border: 1px solid #99CC00; }

#merchantsIconList .tt {margin: 10px;}

#merchantList td {padding: 5px 10px;}
#merchantList th {padding: 5px 10px; font-size: 11px; color:#999999;}

#merchantDirectory td {padding: 3px 5px; border-top: 1px solid #CCCCCC; margin: 0; line-height: 120%;}
#merchantDirectory th {padding: 3px 5px; font-size: 11px; color:#999999; margin: 0;}
#merchantDirectory .title {font-size: 1em;}
#merchantDirectory .description {font-size: 0.8em; font-family:Verdana, Arial, Helvetica, sans-serif;}
#merchantDirectory .space {color: #669901; width:auto;}


.thumb, .phone, .space {text-align: center}
td.phone, td.space { white-space:nowrap;}

.space {color: #669901; width: 100px;}

.title {font-weight: bold; font-size:1.2em; }
.description p {font-size: 0.9em;}
.description a:link, .description a:visited  {color: #2781A7; text-decoration:none;}
.description a:hover {text-decoration: underline;}

.coupon {width: 500px; text-align: center; padding:10px 1%; border: 2px dashed black; margin: 5px auto}
.coupon h4 {font-size: 1.1em}
.coupon h3 {font-size: 1.3em}

/* EVENTS & INFO */
.NewsSummary { height: 1%; overflow:auto;} 

/* HOME */

#rotator
{
	cursor: pointer;
	overflow: hidden;
	position: relative;
	width: 475px;
	height: 332px;
	background:url(../../uploads/images/home_slides/ptc_gate.jpg) no-repeat;
}

#rotator img
{
	border: 0;
	width: 475px;
	height: 332px;
	background-color:#FFFFFF;
}

#rotator img
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}


#home #to-do {width:281px; height:254px; position:absolute; top: 260px; left: 0;}

#merchant-icons {width: 530px; float:left;}
#merchant-icons a img {
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;}
	
	#merchant-icons a:hover img {
	filter: alpha(opacity:99);
	KHTMLOpacity: 0.99;
	MozOpacity: 0.99;
	opacity: 0.99;}


#f-staff { height:195px;
	margin-right:8px;
	width:215px;
	float:right; background-color:#999999;
	position:relative; color:#FFFFFF;
	overflow: hidden;}
	
#f-staff a img {	
	filter: alpha(opacity:100);
	KHTMLOpacity: 1;
	MozOpacity: 1;
	opacity: 1;}
	
	#f-staff a {color:#FFFFFF;}
	#f-staff .fstaff_name h3 {font-size: 14px; color:#FFFFFF; margin: 0;}
	#f-staff .fstaff_name h4 {font-size: 12px;}

#f-merchant {width: 400px; height: 275px; float:right; position:relative; overflow: hidden; background-color: #2781A7;}
  #f-merchant h3, #f-staff .fstaff_name {padding: 5px 12px; background-color:#2781A7; position:absolute; bottom:0; left: 0; font-size: 16px; margin: 0;}
  #f-merchant a {color:#FFFFFF; text-decoration:none;}
  
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff;}
a.tt:hover span.tooltip{
    display:block;
	background: url(../../images/template/bg-tip.png) top left no-repeat;
    position:absolute;
    top:0px; left:0;
	padding: 20px 15px 7px 10px;
	color: #FFFFFF;
	white-space:nowrap;
	font-weight: bold;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}


/* End of 'Layout: PTC' */

