/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License 
*/

.boxText {
	font-family: Arial, sans-serif;
	font-size: 10px;
}
.errorBox {
	font-family : Arial, sans-serif;
	font-size : 10px;
	background: #ffb3b5;
	font-weight: bold;
}
.stockWarning {
	font-family : Arial, sans-serif;
	font-size : 10px;
	color: #cc0033;
}
.productsNotifications {
	background: #f2fff7;
}
.orderEdit {
	font-family : Arial, sans-serif;
	font-size : 10px;
	color: #70d250;
	text-decoration: underline;
}
.kopgroot {
	font-family : "Myriad Pro";
	font-size : 18px;
	color: #666666;
	font-weight: bold;
	letter-spacing: -0.1px;
}
.kopgroot2 {
	font-family : "Myriad Pro";
	font-size : 18px;
	color: #666666;
	font-weight: bold;
	letter-spacing: -0.1px;
	padding-left: 8px;
	padding-top: 2px;
}

.kopgroot3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 17px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 8px;
	padding-top: 10px;
}

.kopgroot4 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color: #666666;
	font-weight: bold;
	letter-spacing: -0.2px;
}
BODY {
	background-color:#000000;
	color: #4C4C4C;
	margin: 0px;
	background-image: url(back.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
}
TD {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
A {
	color: #4C4C4C;
	text-decoration: none;
}
A:hover {
	color: #8bca1d;
	text-decoration: none;
}
FORM {
	display: inline;
}
TR.header {
	background: #ffffff;
}
A.headerlinks {
	color:#CCCCCC;
}
A.headerlinks:hover {
	color:#8bca1d;
}
TR.headerlinks {
}
TD.headerlinks {
	color:#CCCCCC;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
}
TD.headerlogin {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight:bold;
}
a.headerlogin {
	color:#4c4c4c;
	font-size:11px;
}
a.headerlogin:hover {
	color:#FE9901;
}
TD.headersearch {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	padding-top:2px;
	color:#e0ffff;
}
a.headersearch {
	color:#e0ffff;
}
TD.headerdate {
	font-family: "Myriad Pro";
	font-size: 14px;
	color:#CCCCCC;
	font-weight: bold;
	padding-top: 3px;
}
TR.headerNavigation {
}
TD.headerNav {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: FFFFFF;
	font-weight : bold;
}
A.headerNav {
	color: #FFFFFF;
}
A.headerNav:hover {
	color: #FFFFFF;
}
TD.headerNavigation {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight : bold;
	font-variant:small-caps;
	padding-top:2px;
	background-image: url(images/header/header_button_M.png);
	background-repeat:repeat-x;
}
A.headerNavigation {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight : bold;
	color: #999999;
}
A.headerNavigation:hover {
	color: #8bca1d;
}
TR.headerError {
	background: #ff0000;
}
TD.headerError {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	background: #ff0000;
	color: #ffffff;
	font-weight : bold;
	text-align : center;
}
TR.headerInfo {
	background: #00ff00;
}
TD.headerInfo {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	background: #00ff00;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

A.breadcrumb {
	color:#008194;
}
A.breadcrumb:hover {
	color:#8BCA1D;
}

TR.footer {
}
TD.footer {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight: normal;
	padding-left:10px;
}
.infoBox {

}
.infoBoxContents {

}
.backbox {
	background-color: #FFFFFF;
	padding: 5px;
}

.PageHeadingContents {
	font-family: "Myriad Pro";
	font-size: 18px;
	color:#8bca1d;
	font-weight:normal;
	padding-left: 20px;
	padding-right: 2px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #007d92;
	border-left-color: #007d92;
	letter-spacing: 1.5px;
}
.infoBoxContents_right {
	background-color: #FF0000;
}
.infoBoxContents_left {
	background-color: #FF0000;
}

.infoBoxNotice {
	background: #FF8E90;
}
.infoBoxNoticeContents {
	background: #FFE6E6;
	font-family: Arial, sans-serif;
	font-size: 10px;
}
TD.infoBoxHeading {
	font-family: "Myriad Pro";
	font-size: 14px;
	font-weight: bold;
	background: #bbc3d3;
	color: #666666;
}
TD.MenuBoxHeading {
	padding-right:1px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
}
TD.MenuBoxHeading2 {
	padding-right:1px;
	font-size: 14px;
	font-family: "Myriad Pro";
	color: #ffffff;
	font-weight: bold;
}
.mws_boxTop {
	background: url('images/boxes/boxtop_02.jpg');
	margin-left: 5px;
	margin-right: 2px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-align : left;
	color: #4AC250;
	vertical-align: middle;
	white-space: nowrap;
}
.mws_boxLeft {
	background: url('images/boxes/boxlft_01.jpg');
}
.mws_boxRight {
	background: url('images/boxes/boxrght_01.jpg');
}
.mws_boxBottom {
	background: url('images/boxes/boxbtm_02.jpg');
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align : center;
	vertical-align: middle;
	white-space: nowrap;
}
.mws_boxCenter {
	background: url('images/boxes/box_bck.jpg');
	margin-left: 5px;
	margin-right: 5px;
	padding-left:0px;
	padding-top:8px;
	padding-bottom:6px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #08025F;
	vertical-align: middle;
	white-space: nowrap;
}
.mod_boxTop {
	padding-left: 25px;
	padding-right: 2px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	text-align : left;
	color: #eeee66;
	vertical-align: middle;
	white-space: nowrap;
}
.mod_boxLeft {
}
.mod_boxRight {
}
.mod_boxBottom {
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align : center;
	vertical-align: middle;
	white-space: nowrap;
}
.mod_boxCenter {
	margin-left: 5px;
	margin-right: 20px;
	padding-right:20px;
	padding-bottom:5px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	text-align : left;
	color: #4AC250;
	vertical-align: middle;
	white-space: nowrap;
}
TD.infoBox, SPAN.infoBox {
	font-family: Arial, sans-serif;
	font-size: 10px;
}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
	background: #f8f8f9;
		border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
.specialproduct {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #08025F;
}
.selectedproduct {
	font-family: Arial, Verdana, sans-serif;
	font-size: 20px;
	color: #ffffff;
	border-spacing: 1px;
}
.newproduct {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #4c4c4c;
	border-spacing: 1px;
}
A.newproduct {
	font-size: 10px;
	color: #4c4c4c;
}
TABLE.productListing {
	border: 1px;
	border-style: solid;
	border-color: #b6b7cb;
	border-spacing: 1px;
}
.productListing-heading {
	font-family: "Myriad Pro";
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
a.productListing-heading {
}
a.productListing-heading:hover {
	color: #333333;
}
TD.productListing-data {
	font-family: Arial, sans-serif;
	font-size: 10px;
}
A.pageResults {
	color: #008194;
}
A.pageResults:hover {
	color: #008194;
	background: #B5CA1D;
}
TD.pageHeading, DIV.pageHeading, SPAN.pageHeading {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
}
TR.subBar {
	background: #f4f7fd;
}
TD.subBar {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #000000;
}
TD.main, P.main, DIV.main {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}
TD.smallText, SPAN.smallText, P.smallText {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #999999;
}
TD.accountCategory {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #aabbdd;
}
TD.fieldKey {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
TD.fieldValue {
	font-family: Arial, sans-serif;
	font-size: 12px;
}
TD.tableHeading {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
SPAN.newItemInCart {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #ff0000;
}
CHECKBOX, INPUT, RADIO, SELECT {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #666666;
}
TEXTAREA {
	width: 100%;
	font-family: Arial, sans-serif;
	font-size: 11px;
}
SPAN.greetUser {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #f0a480;
	font-weight: bold;
}
TABLE.formArea {
	background: #f1f9fe;
	border-color: #7b9ebd;
	border-style: solid;
	border-width: 1px;
}
TD.formAreaTitle {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
SPAN.markProductOutOfStock {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #c76170;
	font-weight: bold;
}
SPAN.productSpecialPrice {
		font-family: "Myriad Pro";
	font-size:13px;
	font-weight:bold;
	color: #a02129;
	letter-spacing: -0.15px;
}

.selectedprijs {
	font-family: "Myriad Pro";
	font-size:13px;
	font-weight:bold;
	color: #a02129;
	letter-spacing: -0.15px;
}
SPAN.errorText {
	font-family: Arial, sans-serif;
	color: #ff0000;
}
/* //rmh M-S_multi-pricing begin */
TD.productPriceInListing {
	font-family: Arial, sans-serif;
	font-size: 10px;
	background: #d2e9fb;
}
TD.productPriceInBox {
	font-family: Arial, sans-serif;
	font-size: 10px;
	background: #eeeeee;
}
TD.productPriceInProdInfo {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: #ccFFcc;
}
/* //rmh M-S_multi-pricing end */

.moduleRow {
	padding: 5px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}
.moduleRowOver {
	background-color: #8bca1d;
	cursor: pointer;
	cursor: hand;
	color: #FFFFFF;
}
.moduleRowSelected {
	background-color: #b5e6ff;
	color: #333333;
}
.checkoutBarFrom, .checkoutBarTo {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #8c8c8c;
}
.checkoutBarCurrent {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #000000;
}
/* message box */

.messageBox {
	font-family: Arial, sans-serif;
	font-size: 10px;
}
.messageStackError, .messageStackWarning {
	font-family: Arial, sans-serif;
	font-size: 10px;
	background-color: #ffb3b5;
}
.messageStackSuccess {
	font-family: Arial, sans-serif;
	font-size: 10px;
	background-color: #99ff00;
}
/* input requirement */

.inputRequirement {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #ff0000;
}
.inputRestriction {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #666666;
} /* //rmh M-S_multi-stores */
.cathead, A.cathead a {

	padding-left: 10px;
	background-color: #6699CC;
}
TD.cathead {
}
TD.catimage {
}
.pdlpmodel {
	font-family: Arial, Verdana, sans-serif;
	padding-left:2px;
	padding-top:4px;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
p.pdlpdname {
	font-family: Arial, Verdana, sans-serif;
	padding-left:12px;
	padding-top:1px;
	font-size:16px;
	font-weight:bold;
	color:#0d4a55;
}
A.pdlpdname:hover {
	color:#91b900;
}
.pdlpdname {
	padding-top:2px;
	padding-left:10px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#0d4a55;
	font-size:18px;
	color:#ffffff;
}
.pdldesc {
	font-family: Arial, Verdana, sans-serif;
	padding-left:20px;
	padding-right:3px;
	font-size:10px;
	font-weight:bold;
	color:#4c4c4c;
}
A.pdldesc {
	color:#4c4c4c;
}
.pdlimage {
	text-align:center;
	padding-top:15px
}
.pdlmanufacturers {
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#858585;
}
a.pdlmanufacturers:hover {
	color:#4c4c4c;
}
.pdlnone {
pdlmanufacturers
}
.pdlfooter {
	font-family: Arial, Verdana, sans-serif;
	padding-top:2px;
	padding-bottom:3px;
	padding-right:13px;
	padding-left:13px;
	font-size:12px;
	font-weight:bold;
	color:#4c4c4c;
}
.pdlprice {
	font-family: "Myriad Pro";
	padding-right:20px;
	padding-top:8px;
	font-size:24px;
	color:#FFFFFF;
	letter-spacing: -0.2px;
}
.prodboxaction {
	padding-top:10px;
	padding-bottom:10px;
}
#thecategories a:hover {
	background-image:url(images/categories/menu_back_hover.jpg);
	color:#ffffff;
}
.catwithsubs, .catwithnosubs {
	padding-right: 5px;
}
#thecategories {
	position:relative;
	top: 0px;
	margin-bottom: -1px;
}
.activelink {
	display: block;
	font-weight: bold;
	color: #008194;
	
}
#thecategories a {
	display: block;
	padding-bottom: 4px;
	padding-top: 3px;
	width: 100%;
	
	border-right: 0x solid #007d92;
	border-left: 0px solid #007d92;
}
/*mozilla fix*/
html>body #thecategories a {
	width: auto;
}
/*end of mozilla fix*/

.topcat a {
	padding-left: 2px;
	border-top:#007d92 1px solid;
}
.secondcat a {
	padding-left: 12px;
	color: #CCCCCC;
	font-weight: normal;
	background-color: #67888e;
}
.subcatselected a {
	padding-bottom: 3px;
	padding-top: 4px;
	padding-left: 28px;
	display: block;
	font-weight: bold;
	color: #419fd3;
	background-color: red;
}

.thirdcat a {
	padding-left: 20px;
	background-color: #cccccc;
}
.fourthcat a {
	padding-left: 30px;
	background-color: #67888e;
}
.fifthcat a {
	padding-left: 50px;
	background-color: #67888e;
}
.news {
}
.menutitle {
	color:#FE9901;
	padding-right: 4px;
}
.menutitle2 {
	color:#8BCA1D;
	padding-right: 4px;
}
.submenu {
	margin-bottom: 0.5em;
}
#header_logo {
	position:absolute;
	bottom:60px;
	right:-60px;
	z-index:2;
	float:none;
}
TD.header_right_site {
	
	background-position:right;
	background-repeat:repeat-y;
}
TD.header_left_site {
	
	background-position:left;
	background-repeat:repeat-y;
	padding-left: 5px;
}
#screenshot {
	position:absolute;
	padding:0px;
	display:none;
	color:#fff;
}
img {
	border:none;
}
.searchbox {
	width: 160px;
	color:#333333;
	font-size: 12px;
	height: 21px;
	font-weight:normal;
	background-color:#FFFFFF;
	margin-bottom:1px;
	margin-top:4px;
	border-color:#BC2F29;
	border: 1px;
	border-style: solid;
	vertical-align:bottom;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding-left: 3px;
}
.mozz80 {
	opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80);
}

.content_padding {

 }
 
TD.preferend {
	padding-right: 5px;
 }
A.information_item {
	color: #4C4C4C;
	text-decoration: none;
	line-height: 14px;
	
}
A.information_item:hover {
	color: #8bca1d;
	text-decoration: none;
}
 
  ul.sitemap  {
  color: #008194;
  font-weight:Bold;
}
  .sitemap li ul {
  color: #008194;
  font-weight:normal;
}  
 .main2 {
	font-size: 12px;
	
	color: #666;
}
.main2 a {
	font-size: 11px;
	color: #999999;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
.main2 a:hover{
	font-size: 11px;
	font-weight:bold;
	color: #8cc930;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
 
 .main3 {
	font-size: 10px;
	color: #666666;
}	
 .main5 {
	font-size: 10px;
	color: #999999;
}	 
	 .main4 {
	font-size: 11px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}
	 .main6 {
	font-size: 12px;
	color: #666;
	font-family: "Myriad Pro";
	font-weight: bold;
}
.main4 a {
	font-size: 11px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}
.main4 a:hover{
	font-size: 11px;
	color: #8cc930;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
 .mainklein {
	font-size: 9px;
	color: #999999;
}

.main7 a {
	font-size: 13px;
	color: #999999;
	font-family: "Myriad Pro";
	font-weight: bold;
}
.main7 a:hover{
	font-size: 13px;
	color: #8cc930;
	font-family: "Myriad Pro";
	text-decoration: underline;
	font-weight: bold;
}
.vierkant {
	background-color: #efefef;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	color: #666666;
	border-bottom-style: solid;
}
.vierkant4 a{
	height: 65px;
	width: 65px;
	border: 1pt solid #1f8194;
	padding: 0px;
	display: inline-block;
	background-color: #FFFFFF;
	background-position: center center;
	text-align: center;
	vertical-align: midden;
}

.vierkant4 a:hover{
	height: 65px;
	width: 65px;
	border: 1pt solid #cccccc;
	padding: 0px;
	display: inline-block;
	background-color: #FFFFFF;
	background-position: center center;
	text-align: center;
	vertical-align: midden;
	}
	
#twitter p{margin:3px 0 0 0; color:#333333; text-transform:uppercase; font-family:"Arial", Verdana, serif; font-size:10px; font-weight:bold;}
#twitter h3{margin:0; color:#333333; font-size:12px; font-family:"Arial", Verdana, serif; line-height:normal; font-weight:bold;}

td.preffered{
    font-size: 16px;
    font-weight: bold;
    color: #FEFDFA;
    padding-left: 15px;
    text-align: left;
}

/* classes for highslide */


.highslide-container div {
	font-family: Arial, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 0px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(graphics/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
}
.highslide-controls a {
	background-image: url(graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	float: right;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}
.draggable-header .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
	position: absolute;
	margin: 1px 0.4em;
	color: #666666;
}

.titlebar .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
	display: none;
}
.titlebar .highslide-header li {
	position: relative;
	top: 3px;
	z-index: 2;
	padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
	background: white;
}
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border {
	background: white;
}
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

/*****************************************************************************/
/* Styles for text based controls.						                     */
/* You can safely remove this if you don't use text based controls			 */
/*****************************************************************************/

.text-controls .highslide-controls {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	background: none;
}
.text-controls ul {
	position: static;
	background: none;
	height: auto;
	left: 0;
}
.text-controls .highslide-move {
	display: none;
}
.text-controls li {
    background-image: url(graphics/controlbar-text-buttons.png);
	background-position: right top !important;
	padding: 0;
	margin-left: 15px;
	display: block;
	width: auto;
}
.text-controls a {
    background: url(graphics/controlbar-text-buttons.png) no-repeat;
    background-position: left top !important;
    position: relative;
    left: -10px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none !important;
}
.text-controls a span {
	background: url(graphics/controlbar-text-buttons.png) no-repeat;
    margin: 1px 2px 1px 10px;
	display: block;
    min-width: 4em;
    height: 18px;
    line-height: 18px;
	padding: 1px 0 1px 18px;
    color: #333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
.text-controls .highslide-next {
	margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
	min-width: 0;
	margin: 1px 0;
	padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
	min-width: 0;
}
.text-controls a:hover span {
	color: black;
}
.text-controls a.disabled span {
	color: #999;
}

.text-controls .highslide-previous span {
	background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
	background-position: 0 -140px;
}
.text-controls .highslide-play span {
	background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
	background-position: 0 -160px;
}
.text-controls .highslide-pause span {
	background-position: 0 -80px;
}
.text-controls .highslide-next span {
	background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
	background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
	background: none;
}
.text-controls .highslide-full-expand a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-close span {
	background-position: 0 -120px;
}


/*****************************************************************************/
/* Styles for the thumbstrip.							                     */
/* See www.highslide.com/ref/hs.addSlideshow    							 */
/* You can safely remove this if you don't use a thumbstrip 				 */
/*****************************************************************************/

.highslide-thumbstrip {
	height: 100%;
}
.highslide-thumbstrip div {
	overflow: hidden;
}
.highslide-thumbstrip table {
	position: relative;
	padding: 0;
	border-collapse: collapse;
}
.highslide-thumbstrip td {
	padding: 1px;
	/*text-align: center;*/
}
.highslide-thumbstrip a {
	outline: none;
}
.highslide-thumbstrip img {
	display: block;
	border: 1px solid gray;
	margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
	visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
	width: auto;
	/* width: 100% broke in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) left center no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) center right no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal table {
	margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
	margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
	top: 47px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	border-bottom-color: white !important;
}
.highslide-thumbstrip-vertical div {
	height: 100%;
}
.highslide-thumbstrip-vertical a {
	display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
	margin-left: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) top center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	margin-left: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) bottom center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical table {
	margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical .highslide-marker {
	left: 0;
	margin-top: 8px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
	border-left-color: white;
}

.highslide-viewport .highslide-thumbstrip-float {
	overflow: auto;
}
.highslide-thumbstrip-float ul {
	margin: 2px 0;
	padding: 0;
}
.highslide-thumbstrip-float li {
	display: block;
	height: 60px;
	margin: 0 2px;
	list-style: none;
	float: left;
}
.highslide-thumbstrip-float img {
	display: inline;
	border-color: silver;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
	border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
	display: none;
}
.highslide-thumbstrip-float .highslide-marker {
	display: none;
}

/* classes for tooltips */

.hovertip {
	position: relative;
    display: none; /* in case javascript is disabled */
	width: 270px;
	height:350px;
    background: url('sub-bg.png') no-repeat;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 10px;
	}
.hovertip_target {
				 font-style: italic;
}
 .hovertip_target:hover {
						text-decoration: none;
					  cursor:help;
}
.nav, .nav * {
	margin:0;
	padding:0;
}
#cloud{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.nav {
	width:98%;
	height:15px;
	padding:0px;
}
.nav ul {
    width:160px;	
	list-style:none;	
	background:#fff; /*IE6 needs this*/
}
.nav li {
	float: left;
	list-style:none;	
	position:relative;
}
.nav a {
	color: #fff; 
	text-decoration:none;
	display:block;
}
.nav li ul {
	left:0;
	top:-999em;
	width: 80px;
	padding-top:50px;
	height:190px;
	background: url('sub-bg.png') no-repeat;
	position:absolute;
	list-style:none;
	z-index:100;
	text-align: center;
	}


ul.hovertip li {
	display:inline;
	list-style:none;
}
ul.hovertip li a{ text-decoration:none; font-style:italic}
ul.hovertip {width:200px; padding-top:30px; padding-left:10px; height:95px; padding-bottom:20px; display:block}

a.size1 {
	font-size:18px;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a.size1:hover {
	font-size:18px;
	color:#1a7a8c;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a.size2 {
	font-size:18px;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a.size2:hover {
	font-size:18px;
	color:#1a7a8c;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

a.size3 {
	font-size:18px;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

a.size3:hover {
font-size:18px;
	color:#1a7a8c;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

a.size4 {
	font-size:18px;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

a.size4:hover {
font-size:18px;
	color:#1a7a8c;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

a.size5 {
	font-size:18px;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a.size5:hover {
font-size:18px;
	color:#1a7a8c;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a.size6 {
	font-size:18px;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a.size6:hover {
	font-size:18px;
	color:#1a7a8c;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a.size-sub1 {
	font-size:12px;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a.size-sub1:hover {
	color:#1a7a8c;
}
a.size-sub2 {
	font-size:12px;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a.size-sub2:hover {
	color:#1a7a8c;
}
a.size-sub3 {
	font-size:12px;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a.size-sub3:hover {
	color:#1a7a8c;
}
a.size-sub4 {
	font-size:12px;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a.size-sub4:hover {
	color:#1a7a8c;
}
a.size-sub5 {
	font-size:12px;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a.size-sub5:hover {
	color:#1a7a8c;
}
a.size-sub6 {
	font-size:12px;
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a.size-sub6:hover {
	color:#1a7a8c;
}

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 250px;
	width: 625px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 277px;
	margin: 0 auto;
	width: 750px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	bottom: 0;
	color: #FFF;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
	background-color: #CC3333;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .9;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 10px;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #187f90 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #084a55;
	opacity: .8;
}
.slideshow-thumbnails-inactive {
	background-color: #084a55;
	opacity: .5;
}