@charset "utf-8";
/* CSS Document */

/*css reset sytles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inheit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End css reset with html5 */

h1 {
  	font-size: 1.75em;
}
h2, h3 {
  font-size: 1.5em;
}

h4 {
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	text-align: left;
	padding-left: 0.5em;
	
}

/* Sets the style for links and ol/ul. */
a,  a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #30C;
	text-decoration: none;
}

a:hover {
  color: #30C;
  text-decoration: underline;
}
a:focus {
  color: #000;
}

a:active { color: #fff; 
}

ol {
	list-style-type: none;
}

ul {
	list-style-type: none;
}
/* end basic font, link styling*/


/* Start page styles */
body {
	background: #000000 url(../images/Haunted_house.jpg) center center fixed no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	text-align: center;
	color: #666666;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 16px;
	line-height: 1.4em;
	letter-spacing: 0.015em;
	width: 100%;
	margin: 0 auto;
}
@media only all and (max-width: 1024px) and (max-height: 768px) {
 body {
 -moz-background-size: 1024px 768px;
 background-size: 1024px 768px;
}
}

#container {
	width: 90%;
	max-width: 1260px;
	min-width: 860px;
	background-color: #F4EEFE;
	background-color: rgba(244, 238, 254, 0);
	margin: 0 auto;
}

#main_menu {
	background-color: #F4EEFE;
	background-color: rgba(102,102,102,0.5);
	border-radius: 15px;
	color: #EEE;
	color: rgb(219,219,219);
	height: 2em;
	text-align: center;
	margin: 1em auto;
	width: 95%;
	min-width: 45em;
	max-width: 55em;
}

#main_menu ul li {
	border-top: rgb(204,0,0) 3px solid;
	display: inline-block;
	margin: 0.2em 1em 0 1em;
}

#main_menu ul li a, #main_menu ul li a:hover {
	color: #EEE;
	text-decoration: none;
}

#main_menu .nav_hover {
	-webkit-transition: all 1s ease-in-out 0.01s;
	-moz-transition: all 1s ease-in-out 0.01s;
	-ms-transition: all 1s ease-in-out 0.01s;
	-o-transition: all 1s ease-in-out 0.01s;
	transition: all 1s ease-in-out 0.01s;
}
#main_menu .nav_hover:hover {
	border-top-color: rgb(0,204,0);
}

.header {
	background-color: #F4EEFE;
	background-color: rgba(102,102,102,0.5);
	border-radius: 15px;
	margin: 3em 0;
	color: rgb(219,219,219);
}

#header_text {
	float: left;
	margin: 0.6em 1em 1em 0;
	width: 35%;
	height: 5em;
	text-align: left;
}

#header_text h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 2em;
	font-style: italic;
	font-variant: small-caps;
	padding-bottom: 0.5em;
	color: rgb(204,204,204);
}

/* Page Content general css */

#content {
	padding: 10px 1em;
	clear: both;
}

#content h1, #content h2, #content h3, #content h4 {
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #33C;
}	

#content ul, #content ol { 
	padding: 0 15px 15px 37px;
}

/* Detail content area */

#detailcontent {
	width: 70%;
	min-width: 40em;
	max-width: 55em;
	margin-left: 30%;
	min-height: 50%;
	background-color: #F4EEFE;
	background-color: rgba(255,255,255,0.75);
	border-radius: 15px;
	color: #000;
	letter-spacing: 0.06em;
	padding: 0.6em 0.6em;
	-moz-box-shadow: 5px 5px 10px gray;
	-webkit-box-shadow: 5px 5px 10px gray;
	-ms-box-shadow: 5px 5px 10px gray;
	-o-box-shadow: 5px 5px 10px gray;
	box-shadow: 5px 5px 10px gray;
}

#detailcontent h1 {
	font-size: 1.75em;
	padding: 0 0 0.5em 0;
	color: #33C;
	text-shadow: 1px 1px 0.25px #ffffff;
}

#detailcontent h2 {
	color: #33C;
	margin: 0.5em;
	font-size: 1.5em;
}

#detailcontent p {
	font-size: 1em;
	padding: 0.5em;
	text-align: left;
	letter-spacing: 0.05em;
}

#detailcontent a:link {
	font-variant: small-caps;
	color: #33C;
}

#ImageSlideShow {
	margin: 1em 0.25em;
}

/* Direct downloads (aside) area) */

#downloads {
	float: left;
	background-color: #F4EEFE;
	background-color: rgba(255,255,255,0.75);
	border-radius: 15px;
	color: #33C;
	text-align: center;
	margin: 0em auto;
	width: 15em;
	box-shadow: 5px 5px 10px gray;
}

#downloads h2 {
	color: #33C;
	font-size: 1.5em;
	padding-top: 0.5em;
}

#downloads_menu ul, .p7PMM li {
	margin-left: -4em;
}

#downloads_menu2 {
	margin-left: -4.75em;
}

#image_transform {
	width: 95%;
	margin-bottom: 1em;
	padding: 0.25em 0.25em;
	-webkit-transition: all 2s ease-in-out 0.5s;
	-moz-transition: all 2s ease-in-out 0.5s;
	-ms-transition: all 2s ease-in-out 0.5s;
	-o-transition: all 2s ease-in-out 0.5s;
	transition: all 2s ease-in-out 0.5s;
}

#image_transform:hover {
	-webkit-transform: scale(1.25, 1.25);
	-moz-transform: scale(1.25, 1.25);
	-ms-transform: scale(1.25, 1.25);
	-o-transform: scale(1.25, 1.25);
	transform: scale(1.25, 1.25);
	-webkit-transform-origin: -15% -15%;
	-moz-transform-origin: -15% -15%;
	-ms-transform-origin: -15% -15%;
	-o-transform-origin: -15% -15%;
	transform-origin: -15% -15%;	
}

/* This rule floats the images in the tooltips */

#col_bones img, #highwayman img, #bluesman img, #cal_bones img, #rock_star img, #st_drinians img, #mudstuck img, #baths img, #match img, #top_speed img, #degrees img, #by_magic img, #for_love img, #pits img, #treasure_island img, #venice_express img, #op_murder img, #summoned img, #merry_murder img, #which_witch img, #panto img, #gt_chocolate img, #m_in_wild_west img, #d_by_chocolate img, #horrible_happenings img, #blakes_beard img, #vanishing_vampire img, #d_in_city img, #m_in_snow img, #licence_to_murder img, #the_hop img, #pharaohs_revenge img, #d_of_pirate img, #m_on_paradise img, #d_by_design img, #st_valentines_day img, #rockin_murder img, #horror_in_house img, #d_of_vampire img, #lentini_line img, #spooky_castly img, #d_of_wizard img, #strictly img {
	float: left;
	padding-right: 0.5em;
}

/* ~~ The footer ~~ */
#permainfo {
	clear: both;
	padding-top: 0.10em;
}

#permainfo p {
	padding: 10px 0;
	background-color: #F4EEFE;
	background-color: rgba(102,102,102,0.5);
	border-radius: 15px;
	margin: 3em auto;
	color: rgb(219,219,219);
	clear: both;
}

#footer p {
	padding: 1em;
	text-align: center;
	margin: 0 auto;
}

#footer-games a:link, #permainfo p a:link {
	color: #FFF;
	text-decoration: none;
}

#footer_games a:hover, #permainfo p a:hover {
	color: #FFF;
	text-decoration: underline;
}

#footer_games {
	margin: 1em auto;
	padding: 0.5em;
	-webkit-column-count: 3;
	-webkit-column-gap: 2em;
	-webkit-column-rule: rgb(0,51,153) solid 1px;
	-moz-column-count: 3;
	-moz-column-gap: 2em;
	-moz-column-rule: rgb(0,51,153) solid 1px;
	-ms-column-count: 2;
	-ms-column-gap: 3em;
	-ms-column-rule: rgb(0,51,153) solid 1px;
	-o-column-count: 2;
	-o-column-gap: 2em;
	-o-column-rule: rgb(0,51,153) solid 1px;
	column-count: 3;
	column-gap: 2em;
	column-rule: rgb(0,51,153) solid 1px;
}

#footer_games ul li a {
	color: rgb(219,219,219);
	text-decoration: none;
}

/* Slideshow.css - version 0.3 */

.WLBSlideShow {
	position: relative;
	width: 99%;
	max-width: 580px;
	padding: 0.5em 0 0 0;
	color: #EBEBEB;
	border: solid 1px #39312e;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	background-color: #33C;
	-moz-box-shadow: 5px 5px 10px gray;
	-webkit-box-shadow: 5px 5px 10px gray;
	-o-box-shadow: 5px 5px 10px #999999;
	-ms-box-shadow: 5px 5px 10px #999999;
	box-shadow: 5px 5px 10px gray;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-weight: normal;
	font-size: 14px;
	margin: 0 auto;
}

.WLBSlideShow .SSClip {
	position: relative;
	overflow: hidden;
	height: 296px;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #39312e;
}

.WLBSlideShow .SSView {
	height: 296px;
	margin: 0;
	padding: 0;
}

.WLBSlideShow .SSSlide {
	position: absolute;
	top: 0;
	left: 0;
	height: 296px;
	z-index: 0;
}

.WLBSlideShow .SSSlideVisible {
	z-index: 1;
}

.WLBSlideShow .SSFirstButton, .WLBSlideShow .SSLastButton, .WLBSlideShow .SSPlayButton, .WLBSlideShow .SSSlideCount {
	display: none;
}

.WLBSlideShow .SSPreviousButton {
	position: absolute;
	z-index: 5;
	bottom: 8px;
	right: 240px;
}

.WLBSlideShow .SSNextButton {
	position: absolute;
	z-index: 5;
	bottom: 8px;
	right: 11px;
}

.WLBSlideShow .SSPreviousButton {
	width: 15px;
	height: 15px;
	background-image: url(../images/slideshow-controls.png);
	background-position: 0 -30px;
	background-repeat: no-repeat;
	text-indent: -10000em;
	padding: 0;
	border: none;
	background-color: transparent;
}

.WLBSlideShow .SSPreviousButtonHover {
	background-position: -60px -30px;
}

.WLBSlideShow .SSPreviousButtonDown {
}

.WLBSlideShow .SSPreviousButtonDisabled {
}

.WLBSlideShow .SSNextButton {
	width: 15px;
	height: 15px;
	background-image: url(../images/slideshow-controls.png);
	background-position: -30px -30px;
	background-repeat: no-repeat;
	text-indent: -10000em;
	padding: 0;
	border: none;
	background-color: transparent;
}

.WLBSlideShow .SSNextButtonHover {
	background-position: -90px -30px;
}

.WLBSlideShow .SSNextButtonDown {
}

.WLBSlideShow .SSNextButtonDisabled {
}

.WLBSlideShow .SSSlideLinks {
	position: absolute;
	overflow: hidden;
	bottom: 4px;
	right: 65px;
	z-index: 5;
}

.WLBSlideShow a.SSSlideLink {
	display: block;
	float: left;
	width: 23px;
	height: 23px;
	margin: 0 2px;
	color: #483E3D;
	text-align: center;
	text-decoration: none;
	line-height: 23px;
	background-image: url(../images/slideshow-controls.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 12px;
	font-weight: bold;
}

.WLBSlideShow a.SSSlideLinkHover {
	background-position: -30px 0;
}

.WLBSlideShow a.SSSlideLinkSelected {
	background-position: -90px 0;
	color: #483E3D;
}

.WLBSlideShow a.SSSlideLinkDisabled {
}

.WLBSlideShow .story {
	float: left;
	overflow: hidden;
	width: 40%;
	height: 266px;
	margin: 0;
	padding: 0;
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #62C5E3;
	/* SVG as background image (IE9+/Chrome/Safari/Opera/FF) */ 
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5NzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzMzMzQ0MiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM2MkM1RTMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5NzEpIiAvPgo8L3N2Zz4=);
	border-left: solid 1px #554c49;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	-o-border-radius-topright: 7px;
	-ms-border-radius-topright: 7px;
	border-radius-topright: 7px;
}

.WLBSlideShow .photo {
	float: left;
	overflow: hidden;
	width: 330px;
	margin: 0;
	padding: 0;
}

.WLBSlideShow .photo img {
	width: 300px;
	height: 266px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	margin: 0;
	padding: 0;
}

.WLBSlideShow .photo .caption {
	margin: 0 6px;
	line-height: 20px;
	font-style: italic;
}

.WLBSlideShow .banner {
	background-color: #cc0000;
	margin: 11px 0 0 11px;
	padding: 10px;
}

.WLBSlideShow .title {
	margin: 0;
	padding: 0;
	font-size: 18px;
}

.WLBSlideShow .subTitle {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: normal;
}

.WLBSlideShow .content {
	margin: 0 10px;
}
#ImageSlideShow a:link, #ImageSlideShow a:visited {
	font-variant: normal;
	color: #FFF;
}
.WLBSlideShow .content .mybutton * {
	display: block;
	margin: 0;
	height: 32px;
	color: white;
	font-size: 15px;
}

.WLBSlideShow .content .mybutton {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-width: 0px;
}


.WLBSlideShow .content .mybutton span {
	padding: 0 0 0 7px;
	background: transparent url(../images/button-left.png) top left no-repeat;
}

.WLBSlideShow .content .mybutton span span {
	padding: 0 9px 0 0;
	background: transparent url(../images/button-right.png) top right no-repeat;
}

.WLBSlideShow .content .mybutton span span span {
	padding: 0;
	background: transparent url(../images/button-center.png) top left repeat-x;
	line-height: 28px;
	white-space: nowrap;
}

.WLBSlideShow .content .mybutton:hover span,
.WLBSlideShow .content .mybutton:hover span span span {
	background-position: -33px left;
}

.WLBSlideShow .content .mybutton:hover span span {
	background-position: -33px right;
}


/* Product page specific css */

#detailcontent ul {
	text-align: left;
	margin-left: 1em;
}

.feature_item {
	float: right;
	margin: 12px;
	padding: 3px 3px;
	-moz-box-shadow: 3px 3px 3px gray;
	-webkit-box-shadow: 3px 3px 3px gray;
	-ms-box-shadow: 3px 3px 5px gray;
	-o-box-shadow: 3px 3px 5px gray;
	box-shadow: 3px 3px 5px gray;
}

#detailcontent cite {
	padding-top: 1em;
}

#detailcontent h3 {
	padding-bottom: 0.5em;
	font-size: 1.15em;
}

/* Menu Magic css */
/* 
  -----------------------------------
  Pop Menu Magic 2
  by Project Seven Development
  www.projectseven.com
  Menu Type: Vertical
  Style Theme: 07 - See-Through
  -----------------------------------
*/

/*Menu Outer Wrapper*/
.p7PMMv07 {
	width: 99%;
	margin: 1em auto;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif ;
	font-size: 0.9em;
	padding: 1px;
	text-align: left;
	line-height: 1.2em;
}
/*Hide Sub-Menu in Design View*/
.p7PMMv07 ul div {
	display: none;
}
/*
TOP LEVEL MENU
*/
.p7PMMv07 ul {
	margin: 0;
	padding: 0;
}
.p7PMMv07 li {
	list-style-type: none;
	margin-bottom: 6px;
	padding: 0.45em 0.5em;
	background-image: none;
	background-color: #66F;
	background-color: rgba(51,51,204,0.6);
	border-radius: 5px;
}
.p7PMMv07 a {
	display: block;
	text-decoration: none;
	padding: 0;
	color: #000 !important;
	text-align: left;
	width: 100%;
}
.p7PMMv07 a:hover {
	color: #000 !important;
}
.p7PMMv07 li:hover {
	background-position: 0px -4em;
}
/*
Syntax for special classes programatically assigned to first and last links and also LIs
See user guide for more information
*/
.p7PMMv07 ul a.pmmfirst {
}
.p7PMMv07 ul a.pmmlast {
}
.p7PMMv07 ul li.pmmfirst {
}
.p7PMMv07 ul li.pmmlast {
}

/*First Sub Level*/
.p7PMMv07 ul ul {
	width: auto;
	background-color: #66F;
	background-color: rgba(132,131,224,1);
	position: relative;
	margin: 0.5em;
	border-radius: 5px;
}

.p7PMMv07 ul ul li {
	background-image: none;
	background-color: #66F;
	background-color: rgba(132,131,224,1);
	margin: 0.1em -0.75em 0.1em -2.5em;
	border-radius: 5px;
	border-bottom: #fff solid 1px;
}
.p7PMMv07 ul ul a {
	color: #000 !important;
	padding: 3px 0;
	background-image: none;
	text-align: left;
	overflow: hidden;
	width: 10em;
}
.p7PMMv07 ul ul a:hover {
	background-color: #000 !important;
	color: #FFF !important;
}


/*
SPECIAL IMAGE-BASED RULES
*/
.p7PMMv07 img {
	border: 0;
}
.p7PMMv07 .p7PMM_img {
	padding: 0;
	border: 0;
	background-image: none;
	background-color: transparent;
}

/*
TRIGGERS and CUURENT MARK RULES
The Closed state relates to trigger items when their child menus are not showing
The Open state relates to trigger items when their child menus are showing
Selectors appended with _left Automatically change arrow position and orientation
if sub levels are set to fly out to the left
*/

/*Root Level*/
.p7PMMv07 ul a.trig_closed {
}
.p7PMMv07 ul a.trig_closed_up {
}
.p7PMMv07 ul a.trig_closed_left {
}
.p7PMMv07 ul a.trig_open, .p7PMMv07 ul a.trig_open_left {
	color: #000 !important;
	background-color: transparent;
	border-color: #FFF;
}
.p7PMMv07 ul li.trig_open, .p7PMMv07 ul li.trig_open_left {
	background-position: 0px -80px;
}
/*Sub Level*/
.p7PMMv07 ul ul li.trig_closed {
	background-color: transparent;
}
.p7PMMv07 ul ul li.trig_closed_left {
}
.p7PMMv07 ul ul a.trig_open, .p7PMMv07 ul ul a.trig_open_left {
	color: #FFF !important;
	background-color: #000 !important;
	background-image: none;
}

/*The Current Marker (You are here) links*/

.p7PMMv07 .current_mark {

}
.p7PMMv07 ul ul .current_mark {
}

/*
NO-SCRIPT RULES
The following rules enable your menu to work even when javascript is disabled in the browser
*/
.p7PMMv07.p7PMMnoscript {
	position: relative;
	width: 99%;
}
.p7PMMv07.p7PMMnoscript ul div {
	position: absolute;
	display: block;
	left: -9999px;
	top: -1em;
}
.p7PMMv07.p7PMMnoscript ul ul div {
	left: -9999px;
	top: 0px;
}
.p7PMMv07.p7PMMnoscript li:hover div {
	display: block;
	left: 190px;
}
.p7PMMv07.p7PMMnoscript li:hover ul div, .p7PMMv07.p7PMMnoscript li:hover ul ul div, 
.p7PMMv07.p7PMMnoscript li:hover ul ul ul div, .p7PMMv07.p7PMMnoscript li:hover ul ul ul ul div, 
.p7PMMv07.p7PMMnoscript li:hover ul ul ul ul ul div {
	left: -9999px;
}
.p7PMMv07.p7PMMnoscript li:hover div, .p7PMMv07.p7PMMnoscript li li:hover div, .p7PMMv07.p7PMMnoscript li li li:hover div, 
.p7PMMv07.p7PMMnoscript li li li li:hover div, .p7PMMv07.p7PMMnoscript li li li li li:hover div,
.p7PMMv07.p7PMMnoscript li li li li li li:hover div {
	left: 160px;
	top: 1.5em;
}


/* Tooltip css */
/* 
  -----------------------------------
  Tooltip Magic
  by Project Seven Development
  www.projectseven.com
  Style Theme: 07 Teal Bevel
  -----------------------------------
*/

.p7TTM07.p7TTMbox {
	position: absolute;
	overflow: hidden;
	border: 2px solid #000;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 10px #CFEBEA;
	box-shadow: inset 0 0 10px #CFEBEA;
	background-color: #71C4C1;
	background: rgba(112,196,192,.9);
}
.p7TTM07 .p7TTMcnt {
	position: relative;
	color:#000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 16px 16px;
	zoom: 1;
}
.p7TTM07 .p7TTMcnt p {
	margin: 6px 0 12px 0;
}
.p7TTM07 .p7TTMclose {
	position: absolute;
	top: 2px;
	left: auto;
	right: 0px;
	display: none;
}
.p7TTM07 .p7TTMclose img {
	border: 0;
}
.p7TTM07 .p7TTMclose a {
	text-decoration: none;
	display: block;
	color: #000;
	font-size: 17px;
	line-height: 17px;
	padding: 0 4px;
	border-radius: 0px 4px 0px 0px;
}
.p7TTM07 .p7TTMclose a:hover, .p7TTM07 .p7TTMclose a:focus {
	outline: 0;
	color: #FFFFFF;
}
.p7TTM07 .p7TTMclose i {
	font-style: normal;
}


/*ARROWS*/
.p7TTM07 .p7TTMcall {
	height: 9px;
	width: 26px;
	position: absolute;
	z-index: 9;
	background-repeat: no-repeat;
	display: none;
}
/*Arrow At Bottom Left*/
.p7TTM07 .p7TTMcall.p7TTM_Arrow_1 {
	height: 18px;
	width: 18px;
	left: 16px;
	top: auto;
	bottom: -18px;
}
/*Arrow At Bottom Middle*/
.p7TTM07 .p7TTMcall.p7TTM_Arrow_2 {
	height: 10px;
	width: 20px;
	left: 50%;
	margin-left: -10px;
	top: auto;
	bottom: -12px;
}
/*Arrow At Bottom Right*/
.p7TTM07 .p7TTMcall.p7TTM_Arrow_3 {
	height: 18px;
	width: 18px;
	left: auto;
	right: 16px;
	top: auto;
	bottom: -20px;
}
/*Arrow At Top Left*/
.p7TTM07 .p7TTMcall.p7TTM_Arrow_4 {
	height: 18px;
	width: 18px;
	left: 16px;
	top: -20px;
}
/*Arrow At Top Middle*/
.p7TTM07 .p7TTMcall.p7TTM_Arrow_5 {
	height: 10px;
	width: 20px;
	left: 50%;
	margin-left: -10px;
	top: -12px;
}
/*Arrow At Top Right*/
.p7TTM07 .p7TTMcall.p7TTM_Arrow_6 {
	height: 18px;
	width: 18px;
	left: auto;
	right: 16px;
	top: -20px;
}
/*Arrow At Left Top*/
.p7TTM07 .p7TTMcall.p7TTM_Arrow_7 {
	height: 18px;
	width: 18px;
	left: -20px;
	top: 8px;
}
/*Arrow At Left Middle*/
.p7TTM07 .p7TTMcall.p7TTM_Arrow_8 {
	height: 20px;
	width: 10px;
	left: -12px;
	top: 50%;
	margin-top: -10px;
}
/*Arrow At Right Top*/
.p7TTM07 .p7TTMcall.p7TTM_Arrow_9 {
	height: 18px;
	width: 18px;
	left: auto;
	right: -20px;
	top: 8px;
}
/*Arrow At Right Middle*/
.p7TTM07 .p7TTMcall.p7TTM_Arrow_10 {
	height: 20px;
	width: 10px;
	left: auto;
	right: -12px;
	top: 50%;
	margin-top: -10px;
}
/*Special Class assigned to All Triggers, regardless of the Tooltip Style Theme, while its tooltip is showing.*/
.p7TTM_open {}

/*Special Class assigned to All Triggers, regardless of the Tooltip Style Theme, when using the Basic Interface.*/
.p7TTM_trg {
	text-decoration: underline;
	cursor: default;
}
/*Special Class you can use to assign to various trigger elements when using the class assignment method to define a tooltip.*/
.tooltip {}

/*Lighshow Overlay*/
#p7ttm_overlay.p7TTM07 {
	background-color: #000;
	opacity: 0.9;
	filter: alpha(opacity=90);
}


/*IE 7 and 6 fixes*/
.p7TTMtop, .p7TTMbottom,
.p7TTMmiddlewrapper {zoom: 1;}

.tl_other_items {
	text-align: center;
	list-style-type: none;
	margin-top: 1em;
}