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

/* @override http://qpcusa:8888/p7ssm/p7ssm_05.css */
/*

The Root Slideshow DIV

*/

.p7ssm_clearThumbs { clear: both; height: 0; line-height: 0.0; font-size: 0; }

/*Hidden Description Source. DO NOT EDIT*/
.p7ssm_fd { display: none; padding: 0; }

/*Hiiden Link for Fullsize Image. DO NOT EDIT*/
.p7ssm_lk { display: none; }

.p7ssm_pause {
	background-image: url(img/p7ssm3_pause.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 28px;
	margin-top: 1px;
}

.p7ssm_play {
	background-image: url(img/p7ssm3_play.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 28px;
	margin-top: 1px;
}

.p7ssm_sectionTrigger {
	font-size: 12px;
	background-color: #E3E3E3;
	background-image: url(img/p7ssm3_sectionTrigbg.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #999;
}

/*Thumbnail Matrix*/
.p7ssm_thumb_section { padding: 4px; background-color: #666; }

.p7ssm_thumb_section .down {
	border-color: #000000 !important;
	cursor: default;
	background-color: #FFFFFF;
}

.p7ssm_thumb_section a {
	padding: 2px;
	float: left;
	border-top: 1px solid #666666;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #666666;
}

/*\Hide from IE5 Mac*/
.p7ssm_thumb_section a { float: none; display: block; }

/*End Hide*/
.p7ssm_thumb_section a:hover { border-color: #FF9900; }

.p7ssm_thumb_section img {
	height: 30px;
	width: 30px;
	padding: 0;
	border: 0;
	display: block;
}

div#p7ssm_thumbs div.p7ssm_thumb_section li { list-style-type: none; float: left; margin: 3px; }

div#p7ssm_thumbs div.p7ssm_thumb_section ul { margin: 0px auto 0px auto; width: 130px; padding: 0px; }

#p7ssm {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: auto;
	z-index: 100;
	position: relative;
	padding: 16px;
}

/*The Navbar Links*/
#p7ssm #p7ssm_navList a {
	text-decoration: none;
	display: block;
	background-color: #333333;
	color: #999999;
	padding: 2px 10px;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #444444;
}

#p7ssm #p7ssm_navList a:hover {
	background-color: #FF9900;
	color: #000000;
	border-color: #FFFFFF;
}

#p7ssm .p7ssm_sectionTrigger .down {
	background-image: url(img/p7ssm3_minus.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #333333;
	letter-spacing: 0.1em;
}

#p7ssm .p7ssm_sectionTrigger a {
	text-decoration: none;
	display: block;
	color: #333333;
	padding: 3px 10px;
	background-image: url(img/p7ssm3_plus.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#p7ssm .p7ssm_sectionTrigger a:hover { color: #666666; }

#p7ssm_bottom {
	height: 26px;
	font-size: 0;
	line-height: 0;
	background: url(img/p7ssm_layoutbottom640.jpg) no-repeat;
}

/*Crossfade Wrapper - DO NOT EDIT*/
#p7ssm_cf {
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	z-index: 99;
}

/*Firefox Strict Mode Box Model Fix - DO NOT EDIT*/
#p7ssm_cf img { display: block; }

#p7ssm_counter { font-size: 11px; color: #888888; padding: 0 0 0 12px; }

/* Description Styles */
#p7ssm_description {
	font-size: 10px;
	padding: 6px 12px;
	color: #999999;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	display: none;
}

/*Description Links*/
#p7ssm_description a { color: #FF9900; }

/*Description Paragraphs*/
#p7ssm_description p { margin: 6px 0; }

/*Thumbnail Drag Bar*/
#p7ssm_dragbar {
	height: 22px;
	cursor: move;
	background-image: url(img/p7ssm3_dragbar.jpg);
	background-repeat: no-repeat;
	background-color: #CDCDCD;
	border-bottom: 1px solid #444444;
}

#p7ssm_dragbar span { display: none; }

#p7ssm_first {
	background-image: url(img/p7ssm3_first.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 22px;
	background-position: left top;
	margin-top: 1px;
}

/*The Hover state for all the toolbar icons*/
#p7ssm_first:hover, #p7ssm_prev:hover,
.p7ssm_play:hover, .p7ssm_pause:hover,
#p7ssm_next:hover, #p7ssm_last:hover,
#p7ssm_slidebar:hover, #p7SSMthmb:hover, #p7SSMtnav:hover { background-position: left bottom; }

/*Animating Box Wrapper for Fullsize Image*/
#p7ssm_fsc {
	margin: 0 auto;
	padding: 0px;
	border: 1px solid #333;
	background-color: #333333;
}

/*The Fullsize Image*/
#p7ssm_fsc img { border: 0; }

/*\Firefox Fix - Hide from IE5 Mac*/
#p7ssm_fsc img { display: block; }

/*FULLSIZE IMAGE */
/*\FS TABLE DO NOT EDIT - and hide from IE5 Mac*/
#p7ssm_fstbl { margin: 0 auto; }

/*Inner Wrapper for Fullsize Image*/
#p7ssm_fsw { position: relative; }

/*The Outer Wrapper for Fullsize Image*/
#p7ssm_fullsize { padding: 20px 0 4px 0; }

#p7ssm_last {
	background-image: url(img/p7ssm3_last.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 28px;
	margin-top: 1px;
}

/*The Loading Progrees Bar. DO NOT EDIT*/
#p7ssm_loading {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	z-index: 100;
}

/*

NAV MENU

*/
#p7ssm_nav_wrapper { position: relative; }

/*

The Inner Nav Menu Wrapper... Necessary for the script

The Script will hide this element before the page loads

Set value to "none" if you want to hide the nav bar in

Dreamweaver, but it will be hidden if script is disabled.

*/
#p7ssm_navList { display: block; }

#p7ssm_navList li { list-style-type: none; }

#p7ssm_navList ul { margin: 0px; padding: 0px; font-size: 12px; }

#p7ssm_next {
	background-image: url(img/p7ssm3_next.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 18px;
	margin-top: 1px;
}

#p7ssm_prev {
	background-image: url(img/p7ssm3_prev.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 18px;
	margin-top: 1px;
}

#p7ssm_preview { padding: 6px 0; }

#p7ssm_preview img { padding: 2px; border: 1px solid #666; display: block; }

/*Thumbnail Preview*/
/*Preview Table - DO NOT EDIT*/
#p7ssm_preview table { margin: 0 auto; }

#p7ssm_preview td { padding: 0; vertical-align: middle; height: 106px; }

#p7ssm_slidebar {
	background-image: url(img/p7ssm3_slider.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 8px;
	cursor: default;
}

#p7ssm_slidechannel {
	display: none;
}

#p7ssm_slider {
	position: absolute;
	top: 10px;
	left: 20px;
	z-index: 100;
	height: 17px;
	width: 8px;
}

/*SLIDER TOOLTIP*/
#p7ssm_speed{
	position: absolute;
	display: none;
	left: 0px;
	top: 36px;
	padding: 4px;
	background-color: #333333;
	border: 1px solid #000;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index: 100;
	filter: alpha(opacity=75);
	opacity: 0.75;
}

#p7ssm_thumb_wrapper { border: 1px solid #666666; }

/*Toolbar Controls */
#p7ssm_toolbar { padding: 0; }

#p7ssm_toolbar a { display: block; }

#p7ssm_toolbar em { display: none; }

#p7ssm_tools {
	position: relative;
	width: auto;
	margin: 0 auto;
	z-index: 100;
}

/*SHADOW BOXES*/
/*The width relates to the background images that create the shadow boxes. If you

change the width on these rules, you must also edit the shadow box Fireworks PNG file

to make the actual images wider or narrower. In the default config, the limit for

fullsize image width for pages that use the shadow box style is 400px.*/
#p7ssm_w1 {
	margin: 0 auto;
	width: 676px;
	background: url(img/p7ssm_layout640.jpg) repeat-y center top;
}

#p7ssm_w2 {
	background-image: url(img/p7ssm_layout_topper640.jpg);
	background-repeat: repeat-x;
	position: relative;
	z-index: 100;
}

/*The Icon that Tgoggles the Thumbnail Panel open and closed*/
#p7SSMthmb {
	background-image: url(img/p7ssm3_tthumbs.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 23px;
	margin-top: 1px;
}

/*The Thumbnail Icon down state*/
#p7SSMthmb.down { background-position: left bottom !important; }

/*The Icon that Tgoggles the Nav Menu open and closed*/
#p7SSMtnav { display: none; }

/*The Nav Bar Icon down state*/
#p7SSMtnav.down { background-position: left bottom; }

/*THUMBNAILS*/
#p7SSMwhmb {
	width: 160px;
	position: absolute;
	left: 446px;
	top: 36px;
	background-color: #FFFFFF;
	z-index: 100;
	filter: alpha(opacity=100);
	opacity: 1.0;
	margin-left: 0px;
}

/*The Drop Down Menu DIV*/
#p7SSMwnav {
	position: absolute;
	width: 200px;
	left: 0;
	top: auto;
	z-index: 100;
	filter: alpha(opacity=100);
	opacity: 1;
}