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

/* dynamic css */

              
                  


/*----------  BODY, CONTAINER AND TOOLS  ------------*/

html { background-color:#000000; height:100%; }

body { margin: 0; padding: 0; font-size: 76%; font-family: georgia, arial, sans-serif;  no-repeat center 38px; height:100%; }

a img { border: none; }

h2 font {
	color:#FFF !important;
	font-size:14px !important;
}
p font {
	color:#FFF !important;
	font-size:10px !important;
}

/* tools */
.replace { position:relative; margin: 0; padding: 0; overflow: hidden; }
.replace span { display: block; float: left; position: absolute; top: 0; left: 0; z-index: 100; }
.replace a { cursor: pointer; cursor: hand; }
.clear { clear: both; }

/* clear fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

h1#logonav { position: absolute; top: 520px; left: 40px; width: 79px; height: 79px; margin: 0; padding: 0 0 0 0px; z-index: 200; overflow: hidden; font-size: 12px; }
h1#logonav span { background: url(../images/logo_zubrance.png) no-repeat 0 0;  width: 79px; z-index: 200; height: 79px; behavior: url(../iepngfix.htc); }



/* container div */
div#header_container { position: relative; width: 960px; margin: 0 auto; background: #000000; margin-top:3px; }
div#main_container { position:absolute;  width:100%; top:130px;  margin:0px; padding:0px; left:0; z-index:100; }
div#content_container { margin:0 auto; width:960px; position:relative; display:block; border:0px solid #000;  
   min-height:470px;
   height:inherit;
   margin-top:1px;
   }
   
   div#zub_logo { margin:0 auto; width:79px; position:absolute; display:block; border:0px solid #000;
  filter:alpha(opacity=100); 
   -moz-opacity: 1.0; 
   opacity: 1.0;
   height:79px;
   top:271px;
   left:30px;

   background-image:url(../images/logo_zubrance.png);
   background-repeat:repeat-x;
   background-position:top;
   }
   
   #lang_buttons{
   border:0px solid #000;
   float:left;
   display:block;
   }
   
   /* menu container div */
div#menu_container{
  	margin:0 auto;
	width:960px;
	position:relative;
	height:35px;
	border-top:1px solid #fff;
	border-bottom:0px solid #fff;
	top: 90px !important;
	color:#FFFFFF;
   }
   
   div#menu_container a{
   color:#000000;
   font-size:13px;
   padding: 2px 2px 2px 2px;
   }
   
   div#menu_indexcontainer{
   margin:0 auto;
   width:960px;
   position:absolute;
   display:block;
   top:300px;
   border:0px solid #000;  
   height:106px;  
   }
   
   ul.menu { list-style:none;
	margin:0px;
	padding-left:0px;
	border:0px solid #000;
	margin-left:0px;
	
	}
	
	ul.menu li a{ 
	font-size:14px;
	padding-left:0px;
	margin-bottom:5px;
	padding-top:0px;
	display:block;
	text-decoration:none;
	list-style:none;
	
	} 
	
	ul.menu li.selected a{ 
	font-size:14px;
	padding-left:0px;
	font-weight:bold;
	margin-bottom:5px;
	padding-top:0px;
	display:block;
	text-decoration:none;
	list-style:none;
	} 

/*----------  HEADER  ------------*/

div#header { float: left;  width: 100%; height: 38px; z-index: 200; }
div#printheader { display: none; }

/* logos */


/* secondary navigation */
div#secnav { float:left; width:256px; margin:-468px 0 0 14px; display:inline; position:relative; }
div#secnav_shadow { width: 250px; padding: 0 0 0 6px; background: url(../images/secnav_shadow.png) repeat-y 0 0; behavior: url(../iepngfix.htc); z-index: 200; }
div#secnav_bsk_shadow { width: 250px; padding: 0 0 0 6px; background: url(../images/secnav_shadow.png) repeat-y 0 0; behavior: url(../iepngfix.htc); z-index: 200; }
div#secnav_inner { width: 243px; background: url(../images/secnav_bg.jpg) repeat-y 0 -92px; padding: 0;  border-bottom: 1px solid #e2d6bd; }
div#secnav_bottom { width: 243px; height: 8px; background: url(../images/secnav_shadow_bottom.png) repeat-x top; behavior: url(../iepngfix.htc); }
div#secnav_bottom_nobasket { width: 250px; height: 8px; margin: 0 0 0 3px; background: url(../images/secnav_shadow_bottom.png) repeat-x top center; behavior: url(../iepngfix.htc); }
p#secnav_tabs { margin: 0; }
div#secnav_minheight { width:256px; min-height:468px; height:auto !important; height: 468px; }


/* shopping basket */
div#basket { float: left; display: inline; width: 243px; padding: 0px 0 20px 0; background: url(../images/secnav_bg.jpg) repeat-y; }
div#basket p { padding: 0px 20px; }
div#basketbox { float: left; position: relative; width: 243px; background: #f6edd8 url(../images/secnav_basket_top.gif) no-repeat top; padding: 12px 0 0 0; }
div#basketbox h3 { font-size: 1.2em; color: #58523f !important; font-weight: normal; margin: 0px 20px 5px; padding: 0;  } 
div#basketbox_bottom { float: left; width: 243px; height: 8px; background: #f6edd8 url(../images/secnav_basket_bottom.gif) no-repeat bottom; padding: 12px 0 0 0; }
div.basketitem { float: left; position: relative; width: 203px; margin: 0 0 0 20px; padding: 5px 0; border-bottom: solid 1px #d5c5a7; cursor: move; }
div.basketitem img { float: left; }
div.basketitem p { float: left; font-family: arial, sans-serif; font-size: 0.9em; color: #58523f; font-weight: bold; padding: 0 !important; margin: 0 0 0 10px; }
div#basketbox a.minus { float: left; display: block; width: 18px; height: 18px; margin: 0 4px 0 0; background: url(../images/basket_minus.gif) no-repeat; text-indent: -9000px; outline: none; } 
div#basketbox a.plus { float: left; display: block; width: 18px; height: 18px; margin: 0 4px 0 0; background: url(../images/basket_plus.gif) no-repeat; text-indent: -9000px; outline: none; }
div#basketbox span.itemnum { float: left; display: block; width: 18px; height: 18px; margin: 0 4px 0 0; background: url(../images/basket_itemnum_bg.gif) no-repeat; color: #fff; line-height: 1.6em; text-align: center; font-size: 0.9em; }
div#basketbox p.itemprice { width: 70px; margin: 8px 0 0 0; text-align: right; }

/* secondary nav tabs */
a#tab_account { display: block; float: left; width: 113px; height: 38px; margin: 0; background: url(../images/secnav_account.png) no-repeat; behavior: url(../iepngfix.htc); text-indent: -9000px; }
a#tab_account.on { background: url(../images/secnav_account_on.png) no-repeat; }
a#tab_basket { display: block; float: left; width: 143px; height: 38px; background: url(../images/secnav_basket.png) no-repeat; behavior: url(../iepngfix.htc); text-indent: -9000px; }
a#tab_basket.on { background: url(../images/secnav_basket_on.png) no-repeat; }

/* basket totals */
p#baskettotal { float: left; width: 84px; padding: 0px 0 0 20px !important; margin: 10px 0; font-family: arial; color: #242112; }
p#basketprice { float: left; width: 115px; text-align: right; font-family: arial; font-size: 1em; color: #58523f; padding: 0 !important; margin: 10px 0; }
p#basketprice span { font-size: 1.2em; font-weight: bold; }
input#showitems { margin: 0 3px 0 0; outline: none; }
input#checkout { outline: none; }

/* primary navigation */
ul#nav { display: inline; float: left; list-style-type: none; margin: 6px 0 0 295px; padding: 0; }
ul#nav a:hover span { background-position: 0 -11px; }
ul#nav li { display: block; float: left; margin: 0 10px 0 0; padding: 8px 6px 0px 6px; height: 11px; }
ul#nav li.on { padding: 0px; }
ul#nav li.on a:hover span { background-position: 0; }
ul#nav li a { outline: none; padding: 0; height: 11px; line-height: 11px; color: #fff; cursor: pointer; }
li#shop a { display: block; background: url(../images/nav_shop.gif) no-repeat top center; width: 35px; height: 11px; }
li#shop span { background: url(../images/nav_shop.gif) no-repeat top center; width: 35px; height: 11px; }
li#shop.on a { display: block; background: url(../images/nav_shop_on.gif) no-repeat center; width: 63px; height: 24px; }
li#shop.on span { background: url(../images/nav_shop_on.gif) no-repeat center; width: 63px; height: 24px; }
li#products a { display: block; background: url(../images/nav_products.gif) no-repeat top center; width: 69px; height: 11px; }
li#products span { background: url(../images/nav_products.gif) no-repeat top center; width: 69px; height: 11px; }
li#products.on a { display: block; background: url(../images/nav_products_on.gif) no-repeat center; width: 95px; height: 24px; }
li#products.on span { background: url(../images/nav_products_on.gif) no-repeat center; width: 95px; height: 24px; }
li#homefarm a { display: block; background: url(../images/nav_homefarm.gif) no-repeat top center; width: 81px; height: 11px; }
li#homefarm span { background: url(../images/nav_homefarm.gif) no-repeat top center; width: 81px; height: 11px; }
li#homefarm.on a { display: block; background: url(../images/nav_homefarm_on.gif) no-repeat center; width: 106px; height: 24px; }
li#homefarm.on span { background: url(../images/nav_homefarm_on.gif) no-repeat center; width: 106px; height: 24px; }
li#kitchen a { display: block; background: url(../images/nav_kitchen.gif) no-repeat top center; width: 60px; height: 11px; }
li#kitchen span { background: url(../images/nav_kitchen.gif) no-repeat top center; width: 60px; height: 11px; }
li#kitchen.on a { display: block; background: url(../images/nav_kitchen_on.gif) no-repeat center; width: 87px; height: 24px; }
li#kitchen.on span { block; background: url(../images/nav_kitchen_on.gif) no-repeat center; width: 87px; height: 24px; }
li#recipes a { display: block; background: url(../images/nav_recipes.gif) no-repeat top center; width: 55px; height: 11px; }
li#recipes span { background: url(../images/nav_recipes.gif) no-repeat top center; width: 55px; height: 11px; }
li#recipes.on a { display: block; background: url(../images/nav_recipes_on.gif) no-repeat center; width: 80px; height: 24px; }
li#recipes.on span { block; background: url(../images/nav_recipes_on.gif) no-repeat center; width: 80px; height: 24px; }
li#news a { display: block; background: url(../images/nav_news.gif) no-repeat top center; width: 87px; height: 11px; }
li#news span { background: url(../images/nav_news.gif) no-repeat top center; width: 87px; height: 11px; }
li#news.on a { display: block; background: url(../images/nav_news_on.gif) no-repeat center; width: 112px; height: 24px; }
li#news.on span { background: url(../images/nav_news_on.gif) no-repeat center; width: 112px; height: 24px; }
li#about a { display: block; background: url(../images/nav_about.gif) no-repeat top center; width: 96px; height: 11px; }
li#about span { background: url(../images/nav_about.gif) no-repeat top center; width: 96px; height: 11px; }
li#about.on a { display: block; background: url(../images/nav_about_on.gif) no-repeat center; width: 121px; height: 24px; }
li#about.on span { background: url(../images/nav_about_on.gif) no-repeat center; width: 121px; height: 24px; }

/* search box */
div#search { float: right; width: 140px; height: 20px; background: url(../images/search_bg.gif) repeat-x right; margin: 8px 0 0 20px;  }
label#searchlabel { float: left; display: block; width: 26px; height: 20px; margin: 0; padding: 0; overflow: hidden; font-size: 8px; }
label#searchlabel span { float: left; display: block; background: url(../images/search_left.gif); width: 26px; height: 20px; margin: 0; padding: 0; }

div#page_chooser { font-family: arial, sans-serif; color: #c2b092; font-weight:bold; border-top:1px solid #d8cbb4; margin:27px 0 5px 0; padding:14px 0 0 0; min-height:90px; height: auto !important; height:90px; }
div#page_chooser b { color: #997d4e; }
div#page_chooser a { font-family: arial, sans-serif; color:#c2b092; }
div#page_chooser a:hover { color:#997d4e; }
div#page_chooser a.p_select{ text-decoration: none; }
a.previous { float: left; display: block; width: 65px; height: 23px; margin:0 7px 0 0; background: url(../images/button_previous.gif); text-indent: -9000px; outline: none; }
a.next { float: left; display: block; width: 65px; height: 23px; margin:0 0 0 7px; background: url(../images/button_next.gif); text-indent: -9000px; outline: none; }
div#pages { float:left; padding:3px 0 0 0; }

/* tooltips */
div.tooltip { display: none; position: absolute; top: 18px; left: 210px; width: 226px; height: 105px; padding: 8px 20px 20px 35px; background: url(../images/tooltip_bg.png) no-repeat; behavior: url(../iepngfix.htc); z-index: 300; }
div.tooltip p { font-family: arial, sans-serif; font-size: 0.9em !important; padding: 0 !important; }




/*----------  GENERIC CONTENT  ------------*/



* html div.content {
    height:340px;
}

/* middle nav tabs */
ul#middlenav { float: left; position: relative; display: inline; list-style-type: none; height: 39px; margin: -39px 0 0 290px; padding: 0; z-index: 100; }
ul#middlenav li { float: left; height: 39px; margin: 0; padding: 0; }
ul#middlenav li a { float: left; display: block; height: 28px; padding: 11px 0 0 15px; outline: none; text-decoration: none; font-size: 1.6em; line-height: 1.2em; behavior: url(../iepngfix.htc); }
ul#middlenav li span { float: left; display: block; width: 19px; height: 39px; behavior: url(../iepngfix.htc); }
ul#middlenav li.off a { background: url(../images/tab_bg_off.png) no-repeat bottom left; color: #fff !important; }
ul#middlenav li.off span { background: url(../images/tab_right_off.png) no-repeat bottom right; }
ul#middlenav li.on a { background: url(../images/tab_bg_on.png) no-repeat bottom left; color: #413f34; }
ul#middlenav li.on span { background: url(../images/tab_right_on.png) no-repeat bottom right; }

/* generic content stylings */
img.leftimage { float: left; margin: 20px 40px 20px 0;
	*behavior: url(../iepngfix.htc);
}
p.righttext { float: left; width: 180px; padding: 0; margin: 0; }
 
/* generic styled textbox */
div.textbox { float: left; width: 274px; height: 20px; background: url(../images/textbox_bg.gif) repeat-x right; margin: 8px 0 0 0px;  }
label.textboxlabel { float: left; display: block; width: 15px; height: 20px; background: url(../images/textbox_left.gif); margin: 0; padding: 0; overflow: hidden; font-size: 8px; }
input.textbox { float: left; display: block; background: #fff; width: 223px; height: 14px; font-family: arial, sans-serif; font-size: 11px; margin: 3px 0 2px 1px; padding: 0; border: none; }
input.submitbutton { float: left; width: 35px; height: 20px; }

/* generic feature boxes */
div.content .column { float: left; width: 180px; margin: 20px 40px 20px 0px; padding: 0; }
div.content .columnhalf { float: left; width: 290px; margin: 20px 40px 20px 0px; padding: 0; }
a.readstory { display: block; width: 98px; height: 23px; background: url(../images/button_readstory.gif); text-indent: -9000px; outline: none; }




/* the slide */
div#slidearrows { float: left; position: relative; padding: 0 0 20px; clear: both; }
div#featureslide { float: left; position: relative; background-color:#FFFFFF; width: 960px; padding: 0 0 0 0px !important; overflow: hidden; clear: both; z-index: 50; display:block;  }
div#featureslide.home {  background: transparent; margin: 0 0 0 0; }

#footer{
	border:0px solid #000;
	float:left;
	display:block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	}

#footer_text{
	float:left;
	display:block;
	text-align:right;
	margin-top:30px;
	vertical-align:middle;
	padding: 10px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	}
	
.footer_left{
	float:left;
	display:block;
	text-align:leftt;
	height:70px;
	margin-right:10px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#footer_links{
	float:right;
	display:block;
	text-align:right;
	height:70px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear:both;
	}
	
div#middle_shadow_bottom{
	float: left;
	width: 100%;
	height: 24px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	behavior: url(../iepngfix.htc); clear: both;
	}

/* slide feature boxes (again this could be reused) */
div.slide { float: left; position: relative; width: 12000px; clear: both;}
.slide_cell { float: left; position: relative; width: 960px; height:470px; margin:0px; padding:0px;  overflow:hidden; left:0px;}
div.slide img { float: left; margin: 0; }
div.slide .column { float: right; position: relative; width: 240px; min-height: 390px;  margin: 30px 0px 0px; 0px; padding: 10px 20px 0 20px; border-right: 0px solid #d3c4b5; overflow:hidden;}

div.slide .column.third {  width: 275px;   margin-right:30px; margin-bottom:200px; margin-left:485px; border:0px solid #fff;

 filter:alpha(opacity=80); 
   -moz-opacity: 0.8; 
   opacity: 0.8;
   background:#333333;
   }
div.slide .column.section { margin: 20px 0 0 20px; border-right: 1px solid #d3c4b5;  width: 120px; }
div.slide h2 { margin: 0 0 10px 0; color: #0a0a0a; font-weight: normal; }
div.slide p { color: #fff; font-size: 0.9em; margin:0;padding:0;}
div.slide img.feature { padding: 0 20px 0 0px; }

/* #a.learnmore { float: left; display: block; width: 98px; height: 23px; background: url(../images/button_learnmore.gif); text-indent: -9000px; outline: none; }
*/
a.learnmore { position:absolute;top:105px;right:40px; width: 98px; height: 23px; background: url(../images/button_learnmore.gif); text-indent: -9000px; outline: none; }



/* dashed product tile boxes */
div.tileboxrow { float: left; width: 668px; margin: 0; clear: both; border-bottom: 1px dashed #bebdbb; }
div.tileboxrow.first { margin: 20px 0 0 0; padding: 0; }
div.tileboxrow.last { margin: 0 0 20px 0; border-bottom: none; }
div.tileboxrow.single { margin: 20px 0 20px 0; padding: 0; border-bottom: none; }
div.tilebox { float: left; position: relative; overflow:hidden; width: 194px; height: 254px; padding: 20px 12px 20px 12px; margin:0; border-right: 1px dashed #bebdbb; text-align: center; }
div.tilebox.small { height: 130px; text-align: left; }
div.tilebox.small p { margin: 0 0 1em 0; }
div.tilebox h3 { line-height: 20px; }
div.tilebox h3 a { color: #58523f !important; text-decoration: none !important; }
div.tilebox.last { border-right: none; }
div.tilebox p { margin: 0; }

div.tilebox p a { text-decoration: none; text-transform: uppercase; }
div.tilebox img { margin: 0 0 5px 0; }
a.buyonline { position: absolute; top: 0; left: 132px; width: 74px; height: 76px; background: url(../images/buyonline.png) no-repeat 0 0; text-indent: -9000px; outline: none; behavior: url(../iepngfix.htc); z-index: 200; cursor: pointer; cursor: hand; }

/* form */
fieldset.default { border: none; float: left; width: 657px; background: #faf5ea url(../images/form_top.gif) no-repeat top center; margin: 20px 0 30px; padding: 10px 0 0 0 ; clear: both; }
fieldset.default form { float: left; width: 617px; border-left: 1px solid #e8e4d7; border-right: 1px solid #e8e4d7; padding: 10px 20px; }
fieldset.default label.formelement { float: left; width: 150px; margin: 2px 20px 10px 2px; text-align: right; clear: left; font-size: 0.9em; font-family: arial, sans-serif; color: #4f4f4f; }
fieldset.default input.formelement { float: left; width: 250px; padding: 2px; margin:2px 0; border: 1px solid #c4bdaa; font-size: 1em; font-family: arial, sans-serif; }
fieldset.default select.formelement { float: left; padding: 2px; margin:2px 0; border: 1px solid #c4bdaa; font-size: 1em; font-family: arial, sans-serif; }
fieldset.default textarea.formelement { float: left; width: 350px; height: 80px; padding: 2px; margin:2px 0; border: 1px solid #c4bdaa; font-size: 1em; font-family: arial, sans-serif; }
fieldset.default div.formelement { float: left; width: 350px; height: 80px; padding: 2px; border: 1px solid #c4bdaa; font-size: 1em; font-family: arial, sans-serif; overflow: auto; }

fieldset.default div.formbox { width: auto; text-align:left; margin: 0; padding: 0 0 10px 0; }
fieldset.press div.formbox { width: auto; text-align:left; margin: 0; padding: 0 0 10px 0;  border-right: 1px solid #efeadd; border-left: 1px solid #efeadd;}
fieldset.default div.formbox div { width: 617px;text-align:left; margin: 0 auto; padding: 10px 0; border-bottom: 1px solid #efeadd; }
fieldset.default div.formbox div.white{ background: #fff; padding: 20px 0; }

fieldset.default input.formelement.error, fieldset.default select.formelement.error, fieldset.default textarea.formelement.error { background: #faebe8; border: 1px solid #c93609; }
fieldset.default p.error { margin: 0 0 0 170px; clear: left; font-size: 0.9em; font-family: arial, sans-serif; color: #c93609; }
fieldset.default p.small { margin: 0 0 0 170px; clear: left; font-size: 0.9em; font-family: arial, sans-serif; color: #999999; }
fieldset.default input.button { float:left; margin: 10px 0 0 170px; clear: both; }
fieldset.default input.checkbox { float: left; padding: 2px; clear: left; margin: 10px 10px 0 170px; font-size: 1em; font-family: arial, sans-serif; }
fieldset.default label.checkboxlabel { float: left; width: 320px; margin: 10px 20px 0 0; font-size: 0.9em; font-family: arial, sans-serif; color: #999999; }
fieldset.default label strong { color: #333; }
fieldset.default div.formbottom { float: left; width: 657px; height: 17px; background: url(../images/form_bottom.gif) no-repeat bottom; }

/* styled links */
a.downloaddoc { display: block; width: 172px; height: 64px; background: url(../images/button_downloaddoc.gif) no-repeat; margin: 20px 0; }
a.downloaddoc span { display: block; width: 172px; height: 64px; background: url(../images/button_downloaddoc.gif) no-repeat; }
a.ourstory { display: block; width: 98px; height: 23px; background: url(../images/button_ourstory.gif); text-indent: -9000px; outline: none; }

/* styled slider scrollbar */
div.slider { position: relative; width: 635px; height: 16px; margin: 0; top: 126px; padding: 1px; background: url(../images/slider_bg.gif) no-repeat; z-index: 200; }
div.handle { position: absolute; cursor: move; height: 14px; width: 274px; top: 1px; background: url(../images/slider.gif) no-repeat center; z-index: 300; }
div.slider_small { position: relative; width: 253px; height: 16px; margin: 0; top: 124px; padding: 1px; background: url(../images/slider_small_bg.gif) no-repeat; z-index: 200; }
div.handle_small { position: absolute; width: 140px; height: 14px; top: 1px; background: url(../images/slider_small.gif) no-repeat center; z-index: 300; }
div.slider a, div.slider_small a { text-decoration:none; outline:none; }

/*----------  HOME PAGE  ------------*/

/* arrows for header images */ 
a#home_arrow_left { position: absolute; top: 38px; left: 0; display: none; width: 225px; height: 430px; padding: 0; text-indent: -9000px; outline: none; z-index: 100; behavior: url(../iepngfix.htc); }
a#home_arrow_left.active { background-position: 0 -430px; }
a#home_arrow_right { position: absolute; top: 38px; left: 773px; display: block; width: 225px; height: 430px; padding: 0; text-indent: -9000px; outline: none; z-index: 100; behavior: url(../iepngfix.htc); }
a#home_arrow_right.active { background-position: 0 -430px; }


/* header images */
div#headerimage { float: left; position: relative; width: 960px; height: 500px; border:0px solid #000;  top:130px; overflow: hidden; clear: both; z-index: 50; padding:0px; margin:0px; border-top:1px solid #000;  }
div#headerimage_med { float: left; width: 960px; height: 332px; overflow: hidden; clear: both; z-index: 50; }
div#headerimage_short { float: left; width: 960px; height: 126px; overflow: hidden; clear: both; z-index: 50; }

/* home page nav tabs */
ul#homenav{
	float: left;
	position: absolute !important;
	top:0px !important;
	left:0px;
	display: inline;
	list-style-type:none;
	padding: 8px 0px 0px 0px;
	height: 37px;
	z-index: 100;
	width:960px;
	border:0px solid #fff;
	margin:0px;
	}
	
ul#homenav li{
	float: left;
	display: block;
	padding: 3px 0;
	outline: none;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.0em;
	background: #FFFFFF;
	margin: 2px;
	width: 83px;
	text-align: center;
	}
	
ul#homenav li a {   }
ul#homenav li a:hover { cursor: pointer; }


/* home page main content area */
div.content.home { width: 638px; background: #fbf8f0; padding: 0; margin:0px 20px 20px 0 !important; }
div#sidefeature { float: left; width: 280px; min-height: 200px; margin: 0; padding: 0 0 0 40px; background: #fbf8f0; }
div#navsidefeature { float: left; width: 280px; margin: 60px 0 0 0; padding: 0; /*background: #fbf8f0;*/ }
div#sidefeature img, div#navsidefeature img { margin: 0 0 10px 0;  }

/* home images */

div#hi_page1 { float: left; width: 960px; height: 600px; }
div#hi_page1 span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_page2 { float: left; width: 960px; height: 600px; }
div#hi_page2 span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_page3 { float: left; width: 960px; height: 600px; }
div#hi_page3 span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_page4 { float: left; width: 960px; height: 600px; }
div#hi_page4 span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_page5 { float: left; width: 960px; height: 600px; }
div#hi_page5 span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_page6 { float: left; width: 960px; height: 600px; }
div#hi_page6 span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_page7 { float: left; width: 960px; height: 600px; }
div#hi_page7 span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_page8 { float: left; width: 960px; height: 600px; }
div#hi_page8 span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_page9 { float: left; width: 960px; height: 600px; }
div#hi_page9 span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_page10 { float: left; width: 960px; height: 600px; }
div#hi_page10 span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_page11 { float: left; width: 960px; height: 600px; }
div#hi_page11 span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}


div#hi_page1 a, div#hi_page2 a, div#hi_page3 a { display:block; position:absolute; left:0px; top:0px; width:960px; height:600px; z-index:200; }



div.slide .scrollfooter {  width: 960px; margin-left:0px; border:0px solid #fff;
	position: absolute; top: 480px; 
   background:#000000;
   z-index: 999 !important;
   }