/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}/*
	mediaCT webinterieur - www.mediact.nl - info@mediact.nl - 050 5799393 - Groningen - The Netherlands
	copyright: http://creativecommons.org/licenses/by-nc-nd/2.0/deed.nl
*/


/* GENERAL STYLES */

body {
	color: #1b1f22;
	background: #fff url("img/bg.gif") repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
}

/* begin_screen_mct_beheer_editor */

body,td,th,input,select,textarea {
	font-size: 11px;
	font-family: Trebuchet MS, Arial, Tahoma, sans-serif;
	line-height: 18px;
}

input,textarea { line-height: normal; }

p { margin-bottom: 10px; }

a { color: #2d8341; text-decoration: none; }
a:hover { color: #2d8341; text-decoration: underline;  }
a:active { color: #2d8341; }
img { border: none; }
fieldset { border: none; }
caption { display: none; }

ul {}
ol {}

table { border-collapse: collapse; }
th, td {}
th {}
thead th {}
tbody th {}
tfoot th {}
tfoot td {}

iframe {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;overflow:auto;}

dl dt {}
dl dd {}

strong { font-weight: bold; }
em { font-style: italic; }


.videoborder { border: 1px solid #D7D7D7; margin: 6px; padding: 1px; }
.videoborder object { display: block; }

a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url('img/pdficon.png') center left no-repeat;
}

/* HEADINGS */

h1,h2,h3,h4 {
	margin-bottom: 10px;
	color: #000;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none; }

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {  }

h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; font-weight: bold; }
h4 { font-size: 14px; }
h5 { font-size: 13px; font-weight: bold; color: #000; }

.article img.no_border {border: 0;}

/* GENERAL CLASSES */

.meer { background: url("img/bullets/bullet_readmore.gif") no-repeat right 6px; padding-right: 10px; }

a.rss { padding-left: 18px; background: url("img/bullets/bullet_rss.gif") no-repeat left 4px; }

a.exLink { padding-right: 10px; background: url("img/bullets/bullet_exlink.gif") no-repeat right 6px; }

p.context_text { font-size: 12px; }

ul.li_spacing li {	margin-bottom: 15px; }

img.icon_zekerheden { vertical-align: absmiddle !important; border: 0px none !important; }


/* end_screen_mct_beheer_editor */



/* GENERAL USE */

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.hide { display: none; }

.pagetitle { font-size: 26px; color: #359A4C; font-weight: bold; line-height: 30px; }



/* CONTAINER */

#container { width: 964px; height: 100%; margin: 0 auto; text-align: left; position: relative; }



/* HEADER */

#header {
	height: 137px;
	background: #fff url("img/menu_bg.gif") repeat-x bottom;
	position: relative;
}
#header h1.logo {
	position: absolute;
	top: 53px;
}
#header h1.logo a {
	text-indent: -1234em;
	outline: none;
	display: block;
	width: 324px;
	height: 26px;
	background: url("img/logo_jumbodokkum.gif") no-repeat;
}

#header h2.verberg { display: none; }
#header .zekerheden { position: absolute; top: 43px; right: 0; }
#header a.headicon { width: 46px; height: 46px; text-indent: -1234em; margin: 5px; background-repeat: no-repeat; display: block; float: left; }
#header a.icon { width: 26px; height: 26px; text-indent: -1234em; margin: 15px 5px 5px; background-repeat: no-repeat; display: block; float: left; }
#header a.zevenzekerheden { background: url("img/icon_7zekerheden.gif"); }
#header a.goedkoper { background: url("img/icon_goedkoper.gif") top left; }
#header a.goedkoper:hover { background-position: bottom left; }
#header a.service { background: url("img/icon_service.gif") top left; }
#header a.service:hover { background-position: bottom left; }
#header a.boodschappen { background: url("img/icon_boodschappen.gif") top left; }
#header a.boodschappen:hover { background: url("img/icon_boodschappen.gif") bottom left; }
#header a.vers { background: url("img/icon_vers.gif") top left; }
#header a.vers:hover { background-position: bottom left; }
#header a.vlotwinkelen { background: url("img/icon_vlotwinkelen.gif") top left; }
#header a.vlotwinkelen:hover { background-position: bottom left; }
#header a.tevreden { background: url("img/icon_tevreden.gif") top left; }
#header a.tevreden:hover { background-position: bottom left; }
#header a.wensen { background: url("img/icon_wensen.gif") top left; }
#header a.wensen:hover { background-position: bottom left; }


/* FOTO TEASER */
#foto_teaser { position: absolute; top: 0; left: 370px;}


/* BANNER */

#banner { clear: both; position: relative; height: 235px; }
#s { position: absolute; top: 4px; height: 228px; width: 780px; float: left; }
#banner .pics { height: 228px; width: 780px; overflow: hidden; }
#banner .pics img { height: 228px; width: 780px; }
#banner .openingstijden { position: absolute; top: 0px; left: 780px; width: 154px; padding: 20px 10px 0 20px; }
#banner .openingstijden h2 { color: #000; margin-left: 9px; }
#banner .openingstijden table { padding-top: 10px; text-align: left; }
#banner .openingstijden .meerinfo { margin: 10px 0 0 7px;  }
#banner .openingstijden .meerinfo a { color: #000; font-weight: bold; display: block; padding-left: 20px; background: url('img/icon_more.gif') no-repeat left;  height: 20px;}
#banner .openingstijden ul { list-style: none outside; } 



/* CONTENT */

#content { }
.content_page { width: 700px; padding: 40px 0 0 12px; } 
.content_archive { padding: 10px 0 0 0; } 


/* MAIN CONTENT */

#maincontent { clear: both; margin-top: 17px; width: 780px; }
#maincontent .article { }
#maincontent .maintop { }

/* RSS CONTENT */
.rss { margin: 0px; padding: 0 15px 0 0; }

/* RIGHT CONTENT */

#rightcontent { width: 184px; }
#rightcontent .article { }
#rightcontent hr { height: 0px; border: 0; border-top: 1px solid #ddbb5a; }
#rightcontent #right_bar { position: relative; background: #f3ce63; text-align: center; }
#rightcontent #right_bar .top { padding: 10px 4px 0;}
#rightcontent #right_bar .top p {text-align: left; margin-bottom: 2px; padding-left: 8px;}
#rightcontent #right_bar .top p a {text-decoration: underline;}
#rightcontent #right_bar .top p a:hover {text-decoration: none;}
#rightcontent #right_bar .middle { height: 100%; padding: 10px 0 10px 0; }
#rightcontent #right_bar .middle p { margin: 4px; }
#rightcontent #right_bar .bottom { vertical-align: bottom; }
#rightcontent #right_bar .bottom img { display: block; }



/* TEASERS */
#teasers { clear: both; width: 381px; float: left; padding-right: 9px; } 
#teasers .teaser_highlight { float: left; }
#teasers .teaser_blikwinkel { position: relative; height: 224px; }
#teasers .teaser_blikwinkel .stroke { z-index: 20; position: absolute; top: 0px; left: 0px; height: 196px; width: 100%; overflow: hidden; }
#teasers .teaser_blikwinkel .stroke a { display: block; height: 100%; width: 100%; background: url("img/teaser_blik_winkel_stroke.png") no-repeat; overflow: hidden; text-indent: -1234em; }
#teasers .teaser_blikwinkel .infomenu { height: 28px; width: 100%; position: absolute; background: url("img/teaser_blik_winkel_bottom.gif") no-repeat left top; top: 196px; left: 0px; }
#teasers .teaser_blikwinkel .infomenu .gallery_nav { float: right; margin-right: 6px; }
#gallery_info { float: left; margin-left: 4px; color: #fff; width: 325px; text-align: center; }
#teasers .teaser_blikwinkel .pics { height:196px; width: 100%; overflow: hidden; }
#teasers .teaser_blikwinkel .pics img { height: 196px; top:0; left:0; }


/* NEWS ARTICLES */
#newsarticles { float: left; width: 390px; }
#newsarticles .ar1 { height: 117px !important; }
#newsarticles .article { height: 112px; width: 390px; }
#newsarticles .article h3 { font-weight: bold; font-size: 11px; color: #000; }
#newsarticles .article a { white-space: nowrap; }
#newsarticles .article .text { width: 269px;  float: right; padding-right: 5px; }
#newsarticles .article .image_holder { height: 108px; width: 108px; float: left; overflow: hidden; }
#newsarticles .article .image_holder .stroke { height: 108px; width: 108px; background: url("img/article_img_stroke.png") no-repeat; overflow: hidden; }
#newsarticles .article .image_holder .stroke a { width: 108px; height: 108px; display: block; text-indent: -1234em;  }

/* NEWS ARTICLES REACTIONS */
.article .top { font-size: 10px; }
.article .reactions dl { padding-bottom: 15px; }
.article .reactions dt { font-size: 10px; }
.article .reactions hr { height: 0px; border: 0; border-top: 1px solid #d7d7d7; width: 700px; }
.article .no_react { padding-bottom: 15px; }
.article img { border: 1px solid #000; }
.article .auteur_foto { float: left; margin-right: 7px; border: 0px; }
.article #sitemap li { margin-left: 45px; list-style-type: none !important; }
.article li { list-style-type: disc !important; margin-left: 15px; }
.legend_react em { color: #C00; font-style: normal; }

/* NEWS ARTICLES - ARCHIVE PAGE */
.newsarticles_big { width: 780px !important; }
#newsarticles .archive { height: 120px !important; float: left; }


/* COLUMN */
.column { width: 256px; float: left;  padding: 10px 4px 0 0; }
.last { width: 256px; float: left;  padding: 10px 0px 0 0 !important; }
.column .article_1 {  }
.column .bar { width: 256px; height: 32px; background: url("img/column_bar.gif") no-repeat; } 
.column .blogs { margin: 7px 0 7px 0; } 
.column .bar img { float: left; margin: 4px 5px 0 5px; } 
.column .bar a,
.column .bar span { float: left; margin: 7px 0 0 0; font-size: 16px; color: #fff; font-weight: bold; } 
.column img { margin: 0px; } 
.column .margin { margin: 7px; } 
.column .auteur_box { background-color: #359A4C; color: #fff; padding-left: 7px; margin-bottom: 7px; } 
.column a.title { color: #333; text-decoration: none; font-size: 18px; font-weight: normal; }
.column a.title:hover { color: #359a4c; text-decoration: underline; }
.column .home_sm { margin-top: 7px; }
.column .meta { float: right; }
.column a:hover { text-decoration: underline; }
.column .foto { float: left; margin: 0 7px 0 0; }
.column .article_img { float: left; margin-bottom: 3px; }
.column hr { height: 0px; border: 0; border-top: 1px solid #d7d7d7; width: 242px; }

/* FORM NEWSLETTER SUBSCRIBE */

form.nieuwsbrief-yime {position: relative; padding: 7px ;}
form.nieuwsbrief-yime .winebottle { float: left; margin-right: 10px; }
form.nieuwsbrief-yime div.field { margin: 10px 0;}
form.nieuwsbrief-yime div.field span.label {width: 85px; float: left; display: none; }
form.nieuwsbrief-yime div.field input { width: 232px; padding: 3px 2px; }
form.nieuwsbrief-yime div.buttonrow { text-align: right; }


/* BLOGS */
.column p.blogs_url { margin: 0 7px 0 7px; } 
.blogs_left { width: 516px; float: left; padding: 0px; }
.blogs_right { width: 256px; float: right;  padding: 0 4px 0 0; }
.latest_blogs .text { margin: 7px; }
.reacties_NEE { display: none; }

div.article_blogs { padding: 15px 10px 30px 10px; }
div.article_blogs hr { height: 0px; border: 0; border-top: 1px solid #d7d7d7; width: 100%; }

/* KIDS */
.kids_block { padding: 7px; } 
.kids_block img { margin-right: 7px; }

/* WIDGET: WEER */
#widget_weer { height: 90px; width: 184px; }
#widget_weer .text { font-size: 11px; color: #fff; text-align: center; font-weight: bold; background: #0072bc url("img/weer.gif") no-repeat; }
#widget_weer .left { padding: 17px 0 0 15px; width: 94px; }
#widget_weer .right { padding: 7px 15px 0 0; }
#widget_weer h3 { font-weight: bold; margin: 0px; }
#widget_weer .weer_afb { height: 58px; width: 58px; }

/* PARKEREN */
.parkeren { height: 35px; width: 138px; background: #0072bc url("img/parkeren.gif") no-repeat; font-size: 10px; color: #fff; line-height: 12px; padding: 5px 10px 0 36px; }




/* META INFO - PRINT / AUTEUR / DATE / ET CETERA */

ul.meta {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #C9C9C9;
	padding-top: 2px;
	font-size: 9px;
	color: #777;
}

ul.meta li {
	float: left;
	border-right: 1px solid #C9C9C9;
	padding-right: 5px;
	margin-right: 2px;
	padding-left: 3px;
}

ul.meta li.calender {
	background: url("img/bullets/bullet_date.gif") no-repeat 1px 3px;
	padding-left: 18px;
	height: 18px;
}

ul.meta li.auteur, ul.meta li.print {

}

ul.meta li.print {
	background: url("img/bullets/bullet_print.gif") no-repeat 3px 2px;
	padding-left: 23px;
	height: 20px;
	border-right: none;
}



/* ITEM NAVIGATION */

#itemnavigation {
	border-top: 1px solid #C9C9C9;
	clear: both;
}

#itemnavigation ul { margin-left: 0; margin-top: 0; }

#itemnavigation ul li {
	display: inline;
	background-image: none;
	padding-left: 0;
	font-size: 10px;
}


/* CSS FORM TEMPLATE */

div.form-container { padding: 30px 30px 15px 30px; border: 2px dotted #aaa; background-color: #eee; margin-bottom: 20px; }

p.legend { margin-bottom: 1em; }

div.errors { margin: 0 0 20px 0px; padding: 5px 10px; border: 1px solid #C00; background-color: #fff; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
div.confirm { margin: 0 0 20px 0px; padding: 5px 10px; }
div.confirm p { margin: 0; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 120px; font-size: 90%; color: #333; }
div.form-container form fieldset { }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset { padding: 0.25em 0; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container form fieldset div textarea { margin-bottom: 10px; }
div.form-container form fieldset div .textarea2 { margin-bottom: 0px; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 120px; display: block; float: left; text-align: right; position: relative; }
div.form-container .caution { margin: 0 0 15px 140px; } 
div.form-container .react_code { margin: 0 0 6px 140px; background-color: #fff; width: 259px; border: 1px solid #000; text-align: center; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }

div.form-container input { border: 1px solid #000; }
div.form-container input:focus { background-color: #d7d7d7; border-color: #000; }
div.form-container input.inputerror { border: 1px solid #C00; background-color: #FEF; }
div.form-container input.inputerror:focus { border-color: #C00; background-color: #d7d7d7; }

div.form-container textarea { background: #fff url("img/textarea_bg1.gif") no-repeat bottom right; border: 1px solid #000; }
div.form-container textarea.inputerror { border-color: #C00; background: #FEF url("img/textarea_bg3.gif") no-repeat bottom right; }
div.form-container textarea.inputerror:focus { border-color: #C00; background: #d7d7d7 url("img/textarea_bg4.gif") no-repeat bottom right; }
div.form-container textarea:focus {	background: #d7d7d7 url("img/textarea_bg2.gif") no-repeat bottom right; border-color: #000; }
div.form-container .textarea2 { border: 1px solid #000; background: #fff; }
div.form-container #ta2 .inputerror { background: #FEF !important; border-color: #C00; }
div.form-container #ta2 .inputerror:focus { background: #d7d7d7 !important; border-color: #C00; }
div.form-container .textarea2:focus { background: #d7d7d7; border-color: #000; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; border: 0px; }
div.form-container div.controlset div { margin-left: 120px; }
div.form-container div.buttonrow { margin-left: 138px; padding-top: 10px; }
.buttonrow .button { padding-bottom: 4px; #padding-bottom: 0; color: #fff; border: 0px; width: 68px; height: 29px; background: url("img/btn_send.gif") no-repeat top left; }
.buttonrow .button:hover { cursor: pointer; color: #fff; width: 68px; height: 29px; background: url("img/btn_send.gif") no-repeat bottom left; }

div.form-container #helpbox { font-style: italic; margin: 5px; }
div.form-container div.hidden { display:none }
div.form-container div.show { display: inline; background-color: #FFC; border-color: #359A4C; }




/* SITEMAP */

#sitemap li {
	margin-left: 0;
	list-style-image: none;
	list-style-type: none;
	min-height: 22px;
}

#sitemap li a { display: block; font-weight: bold; text-decoration: none; padding-top: 10px; }

#sitemap li a:hover { text-decoration: underline; }

#sitemap li li a {
	height: 22px;
	margin: 0; padding: 0;
	padding-left: 25px;
	font-weight: normal;
	background: url("img/bullets/bullet_list.gif") no-repeat 10px 4px;
}

#sitemap li li li a {
	padding-left: 40px;
	background: url("img/bullets/bullet_list.gif") no-repeat 28px 8px;
}

#sitemap li li li li a {
	padding-left: 55px;
	background-position: 45px top;
}

#sitemap li li li li li a {
	padding-left: 70px;
	background-position: 60px top;
}



/* MENU */

#menu {
	width: 100%;
	height: 33px;
	position: absolute;
	top: 94px;
	padding-top: 10px;
}

#menu li, ul {
	margin: 0;
	padding: 0;
}
#menu li {
	float: left;
}

#menu a.active { color: #fff; font-weight: bold; } 
#menu a.active span.m_btn_l { background: url("img/m_btn_l.gif") top left no-repeat; float: left; width: 11px; height: 28px; }
#menu a.active span.m_btn_m { background: url("img/m_btn_m.gif") top repeat; padding: 7px 1px 5px 1px; float: left; text-decoration: none; }
#menu a.active:hover span.m_btn_m { text-decoration: underline; }
#menu a.active span.m_btn_r { background: url("img/m_btn_r.gif") top right no-repeat; float: left; width: 11px; height: 28px; margin-right: 25px; }

#menu a { color: #000; font-weight: bold; }
#menu a span.m_btn_l { width: 11px; float: left; }
#menu a span.m_btn_m { padding: 7px 1px 5px 1px; float: left; text-decoration: underline; }
.hover, #menu a:hover span { text-decoration: none; cursor: hand; }
#menu a span.m_btn_r { width: 11px; float: left; margin-right: 25px; }
#menu img { position: absolute; top: 6px; }


#menu li.cls_jumbo_kids {
	background: url("img/menu_potloden_small.gif") no-repeat right bottom;
	padding-right: 16px;
	margin-right: 4px;
}


/*__________________________________________________________ GALLERY PHOTOS _________________________________________________________*/


.category { float: left; margin: 0 10px 25px 0; overflow: hidden; }

a.gallery_image img { border: 1px solid #000; margin: 0 0 0 7px; }
a.gallery_image img:hover { border: #359a4c solid 1px; }

.gallery_photo_big .image_big { margin: 16px 0 10px 7px; }

.gallery_photo_big .image_big img { border: 1px solid #007045; }

.gallery_photo_big .photo_content { margin-top: 30px; }

.gallery_photo_big hr { height: 0px; border: 0; border-top: 1px solid #d7d7d7; }

.gallery p { margin-bottom: 0px !important; }
.gallery .photo { margin-top: 20px; }
.gal_cat { float: left; margin-right: 30px; } 

.catbar { width: 256px; height: 32px; background: url("img/column_bar.gif") no-repeat; margin: 2px 10px 10px 0; }
	.catbar_small { width: 220px; background-image: url("img/column_bar_small.gif"); }
.catbar a { float: left; margin: 7px 0 0 0; font-size: 16px; color: #fff; font-weight: bold; }
.catbar span { float: left; margin: 7px 0 0 0; font-size: 16px; color: #fff; font-weight: bold; }
.catbar img { float: left; margin: 4px 5px 0 5px; border: 0; } 
.catbar_menu { margin-top: 20px !important; }
.catbar_item { width: 127px; height: 32px; background: url("img/column_bar_item.gif") no-repeat; margin: 20px 10px 10px 0; }
.catbar_item a{ float: left; margin: 7px 0 0 0; font-size: 16px; color: #fff; font-weight: bold; }
.catbar_item img { float: left; margin: 4px 5px 0 5px; border: 0; } 
.catbar_item a.catbar_nav { float: left; margin: 0; font-size: 12px; color: #fff; font-weight: bold;  }
.catbar_item a.catbar_nav_url { float: left; margin: 7px 0 0 0; font-size: 16px; color: #fff; }
.no_icon { margin-left: 45px !important; }
.no_icon_small { margin-left: 25px !important; }




/* FOOTER */

#footer { clear: both; height: 21px; }
#footer p { text-align: center; color:#fff; font-size:10px; border-top: 3px solid #000; background-color: #359A4C; margin: 10px 0 0 0; }
#footer a { color:#fff; text-decoration: underline; }
#footer a:hover { text-decoration: none; }


/* AANPASSINGEN VOOR DE KERST 

html, body {
	background: url('img/pattern.gif');
}

#container {
	background:white;
	border-color:#FFF;
	border-style:solid;
	border-width:0 10px;
}*/html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('img/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('img/fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('img/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: -12px;
}

a#fancy_left {
	float: left;
	right: 45px;
}

a#fancy_right {
	float: right;
	right: 15px;
}

span.fancy_ico {
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	background: transparent url('img/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	background: transparent url('img/fancybox/fancy_right.png') no-repeat;
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('img/fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('img/fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('img/fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('img/fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('img/fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('img/fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('img/fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('img/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_right.png) repeat-x;
}