/* ZillRules CSS Document */

/* BASIC ELEMENTS 
------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }
body { text-align:center; font-size: 12px; font-family: tahoma, arial, sans-serif; color: #333; background:#FFF url(../images/bg.gif) no-repeat 50% 0%; }
body#home { background: url(../images/bg_home.gif) no-repeat 50% 0%; }
body#surveyResult { background: none; }
body.product_info { float:none; padding:0; width:auto; }

table, th, td { font-size: 12px; font-family: tahoma, arial, sans-serif; color: #333; }

img { border: none; }

a:link { color: #60921f; text-decoration: underline; }
a:visited { color: #72ad25; text-decoration: underline; }
a:hover, a:active { color: #333; text-decoration: underline; }

#skip { display: none; }

h3.prod-sub { margin:4px 0 10px; }

/* NAVIGATION
------------------------------------------------------------------------------------- */
#nav { position: absolute; top: 74px; left: 239px; height: 30px; width: 516px; background: #cb4700 url(../images/nav.gif); }
#nav li { float: left; position: relative; line-height: 30px; list-style: none; }
#nav li a, #nav li div { position: relative; height: 30px; display: block; text-decoration: none; }
#nav li a { cursor: pointer; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 30px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.gif); }

#nav li.events, #nav li.events a, #nav li.events a strong						{ background-position: 0 0; width: 68px; }
#nav li.news, #nav li.news a, #nav li.news a strong									{ background-position: -68px 0; width: 50px; }
#nav li.locator, #nav li.locator a, #nav li.locator a strong				{ background-position: -118px 0; width: 129px; }
#nav li.products, #nav li.products a, #nav li.products a strong			{ background-position: -247px 0; width: 89px; }
#nav li.community, #nav li.community a, #nav li.community a strong	{ background-position: -336px 0; width: 92px; }
#nav li.education, #nav li.education a, #nav li.education a strong	{ background-position: -428px 0; width: 88px; }

/* HOVER STATE */
#nav li.events a:hover, #nav li.events a:hover strong				{ background-position: 0 -30px; width: 68px; }
#nav li.news a:hover, #nav li.news a:hover strong						{ background-position: -68px -30px; width: 50px; }
#nav li.locator a:hover, #nav li.locator a:hover strong			{ background-position: -118px -30px; width: 129px; }
#nav li.products a:hover, #nav li.products a:hover strong		{ background-position: -247px -30px; width: 89px; }
#nav li.community a:hover, #nav li.community a:hover strong	{ background-position: -336px -30px; width: 92px; }
#nav li.education a:hover, #nav li.education a:hover strong	{ background-position: -428px -30px; width: 88px; }

/* ON STATE */
#nav li.eventson, #nav li.eventson strong, #nav li.eventson div						{ background-position: 0 -60px; width: 68px; }
#nav li.newson, #nav li.newson strong, #nav li.newson div									{ background-position: -68px -60px; width: 50px; }
#nav li.locatoron, #nav li.locatoron strong, #nav li.locatoron div				{ background-position: -118px -60px; width: 129px; }
#nav li.productson, #nav li.productson strong, #nav li.productson div			{ background-position: -247px -60px; width: 89px;}
#nav li.communityon, #nav li.communityon strong, #nav li.communityon div	{ background-position: -336px -60px; width: 92px; }
#nav li.educationon, #nav li.educationon strong, #nav li.educationon div	{ background-position: -428px -60px; width: 88px; }


/* HOME PAGE
------------------------------------------------------------------------------------- */
#container { position: relative; margin: 0 auto; width: 760px; text-align: left; }
#home #header { background: #791603 url(../images/bg_home.jpg) no-repeat 50% 0; }
#header { position: relative; color: #fbd52a; height: 215px; background: #791603 url(../images/bg.jpg) no-repeat 50% 0; }
	#headnav { position: absolute; top: 5px; left: 315px; font-size: 11px; width: 440px; }
	#headnav ul { float: right; width: 270px; }
	#headnav li { float: right; list-style: none; padding: 0 4px 0 8px; background: url(../images/dot.gif) no-repeat 0 5px; }
	#headnav li.first { background: none; }
	#headnav span { color: #c1d72e; }
	#headnav a:link, #headnav a:visited { color: #fff; text-decoration: none; }
	#headnav a:hover { text-decoration: underline; }
	#header table { position: absolute; top: 35px; left: 500px; }
	#header td { color: #fbd52a; }
	#header input, #emailafriend input, #emailafriend textarea { padding: 1px; background: url(../images/bg_input.jpg) no-repeat; border: 1px solid #cf6503; color: #fbd52a; }
	#header input.submit { color: #fbd52a; background: none; border: 0; }
	.logo { position: absolute; top: 0; left: -5px; }
	#home .logo { left: 0px; }

.flasharea	{ position: absolute; top: 63px; left: 0; }

#h_main	{ position: absolute; top: 490px; left: 0; }
.h_highlights	{ position: relative; float: left; width: 364px; padding: 10px 0 0; }
	.h_article { min-height: 120px; padding: 10px 10px 15px; clear: both; background: url(../images/separator.jpg) no-repeat 0% 100%; }
	* html .h_article	{ height: 140px; he\ight: 120px; }
	.h_article a:link, .h_article a:visited	{ text-decoration: none; }
	.h_article img { float: left; /*padding: 0 10px 0 0;*/ }
	.h_article p { margin-left: 119px; padding: 5px 0; line-height: 16px; }
	.h_highlights .last	{ background: none; }

.h_events	{ position: relative; float: left; display: inline; height: 285px; width: 178px; margin-left: 32px; padding: 20px 20px 0 0; background: url(../images/h_fade_left.gif) no-repeat 100% 0%; }
	* html .h_events { width: 198px; w\idth: 178px; }
	.h_events p	{ padding: 8px 20px 8px 4px; border-bottom: 1px solid #cfddcc; font-size: 11px; }
	.h_events p.arrow	{ border: 0; }
	.h_events strong { font-size: 12px; }
.h_poll { position: relative; float: left; display: inline; height: 285px; width: 136px; padding: 20px 0 0 30px; background: url(../images/h_fade_right.gif) no-repeat; }
	* html .h_poll { width: 166px; w\idth: 136px; }
	.h_poll p	{ padding: 5px 0; }
	.h_poll label	{ color: #5e8d23; }

.arrow a:link, .arrow a:visited, a.arrow:link, a.arrow:visited { padding-left: 10px; background: url(../images/arrow.gif) no-repeat 0 5px; font-size: 11px; }

#footer	{ position: relative; clear: both; width: 760px; height: 105px; color: #ccc; font-size: 10px; background: url(../images/bg_footer.gif) no-repeat; }
	#footer p	{ padding: 12px 32px 0; line-height: 20px; }
	#footer a:link, #footer a:visited	{ text-decoration: none; }
	#footer span { color: #e28b01; }
	#footer span.footer_last { color: #ccc; float: right; padding-right: 192px; }

.animated #animated_footer_wrap #footer, .animated_tall #animated_footer_wrap #footer { position: absolute; top: 740px; left: 0; }
.animated_tall #animated_footer_wrap #footer { top: 850px; }

/* SUB PAGE
------------------------------------------------------------------------------------- */
#s_main { }

#content { float: left; display: inline; width: 560px; }
.subhead { padding-left: 30px; }
.subhead span.dropdown { position: relative; float: left; display: block; width: 220px; margin-top: -5px; padding: 10px 0 10px 22px; background: url(../images/bg_subhead.gif) no-repeat; }
.subhead select	{ width: 170px; font-size: 11px; color:#690; border:1px solid #690;  }
.subhead_img { padding: 0 0 40px; float: left; display: inline; }

#content2	{ float: left; display: inline; width: 510px; margin: 0 20px 0 30px; }
#content2 p	{ padding: 0 0 20px; line-height: 17px; }
#content2 .subhead { padding: 0; }
#content2 ol, #content2 dl, #content2 ul, #content ul, #content ol, #content dl { margin:10px 0; padding-left:40px; padding-bottom:15px; }
#content2 li { margin:0 0 5px; }
#content2 .outlook { margin-right: 5px; padding: 4px 0 3px 19px; background: url(../images/icon_outlook.gif) no-repeat 0% 3px; }
#content2 .ical { padding: 4px 0 3px 22px; background: url(../images/icon_ical.gif) no-repeat 0% 0px; }

.image-listing { margin:15px 0 15px 10px !important; padding:0 !important; }
.image-listing li { margin:0 0 8px !important; list-style:none; line-height:17px; }
.image-listing a { display:inline-block; text-decoration:none; }
.image-listing .pdf { background-position:100% 3px; }
.image-listing img { margin:0 10px 0 0; float:left;  }

.product_col, .product_col2 { float: left; display: inline; width: 176px; margin: 20px 30px; margin-left: -40px; background: url(../images/bg_product_col_top.jpg) no-repeat; }
	* html .product_col, * html .product_col2	{ width: 140px; w\idth: 140px; margin-left: -10px; }
	.product_col ul, #content2 .product_col2 ul { list-style: none; padding: 10px 5px !important; }
	.product_col a, .product_col2 a	{ text-decoration: none; }
	.product_col li a, .product_col2 li a { padding-left: 10px; margin:0; display: block; background: url(../images/arrow.gif) no-repeat 0% 5px; font-size: 11px; }
	* html .product_col li a, *html .product_col2 li a { height: 1%; }
	.product_col a:hover, .product_col2 a:hover { text-decoration: underline; }

.product_col {  background:none;  _margin-left:-0px !important; margin-right:0px !important;  _background:none; height:520px\9;   }
.product_col_inner { background:none; _height:520px !important; _width:140px; _margin-left:-0px  _padding-left:0px !important; _background:none;   }

* html .product_col_inner	{ min-height:520px; *min-height:520px; _height: 100px; _background:none; } /* height: 100px; */
.product_col_inner	{ background: url(../images/bg_product_col_bot.jpg) no-repeat bottom left;  padding-left: 50px; _padding-left:0px; min-height: 500px; min-height:500px\9 !important; *min-height:520px; height:520px\9; _height:500px; }

#sidebar { position: relative; float: left; width: 200px; min-height: 400px;  }
* html #sidebar { height: 400px; }



#content3 { margin: 0 20px 0 30px; }
#content3 table { margin: 17px 0; }
#content3 .description { padding: 0 0 5px; }
#content3 ul { padding: 0 0 20px; }
#content3 li { margin-left: 25px; padding-bottom: 4px; }
#content3 .subhead { padding: 0; }

.product_form { padding-top: 21px; height: 35px; background: url(../images/bg_product_form.gif) no-repeat 50% 100%; }
	.product_form .by_brand, .product_form .by_product { padding: 1px; font-size: 11px; border: 1px solid #5d9216; }

.product { margin: 0 6px 0 0; float: left; width: 120px; }
	.product img { border: 1px solid #679923; }
	.product .blank { border: none; }
	.product a { font-weight: bold; font-size: 11px; }
	.product a:hover img { border-color: #333; }

.product_info { padding: 0 20px 0 0; width: 520px; float: left; }

.caption { margin: 0 0 0 10px; width: 200px; float: right; display: inline; }
	.caption img { border: 1px solid #5d9216; }
	.caption p { font-size: 11px; }

.related_files { width: 170px; float: left; }
	.related_files table th, .related_files table td { padding: 3px 0; font-size: 11px; vertical-align: top; }
	.related_files th { border-bottom: 1px solid #d5e476; }
	.related_files td { border-bottom: 1px solid #d5e476; }
		.related_files td img { vertical-align: top; }

.product_detail, .event_detail { width: 400px; clear: both; }
.page_products .product_detail, .page_products .event_detail { width: 713px; }
	.product_detail th, .event_detail th { padding: 0 4px; color: #fff; font-size: 11px; height: 20px; background: #d5e476; border-bottom: 1px solid #fff; }
		.product_detail th span.normal, .event_detail th span.normal { font-weight: normal; }
	.product_detail td, .event_detail td { padding: 4px 4px 4px 10px; height: 42px; vertical-align:middle; color: #000; font-size: 11px; background: #f5f9e0; border: 1px solid #fff; border-width: 0 1px 1px 0; }
        .page_products .product_detail td, .page_products .event_detail td { padding:4px; vertical-align: top;  }
		.product_detail td span, .event_detail td span { color: #666; }
	.product_detail .thumb, .event_detail .thumb { padding:4px; text-align: center; }
	.page_products .product_detail .thumb, .page_products .event_detail .thumb { padding:4px; text-align: center; }
		.product_detail .thumb img, event_detail .thumb img { border: 1px solid #5d9216; }
	.product_detail .product_name {}
	.product_detail .size { width: 45px; }
	.product_detail .dimension { width: 135px; }
	.product_detail .upc { width: 90px; }
	.product_detail .number { width: 65px; }
	.product_detail .last { border-right: none; }
	
	.event_detail { margin:0; }
	.event_detail td { padding:4px 10px; height:auto; }
	.event_detail th { text-align:left; }
	.event_detail .event_name {}
	.event_detail .event_date { width:130px; }
	.event_detail .event_location { width:150px; }
	.event_detail .event_moreinfo { width:90px; }
	
.product_col2 { min-height:149px; background: url(../images/bg_product_col_s.gif) no-repeat; }
	* html .product_col2 { height:149px; }

/* EMAIL A FRIEND PAGE
------------------------------------------------------------------------------------- */
.tools { position: relative; padding: 0 0 6px 0; font-size: 11px; text-align: right; }
	.tools .email_this { position:relative; margin-right: 10px; padding: 0 0 0 21px; text-decoration: none; background: url(../images/icon_mail.gif) no-repeat 0 1px; }
	.tools .print_this { position:relative; margin-right: 7px; padding: 0 0 0 19px; text-decoration: none; background: url(../images/icon_print.gif) no-repeat 0 1px; }

.animated .tools { position: absolute; top: 40px; left: -228px; }
	
#emailafriend { background:url(../images/bg_emailfriend.gif); }
#emailafriend h1 { font-family:Helvetica, Geneva, Arial, sans-serif; margin-top:5px; color:#FFF; }
#emailafriend input, #emailafriend textarea { width:170px; background:url(../images/bg_emailinput.gif); }
#emailafriend textarea { height:80px; background:url(../images/bg_emailtextarea.gif); }
#emailafriend #content { position:relative; width:380px; float:right; text-align:left; }
#emailafriend p { font-size:14px; color:#fbd52a; }
#emailafriend input.submit { width:127px; height:22px; border:none; background:none; }
#emailafriend table { position:absolute; }
#emailafriend table.one { top:50px; }
#emailafriend table.two { top:179px; }
#emailafriend table.three { top:286px; left:-10px; }
#emailafriend .top { vertical-align:top; }

#form_area form th, #form_area form td { padding: 2px 0; font-size: 12px; font-weight: bold; color: #777; }
#form_area form td.top { vertical-align: top; }
#form_area form td p { padding: 0; line-height: normal; }
 
#form_area form .check { margin: 0 4px 2px 0; vertical-align: middle; }
#form_area p.form_error  { color:#DFDFDF; }

/* POLL
------------------------------------------------------------------------------------- */  
  #surveyResult .surveyresult_main		{ width:640px; height:347px; text-align: right; background:url(../images/bg_pollresults.jpg) no-repeat; }
  #surveyResult table	{ float:right; width:350px; text-align:left; margin-right:30px; }
  #surveyResult td		{ border-bottom: 1px solid #FC3; padding: 4px; color:#FFF; font-size:14px; }
  #surveyResult th		{ padding: 6px 0; }
  #surveyResult td.name strong { font-size:20px; font-weight:normal; }
  #surveyResult .surveyresult_main th strong { font-size:20px; }
  #surveyResult td.last	{ border: 0; font-size: 10px; }
  #surveyResult h1		{ font-size: 25px; font-weight: bold; color: #FFF; padding: 0 0 15px;}
  #surveyResult strong	{ color:#FC3; }
  #surveyResult strong em { font-style:normal; color:#FFF; }

#alreadyVoted {color: red;}


form#zipPrompt input.submit  { vertical-align:top; }


/* FORMS
------------------------------------------------------------------------------------- */
.contentform td, #contact_form_block td { padding: 4px 3px; font-size: 12px; line-height: 18px; vertical-align: top; border-bottom: 1px solid #eee; }
.contentform td.noborder, #contact_form_block td.noborder { border: none; }
.contentform td.lft, #contact_form_block td.lft { font-weight: bold; color: #666; white-space: nowrap; }
.contentform .required, .contentform .required2, #contact_form_block .required, #contact_form_block .required2 { color: #f00; font-size: 12px; font-weight: bold; }
.contentform .required2, #contact_form_block .required2 { font-size:16px; }
.contentform td small, #contact_form_block td small { line-height: 11px; }
.contentform input, .contentform select, #contact_form_block input, #contact_form_block select { padding: 2px; border: 1px inset #999; }
.contentform input.checkbttn, .contentform input.checkbox, .contentform input.radiobutton, #contact_form_block input.checkbttn, #contact_form_block input.checkbox, #contact_form_block input.radiobutton { padding: 0; border: 0; }
.contentform input.checkbox, .contentform input.radiobutton, #contact_form_block input.checkbox, #contact_form_block input.radiobutton { margin-right:5px; }
.contentform input.formbttn, #contact_form_block input.formbttn { width:68px; height:22px; padding:0; color: #fff; font-weight: bold; font-size: 11px; background: #FC3 url(../images/btn_submit_poll.gif) no-repeat; border:none; cursor: pointer; }
.contentform .submit { border:none; padding:0; }

/* STORE LOCATOR
------------------------------------------------------------------------------------- */
.locator table { width: 320px; border: 1px solid #ccc; }
.locator p { padding: 10px 0; font-weight: bold; padding-left: 5px; font-size: 11px; }
.locator td, .locator th { padding: 6px 5px; font-size: 11px; }
.locator th { width: 60px; }
.locator input.textField { border: 1px solid #BE170D; padding: 2px; } 
.locator input, .locator select { font-size: 10px; }
.locator option { padding: 2px 10px 0 0; }
.locator .form_btn { font-size: 11px; color: #745d02; padding: 1px; }

.store_result { float:left; width: 450px; font-size: 11px; }
.store_result p { width: 100%; height: 18px; border-bottom: 1px solid #A5A5A5; }
.store_result p span.left { float: left; }
.store_result p span { float: right; }
.store_result p span span { float: none; color: #A5A5A5; padding: 0 3px; }
.store_result p span img { display: inline; }
.store_result p.noborder { border: 0; }

.store_result table { width: 100%; padding: 3px 0; }
.store_result table td {  border-bottom: 1px solid #BFBFBF; font-size: 11px; text-align: left; padding-bottom: 10px; }
.store_result table td.one { width: 260px; }
.store_result table td.one strong { font-size: 12px; }
.store_result table td.two { padding-top: 17px; }
.store_result table td.two strong { color: #A5A5A5; }
.store_result table td.three { padding-top: 34px; }

.store_result_logos { width:160px; float:left; margin-left:10px; padding-left:10px; border-left:1px solid #a5a5a5; }
.store_result_logos h2 { padding:0; height:30px; }
.store_result_logos p.stores { margin-top:10px; padding-top:0; width:130px; }
.store_result_logos p.stores img.reseller { margin-bottom:12px; padding-bottom:5px; border-bottom:1px solid #a5a5a5; }

/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
.hide { display: none; }
.clear { clear: both; }
.pdf { padding: 0 14px 0 0; background: url(../images/link_pdf.gif) no-repeat 100% 2px; }

.floatleft { float: left; position: relative; }
.floatright { float: right; position: relative; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }

h3 { font-size: 16px; letter-spacing: -1px; color: #666; font-family: helvetica, arial, sans-serif; }
.related_files h3 { color: #5d9216; }
.product_col h3 { font-size: 18px; line-height: 18px; font-family: helvetica, arial, sans-serif; }

h4 { font-size: 12px; }

.quicktime { background: url(../images/quicktime.gif) no-repeat left bottom;  padding-left: 20px; }

select option { padding: 2px 5px 2px 2px; }

.twocolfloat1 { width:65%; margin:0 5px 10px 0; float: left; }
.twocolfloat2 { width:30%; margin:0 0 10px 0; float: left; }
* html .twocolfloat1 { width: 60%; margin:0 0 10px 0; float: left; }
* html .twocolfloat2 { width: 20%; margin:0 0 10px 0; float: left; }

/* show hide
------------------------------------------------------------------------------------- */
.toggle { padding-left:18px; cursor:pointer; background:url(../images/bg-plus.png) no-repeat 0 1px; }
.toggle-box-js { display:none; }
.open { display:block; }
.minus { background:url(../images/bg-minus.png) no-repeat 0 1px; }

/* HEADERS USING sIFR
------------------------------------------------------------------------------------- */
#h_main .h_events h1, #h_main .h_poll h1 { color: #fe4600; font: bold 20px helvetica, arial, sans-serif; }
#h_main .h_highlights .h_article h1 { margin-left: 119px; color: #5d9216; font: bold 20px helvetica, arial, sans-serif; letter-spacing: -1px; }

#s_main h2 { clear: both; font-size: 18px; color: #231f20; font-family: helvetica, arial, sans-serif; }

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #h_main .h_events h1, .sIFR-hasFlash #h_main .h_poll h1 { visibility: hidden; }
.sIFR-hasFlash #s_main h2 { visibility: hidden; }

/*** sidebar flash **/
#sidebar_flash { position: absolute; top: -119px; right: 0; width: 300px; height: 775px; }

body.animated_tall #animated_footer_wrap #footer { position:relative; top:0px;  }
body.animated_tall .product_col_inner { background:none !important; *background:url("../images/bg_product_col_bot.jpg") no-repeat scroll 0 488px transparent; _background:none; } /* background:url("../images/bg_product_col_bot.jpg") no-repeat scroll 0 465px transparent; background:url("../images/bg_product_col_bot.jpg") no-repeat scroll 0 488px transparent; */

/* FANCYBOX (JQUERY) OVERLAY CONTROL
------------------------------------------------------------------------------------- */
#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-20px; margin-left:-20px; width:40px; height:40px; display:none; cursor:pointer; overflow:hidden; z-index:1104; }
* html #fancybox-loading { position:absolute; margin-top:0; }

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

#fancybox-overlay { position:fixed; top:0; left:0; bottom:0; right:0; display:none; background:#000; z-index:1100; }
* html #fancybox-overlay { position:absolute; width:100%; }

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

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

#fancybox-outer { position:relative; width:100%; height:100%; background:#fff; }
#fancybox-inner { position:absolute; top:0; left:0; margin:0; padding:0; width:1px; height:1px; 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; display:none; background:url(../images/fancy_close.png) no-repeat 0 0 !important; cursor:pointer; z-index:1103; }

#fancybox_error { margin:0; padding:7px; color:#444; font:normal 12px/20px arial,sans-serif; }

#fancybox-content { padding:0; margin:0; height:auto; width:auto; }
#fancybox-img { margin:0; padding:0; width:100%; height:100%; line-height:0; vertical-align:top; outline:none; border:none; -ms-interpolation-mode:bicubic; }
#fancybox-frame { position:relative; width:100%; height:100%; display:block; border:none; }
#fancybox-title { position:absolute; bottom:0; left:0; font:normal 12px/14px arial-sans-serif; z-index:1102; }

.fancybox-title-inside { padding:10px 0; color:#333; text-align:center; }
.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; display:block; background-image:url(../images/fancy_title_over.png); }
#fancybox-title-wrap { display:inline-block; }
#fancybox-title-wrap span { height:32px; float:left; }

#fancybox-title-left { padding-left:15px; background:url(../images/fancybox.png) no-repeat -40px -90px; }
#fancybox-title-main { color:#fff; font-weight:bold; line-height:29px; background-image:url(../images/fancybox-x.png); background-position:0 -40px; }
#fancybox-title-right { padding-left:15px; background:url(../images/fancybox.png) no-repeat -55px -90px; }

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

#fancybox-left-ico, #fancybox-right-ico { position:absolute; top:50%; left:-9999px; margin-top:-15px; width:30px; height:30px; display:block; cursor:pointer; z-index:1102;}
#fancybox-left-ico { background-image:url(../images/fancybox.png); background-position:-40px -30px; }
#fancybox-right-ico { background-image:url(../images/fancybox.png); background-position:-40px -60px; }

#fancybox-left:hover, #fancybox-right:hover { visibility:visible; }
#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(../images/fancybox-x.png); }
#fancy-bg-ne { top:-20px; right:-20px; background-image:url(../images/fancybox.png); background-position:-40px -162px; }
#fancy-bg-e { top:0; right:-20px; height:100%; background-image:url(../images/fancybox-y.png); background-position:-20px 0; }
#fancy-bg-se { bottom:-20px; right:-20px; background-image:url(../images/fancybox.png); background-position:-40px -182px; }
#fancy-bg-s { bottom:-20px; left:0; width:100%; background-image:url(../images/fancybox-x.png); background-position:0 -20px; }
#fancy-bg-sw { bottom:-20px; left:-20px; background-image:url(../images/fancybox.png); background-position:-40px -142px; }
#fancy-bg-w { top:0; left:-20px; height:100%; background-image:url(../images/fancybox-y.png); }
#fancy-bg-nw { top:-20px; left:-20px; background-image:url(../images/fancybox.png); background-position:-40px -122px; }

/* IE */
#fancybox-loading.fancybox-ie div	{ background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
* html #fancybox-close {background-image:url(../images/fancy_close-ie6.png) !important; }

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

.fancybox-ie #fancybox-left-ico { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='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='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }