/* ################################################################################################ */
/* Valk Welding stylesheet */
/* ################################################################################################ */


/* ################################################################################################ */
/* HTML selectors */

body { margin: 0; padding: 0; font: normal normal 1em/1em Verdana, sans-serif; background: #fff; }
h1 { margin: 0; padding: 0; }
h1 a { display: block; margin: 0; padding: 0; font-size: 1px; text-indent: -1000px; color: #212f66; overflow: hidden; }
h2 { font-size: 0.9em; }
h3 { font-size: 0.8em; }
h4 { font-size: 0.7em; }
p { font-size: 0.7em; }
label, input, select, textarea { font-size: 0.7em; }
a { text-decoration: none; }
img { border: 0; }
form, fieldset, input  { margin: 0; border: 0; padding: 0; }

/* ################################################################################################ */
/* Layout */

#header { margin: 0; padding: 0; width: 100%; min-width: 995px; }
#siteContainer { margin: 0; padding: 0 0 0 0; width: 100%; }
#wrapper { width: 1010px; }
#content { float: left; margin: 0; padding: 0 0 10px 15px; width: 550px; min-width: 400px; }
.article { padding: 0; }
.article h3 { margin: 0 0 5px 0; padding: 10px 0 0 0; }
.article p { margin: 0; padding: 0 0 10px 0; }
.newsletter { padding: 0; }
.newsletter h3 { margin: 0 0 15px 0; padding: 0; }
.newsletter p { margin: 0; padding: 0 0 10px 0; }
.newsletter .date { font-size: 0.8em; }
.product { float: left; margin: 0 -1px -1px 0; border: 1px solid #cecfce; padding: 10px 0; width: 50%; overflow: hidden; }
html>body .product { width: 49.8% }
.product p { margin: 0; padding: 0 10px; }
.product h4 { margin: 0; padding: 0 10px; }
.product img { margin: 0 10px; padding: 0; width: 100%; }
#toolbar { display: block; margin: 0; padding: 0 0 0 25px; height: 40px; line-height: 40px; }
#toolbar li { display: inline; }
#toolbar a { float: left; display: block; margin: 0 0 0 5px; width: 26px; height: 26px; }
#toolbar span { display: none; }
.back { background: #99d3ee url(../gfx/site/toolbar_back.gif) no-repeat 0 0; }
.print { background: #99d3ee url(../gfx/site/toolbar_print.gif) no-repeat 0 0; }
#breadcrum { margin: 0 0 0 20px; padding: 0; height: 27px; font-size: 0.6em; line-height: 2em; color: #aaa; }
#breadcrum a { color: #aaa; }
#pageHeader h2 { margin: 0; padding: 0 0 0 25px; min-width: 970px; height: 27px; font-size: 1em; line-height: 1.5em; }
#pageHeader h2 span { display: none; }
#pageSubHeader { position: relative; top: -27px; margin: 0 0 0 5px; padding: 0; height: 27px; font-size: 0.8em; line-height: 27px; color: #fff; background: #e54c01; z-index: 0; }
html>body #pageSubHeader { margin: 0 0 0 0; }
#searchCategoryHeader { margin: 0 0 0 20px; padding: 0 0 0 10px; height: 23px; font-size: 0.7em; line-height: 1.7em; font-weight: normal; color: #212f66; background: #99d3ee; }
#footer { margin: -48px 0 -17px 0; padding: 0; height: 31px; background: transparent url(../gfx/site/content_corner_white.gif) no-repeat right bottom; }
html>body #footer { margin: -31px 0 0 0; }

.toolbarButton { float: left; display: block; margin: 8px 0 0 -6px; width: 22px; height: 22px; }
html>body .toolbarButton { margin: 8px 0 0 8px; }
#homePage .toolbarButton { margin-top: 17px; }
.toolbarButton #sitemapicon { background: transparent url(../gfx/layout/icon-sitemap.gif) no-repeat 0 0; }
.toolbarButton #homeicon { background: transparent url(../gfx/layout/icon-home.gif) no-repeat 0 0; }
.toolbarButton #dutchflag { background: transparent url(../gfx/layout/icon-flag-nl.gif) no-repeat 0 0; }
.toolbarButton #germanflag { background: transparent url(../gfx/layout/icon-flag-de.gif) no-repeat 0 0; }
.toolbarButton #englishflag { background: transparent url(../gfx/layout/icon-flag-en.gif) no-repeat 0 0; }
.toolbarButton #frenchflag { background: transparent url(../gfx/layout/icon-flag-fr.gif) no-repeat 0 0; }

.toolbarButton #danishflag { background: transparent url(../gfx/layout/icon-flag-dk.gif) no-repeat 0 0; }
.toolbarButton #chezkflag { background: transparent url(../gfx/layout/icon-flag-cz.gif) no-repeat 0 0; }

.toolbarButton #dutchflag.on,
.toolbarButton #dutchflag:hover { background: transparent url(../gfx/layout/icon-flag-nl-on.gif) no-repeat 0 0; }
.toolbarButton #germanflag.on,
.toolbarButton #germanflag:hover { background: transparent url(../gfx/layout/icon-flag-de-on.gif) no-repeat 0 0; }
.toolbarButton #englishflag.on,
.toolbarButton #englishflag:hover { background: transparent url(../gfx/layout/icon-flag-en-on.gif) no-repeat 0 0; }
.toolbarButton #frenchflag.on,
.toolbarButton #frenchflag:hover { background: transparent url(../gfx/layout/icon-flag-fr-on.gif) no-repeat 0 0; }
.toolbarButton #danishflag.on,
.toolbarButton #danishflag:hover { background: transparent url(../gfx/layout/icon-flag-dk-on.gif) no-repeat 0 0; }
.toolbarButton #chezkflag.on,
.toolbarButton #chezkflag:hover { background: transparent url(../gfx/layout/icon-flag-cz-on.gif) no-repeat 0 0; }


#toolbar .seperator { padding-left: 10px; }

.articleimage { float: left; margin: 0 10px 0 0; }
.news { border-bottom: 1px solid #cecfce; margin: 0; padding: 3px 0; }
.news h4 { margin: 0; padding: 3px 0 0 0; }
.news p { margin: 0; padding: 0 0 1px 0; }
.closed .subMenuList { display: none; }
.open .subMenuList { display: block; }

#pageSubHeader #articleButtons { position: absolute; top: -2px; left: 0; display: block; width: 100%; z-index: 0; }
#pageSubHeader #articleButtons .printbutton { float: right; display: block; width: 30px; height: 27px; background: transparent url(../gfx/layout/icon-print.gif) no-repeat 50% 100%; }
#pageSubHeader #articleButtons a span { display: none; }


/* ################################################################################################ */
/* menu items ( horizontal menu with single pulldown menu ) */

#sitenav { margin: 0; padding: 0; min-width: 995px; background: #000 url(../gfx/layout/navback.gif) repeat-x left top; }
#navList { position: relative; margin: 0 0 0 25px; padding: 0; width: 960px; height: 32px; list-style: none; z-index: 200; }
#navList .menuItem { position: relative; display: inline; margin: 0; padding: 0; z-index: 200; } 
#navList .menuItem h4 { display: inline; margin: 0 15px 0 0; padding: 0; height: 32px; }
#navList .menuItem h4 a { margin: 0; padding: 0; height: 32px; line-height: 32px; color: #fff; cursor: hand; }
html>body #navList .menuItem h4 a { padding: 0.85em 0 1em 0; cursor: pointer; }
#navList .menuItem h4 a:hover,
#navList .menuItem h4 a.on { color: #EF131F; background: transparent; }
#navList .menuItem h4 a span { display: none; }

#navList .menuItem .subMenuList { position: absolute; top: 32px; left: -25px; margin: 0; padding: 0 0 5px 0; list-style: none; list-style-position: outside; background: #000; z-index: 300; }
#navList .menuItem .subMenuList { top: 25px; display: block; width: auto; }
#navList .menuItem .subMenuItem { display: list-item; margin: 0 0 0 25px; padding: 0 12px 0 0; list-style-image: url(../gfx/layout/arrow-dotted-white.gif); background: #000; }
html>body #navList .menuItem .subMenuItem:hover { list-style-image: url(../gfx/layout/arrow-dotted-red.gif); }
#navList .menuItem .subMenuItem a { height: 22px; font-weight: bold; font-size: 0.7em; }
#navList .menuItem .subMenuItem a:link,
#navList .menuItem .subMenuItem a:visited { color: White; background: #000; }
#navList .menuItem .subMenuItem a:hover,
#navList .menuItem .subMenuItem a:active { color: #EF131F; background: #000; }

/* this replaces the javascript menu in modern browsers only */
html>body #navList .menuItem .subMenuList { margin: 0; display: none; }
html>body #navList .menuItem:hover .subMenuList { display: list-item; }


/* ################################################################################################ */
/* Sidebar  */

#sidebar { float: left; padding: 0 0 45px 0; text-align: left; overflow: hidden; }

#homepagebanners,
#homepagebanners .banner { float: left; margin: 0; padding: 0; list-style: none; }
#homepagebanners .banner a { position: relative; top: 0; left: 0; display: block; margin: 0; padding: 0; width: 400px; height: 100px; font-weight: bold; color: #fff; }
#homepagebanners .banner a span { position: relative; top: 38px; left: 0; margin: 0 0 0 27px; height: 28px; cursor: hand; }
#homepagebanners .banner a#banner-1 { background: transparent url(../gfx/banners/banner-1.gif) no-repeat 0 0; }
#homepagebanners .banner a#banner-1:hover { background: transparent url(../gfx/banners/banner-1-over.gif) no-repeat 0 0; }
#homepagebanners .banner a#banner-2 { background: transparent url(../gfx/banners/banner-2.gif) no-repeat 0 0; }
#homepagebanners .banner a#banner-2:hover { background: transparent url(../gfx/banners/banner-2-over.gif) no-repeat 0 0; }
#homepagebanners .banner a#banner-3 { background: transparent url(../gfx/banners/banner-3.gif) no-repeat 0 0; }
#homepagebanners .banner a#banner-3:hover { background: transparent url(../gfx/banners/banner-3-over.gif) no-repeat 0 0; }
#homepagebanners .banner a#banner-4 { background:transparent url(../gfx/banners/banner-4.gif) no-repeat scroll 0 0; }
#homepagebanners .banner a#banner-4:hover { background:transparent url(../gfx/banners/banner-4-over.gif) no-repeat scroll 0 0; }

#sideMenuList { margin: 10px 0 10px 25px; padding: 0; }
#sideMenuList li a { font-weight: bold; font-size: 0.7em;  color: #fff; background: transparent; }
#sideMenuList .menuItem { list-style-image: url(../gfx/layout/arrow-dotted-white.gif); color: #fff; background: transparent; }
#sideMenuList .menuItem.on { list-style-image: url(../gfx/layout/arrow-dotted-black.gif); } 
#sideMenuList .menuItem a { margin: 0; padding: 0; line-height: 1.4em; }
#sideMenuList .menuItem a:link,
#sideMenuList .menuItem a.visited { color: #fff; background: transparent; }
#sideMenuList .on a,
#sideMenuList .menuItem a:hover,
#sideMenuList .menuItem a.active { color: #000; background: transparent; }

#sideMenuList .menuItem .subMenuList { margin: 0 0 0 20px; padding: 0; background: transparent; }

#sideMenuList .menuItem .subMenuList .subMenuItem { list-style-image: url(../gfx/layout/arrow-dotted-white.gif); color: #fff; background: transparent; }
#sideMenuList .menuItem .subMenuList .subMenuItem a { color: #fff; background: transparent; }
#sideMenuList .menuItem .subMenuList .on a,
#sideMenuList .menuItem .subMenuList .subMenuItem a:hover { color: #000; background: transparent;  }


/* ################################################################################################ */
/* Search related rules */

#toolbar #searchBox { float: left; margin: 8px 0 0 0; padding: 0; width: 144px; }
#homePage #toolbar #searchBox { margin: 17px 0 0 0; }
#toolbar #searchBox form, #toolbar #searchBox fieldset { height: 22px; }
#toolbar #searchBox form input { display: block; width: 100%; }

#toolbar .searchField { float: left; margin: 0 0 0 0; padding: 1px 0 0 0; width: 120px; height: 18px; color: #000; }
#toolbar .searchField #searchText { width: 100%; border-top: 1px solid #dedbde; border-bottom: 1px solid #dedbde; border-left: 1px solid #dedbde; height: 18px; color: #fff; background: #a50c10; }
html>body #toolbar .searchField #searchText { margin-top: 1px; height: 16px; }

#toolbar .submitField { float: left; margin:0; width: 22px; height: 22px; }
#toolbar .submitField  #searchButton { margin: 0 0 0 0; width: 22px; height: 22px; background: transparent; }

#searchResults { margin: 0 0 30px 0; }
#searchResults h3 { margin: 0 0 0 30px; padding: 10px 0 0 0; font-size: 0.7em; line-height: 1.2em; }
#searchResults p { margin: 0 0 0 30px; padding: 4px 0 4px 0; }
#searchResults ul {  margin: 0 0 0 30px; padding: 8px 0; }
#searchResults li { margin: 0 0 0 20px; padding: 0px 10px 4px 0; font-size: 0.7em; line-height: 1em; }
#searchResults .resultItems { margin: 0 0 0 20px; border-top: 1px solid White; padding: 0; }
#searchResults .resultItems h4 { margin: 0; padding: 0 0 0 0; height: 20px; font-weight: normal; }
#searchResults .resultItems h4 a { display: block; margin: 0; padding: 0 0 0 10px; height: 20px; color: #212f66; }
#searchResults .resultItem { margin: 0; border-top: 1px solid White; padding: 0 10px;}
#searchResults .resultItem h5 { margin: 0; padding: 2px 10px 0 0; font-size: 0.7em; font-weight: normal; color: #0964a3; }
#searchResults .resultItem h5 a { color: #0964a3; }
#searchResults .resultItem p { margin: 0 0 0 0; padding: 0px 10px 4px 0; font-weight: normal; color: #212f66; }

#searchResults .open h4 { background: #99d3ee url(../gfx/site/searchresult_arrow_down_blue.gif) no-repeat right top; }
#searchResults .closed h4 { background: #99d3ee url(../gfx/site/searchresult_arrow_right_blue.gif) no-repeat right top; }
.resultItems .odd { background: #ececec; } 


/* ################################################################################################ */
/* form segments */

.labelField { float: left; padding: 0 0 0 0; width: 30%; background: transparent url(../gfx/label.gif) no-repeat right top; }
.required { background: transparent url(../gfx/required.gif) no-repeat right top; }
.fullField { float: left; border-left: 1px solid #efefef; padding: 0 0 0 0;width: 275px; }
.oneThirdField { float: left; border-left: 1px solid #efefef; padding: 0 0 0 0;width: 20%; }
.twoThirdsField { float: left; border-left: 1px solid #efefef; padding: 0 0 0 0;width: 30%; }
.dayField  { float: left; border-left: 1px solid #efefef; padding: 0 0 0 0; width: 84px; }
.monthField  { float: left; border-left: 1px solid #efefef; padding: 0 0 0 0; width: 84px; }
.yearField  { float: left; border-left: 1px solid #efefef; width: 105px; }
.shortField  { float: left; border-left: 1px solid #efefef; padding: 0 0 0 0; width: 80px; }
.descField  { float: left; padding: 0 0 0 10px; }

.article form { margin: 0; padding: 0; width: 100%; background: #efefef; }
.article form fieldset { margin: 0; padding: 0; }
.article form input, .article form select { border: none; padding-left: 0.4em; width: 100%; background: #d6d7d6; }
html>body .article form input { padding: 1px 0 2px 0.4em; }
.article form textarea { border: none; padding-left: 0.4em; width: 100%; background: #d6d7d6; }
.article form select option { padding: 0.1em 0; }
.article form label { display: block; padding: 0 0 0 8px; width: 100%; background: transparent; }
.article form .button { float: left; border-top: 1px solid efefef; border-left: 1px solid #efefef; width: 50%; background: #d6d7d6; }
.article form .button input { border: 0px solid #000; width: 100%; text-align: left; font-weight: bold; }
.article form .button .attention { border-bottom: 1px solid White; width: 100%; } 

.noStyle { font-size: 0.7em; text-align: left; color: #5C204B; background: transparent; border: 0; }
.noStyle input, .noStyle label { display: inline; width: auto !important; background: transparent !important; }
input[type=radio] { margin: 0; padding: 0; width: auto; height: auto; line-height: auto; background: White;}
input[type=checkbox] { margin: 0; padding: 0; width: auto; height: auto; line-height: auto; background: transparent;}


/* ################################################################################################ */
/* clearing floats */

.clr { clear: both; display: block; margin: -1px 0; padding: 0; width: 100%; height: 1px; font-size: 1px; line-height: 1px; }
html>body .clr { margin: 0; height: 1px; font-size: 0; line-height: 0; }
.article form fieldset div.clr { background-color: White;}


/* ################################################################################################ */
/* style signatures / page based layout */

body#homePage { background: White url(../gfx/layout/homeback.gif) repeat-y 0 0; }
body#homePage #siteContainer { overflow: hidden; }
body#homePage #siteContainer-inner { height: 540px; background: transparent url(../gfx/layout/homecontentback.gif) no-repeat 0 27px; }body#homePage #toolbar { height: 59px; line-height: 59px; background: #A70D16 url(../gfx/layout/hometool.gif) no-repeat 0 0;  }
body#homePage #pageHeader h2 { height: 27px; line-height: 27px; color: #fff; background: #E54C01 url(../gfx/layout/homepagetitle.gif) no-repeat 0 0; }
body#homePage #header { height: 144px; background: #EF131F url(../gfx/layout/homeheaderimage.gif) no-repeat 426px 0; }
body#homePage #header h1 { width: 426px; height: 144px; background: transparent url(../gfx/layout/homelogo.gif) no-repeat 0 0; }
body#homePage #header h1 a { display: block; width: 426px; height: 144px; }
body#homePage #sidebar { width: 387px; }


body#infoPage { background: White url(../gfx/layout/infoback.gif) repeat-y 0 0; }
body#infoPage #siteContainer { overflow: hidden; }
body#infoPage #siteContainer-inner { height: 595px; background: transparent url(../gfx/layout/infocontentback.gif) no-repeat 0 27px; }
body#infoPage #toolbar { height: 40px; line-height: 40px; background: #A70D16 url(../gfx/layout/infotool.gif) no-repeat 0 0;  }
body#infoPage #pageHeader h2 { height: 27px; line-height: 27px; color: #fff; background: #E54C01 url(../gfx/layout/infotitle.gif) no-repeat 0 0; }
body#infoPage #header { height: 89px; background: #EF131F url(../gfx/layout/infoheader.gif) no-repeat 490px 0; }
body#infoPage #header h1 { width: 490px; height: 89px; background: transparent url(../gfx/layout/infologo.gif) no-repeat 0 0; }
body#infoPage #header h1 a { display: block; width: 490px; height: 89px; }
body#infoPage #sidebar { width: 435px; }


/* ################################################################################################ */
/* links */

.article a:link,
.article a:visited { color: #ef1018; background: transparent; }
.article a:hover,
.article a:active { color: #000; background: transparent; }

.newsletter a:link,
.newsletter a:visited { color: #ef1018; background: transparent; }
.newsletter a:hover,
.newsletter a:active { color: #000; background: transparent; }

.article a.readon:link,
.article a.readon:visited { padding: 0 0 0 12px; color: #ef1018; background: transparent url(../gfx/layout/arrow-dotted-red.gif) no-repeat 0 4px; }
.article a.readon:hover,
.article a.readon:active { padding: 0 0 0 12px; color: #000; background: transparent url(../gfx/layout/arrow-dotted-black.gif) no-repeat 0 4px; }

.product a:link,
.product a:visited { color: #ef1018; background: transparent; }
.product a:hover,
.product a:active { color: #000; background: transparent; }

.product a.readon:link,
.product a.readon:visited { padding: 0 0 0 12px; color: #ef1018; background: transparent url(../gfx/layout/arrow-dotted-red.gif) no-repeat 0 4px; }
.product a.readon:hover,
.product a.readon:active { padding: 0 0 0 12px; color: #000; background: transparent url(../gfx/layout/arrow-dotted-black.gif) no-repeat 0 4px; }


.sitemap ul { padding: 0 0 0 0; }
.sitemap ul li { padding: 0 0 0 12px; font-size: 0.80em; list-style-type: none; list-style-position: inside; background: transparent url(../gfx/layout/arrow-dotted-red.gif) no-repeat 0 6px;}
.sitemap ul li li { font-size: 1em; }
.sitemap ul li a:visited, .sitemap ul li a:active, .sitemap ul li a { color: #383D42;}
.sitemap ul li a:hover { color: #C61919; }
.sitemap .closed { margin: 0 0 10px 0; }


/* afmeldpagina */
.afmelden #sitenav { margin: 0; padding: 0; min-width: 995px; background: #000 url(../gfx/layout/navback.gif) repeat-x left top; height: 80px;}
.afmelden #content {position: relative; left: 450px;}
.afmelden #pageSubHeader {display: none;}
.afmelden #content {padding-top: 20px;}


/* footer */
.footer { margin-top: 20px; width: 100%; padding: 5px 0;}
.footer ul { margin: 0 0 0 25px; padding: 0; list-style-type: none;}
.footer ul li { margin: 0; padding: 0;}
.footer a { color: #fff; font-size: 12px; font-weight: bold; }


/* Mark fixes */
.editContainer, .previewcell {
  padding: 4px;
}
.editContainer .editbutton, .previewcell .editbutton {
  float: left;
  margin-right : 5;
  width: 15px;
  border: 0;
  display: block;
  cursor: hand;
}
.previewcell #pageSubHeader{
	margin-top: -26px;
}
/* /Mark fixes */

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../gfx/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../gfx/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../gfx/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('../gfx/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../gfx/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../gfx/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../gfx/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../gfx/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../gfx/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../gfx/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../gfx/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../gfx/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../gfx/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../gfx/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../gfx/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../gfx/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../gfx/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }
.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }