/* screen css */

/* common tag styles */

body{ 
    background: #ffffff url(../images/bk_background.jpg) no-repeat;
    
    font-family: Arial ;
    font-size: 10pt;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 975px; 
    height: 200px;
}

h2{ color: #A10D32; font-size: 14pt;  margin: 0 0 20px 0;  }
h2.title{ padding: 0 0 20px 40px; margin: 0 0 0 0; }

h3{ color: #A10D32; font-size: 12pt; margin: 0 0 8px 0;  }

h4{ font-weight: bold; font-size: 10pt;  margin: 0  0 8px 0;  }

p{ padding: 0 ; margin: 0 0 8px 0;  }
 
img{ border: none; }

a		{text-decoration: none; color: #CC0000; }
a:hover	{text-decoration: none; color: #FF9900; }
.clear	{clear: both;}

/* common page classes */

.bigger{font-size:11pt}

img.logo{
    position: absolute;
    top: 25px;
    left: 745px;
}

div.page{
    width: 985px;
}

div.page div.left{
    float: left;    
    width: 280px;
    /* height: 500px; */
    padding: 20px 0 0 0;
}

div.page div.main{
    margin: 0 0 0 280px;
}

div.page div.main div.wrapper{ padding: 140px 0 0 0px; }


/*  -- footer styles --  */

div.footer{
	clear: both;
    background: url(../images/bk_footer.gif) no-repeat right top;
    font-size: 10px;
    margin: 20px 0 0 300px;
	width: 650px !important;
}

div.footer div.rights{ float: left; width: 500px; font-family:Arial, Helvetica, sans-serif; color:#000000; padding: 50px 0 0 0;}
div.footer div.legal{ font-size: 10pt ; height: 70px;  width: 170px; float: right; text-align: right; padding: 0px 0 0 0;}

/* -- menu/navigation styles -- */


/* left menu styles */
div.left-menu ul{
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
    list-style: none;
    cursor: pointer;    
}
div.left-menu div.main-menu{ padding: 0 0 20px 0; }
div.left-menu div.main-menu ul li{ height: 21px; }
div.left-menu div.main-menu ul li a div{ width: 180px; height: 21px; margin: 0 0 0 0; padding: 0; }

/* home */
li#menu_home div.default{  background: url( ../images/bk_menu_home.gif) no-repeat;}
li#menu_home div.highlight,
li#menu_home div.selected{  background: url( ../images/bk_menu_home_on.gif) no-repeat;}

/* menu */
li#menu_menu div.default{  background: url( ../images/bk_menu_menu.gif) no-repeat;}
li#menu_menu div.highlight,
li#menu_menu div.selected{  background: url( ../images/bk_menu_menu_on.gif) no-repeat;}

/* nutrition */
li#menu_nutrition div.default{  background: url( ../images/bk_menu_nutrition.gif) no-repeat;}
li#menu_nutrition div.highlight,
li#menu_nutrition div.selected{  background: url( ../images/bk_menu_nutrition_on.gif) no-repeat;}

/* find */
li#menu_find div.default{  background: url( ../images/bk_menu_find.gif) no-repeat;}
li#menu_find div.highlight,
li#menu_find div.selected{  background: url( ../images/bk_menu_find_on.gif) no-repeat;}

/* latest */
li#menu_latest div.default{  background: url( ../images/bk_menu_latest.gif) no-repeat;}
li#menu_latest div.highlight,
li#menu_latest div.selected{  background: url( ../images/bk_menu_latest_on.gif) no-repeat;}

/* offers */
li#menu_offers div.default{  background: url( ../images/bk_menu_offers.gif) no-repeat;}
li#menu_offers div.highlight,
li#menu_offers div.selected{  background: url( ../images/bk_menu_offers_on.gif) no-repeat;}

/* company */
li#menu_company div.default{  background: url( ../images/bk_menu_company.gif) no-repeat;}
li#menu_company div.highlight,
li#menu_company div.selected{  background: url( ../images/bk_menu_company_on.gif) no-repeat;}

/* careers */
li#menu_careers div.default{  background: url( ../images/bk_menu_career.gif) no-repeat;}
li#menu_careers div.highlight,
li#menu_careers div.selected{  background: url( ../images/bk_menu_career_on.gif) no-repeat;}

/* left navigation styles (sub-menu) */

div.left-menu div.sub-menu{ padding: 0 0 0 10px; font-size: 8pt; }
div.left-menu div.sub-menu ul{ padding: 0 0 0 10px;  }
div.left-menu div.sub-menu ul li{ padding: 2px 0 2px 0; }
div.left-menu div.sub-menu ul li{ width: 200px;}
div.left-menu div.sub-menu ul li a{ color: #A10D32 ; }
div.left-menu div.sub-menu ul li.menu{ padding: 6px 0 6px 10px; border-top: 1px solid #A10D32 ; }
div.left-menu div.sub-menu ul li{ padding: 6px 0 6px 10px; border-top: 1px solid #A10D32 ; }
div.left-menu div.sub-menu ul li a.selected{ color: #00538C ; }
div.left-menu div.sub-menu ul li a{ font-weight: bold; }
div.left-menu div.sub-menu ul li a.selected{ font-weight: normal; }
div.left-menu div.sub-menu ul li ul li{ width: 150px; border-style:none;}
div.left-menu div.sub-menu ul li ul li a{ font-weight: normal; }


/* left column banners */

div.left-menu div.banners div.banner{ margin: 0 0 0 0; }
div.left-menu div.banners div.find{
    height: 140px;
}

div.left-menu div.banners div.find div.findbutton{
    cursor: pointer;    
    height: 50px;
    width: 270px;
}

div.left-menu div.banners div.find form input{
    width: 100px;
    margin: 2px 0 5px 0;
	border: 1px solid #90aec6;
}



#contactus input.additionalattachment, span.addanotherattachment {
	display:none;
}
span.addanotherattachment {
	padding-left:7px;
}
span.addanotherattachment:hover {
	text-decoration:underline;
	cursor:pointer;
}
span#addattachment1 {
	display:inline;
}
form input.contact  {
	font-size:11px;
    margin: 2px 0 5px 0;
	border: 1px solid #90aec6;
	padding: 2px;
}
form textarea.contact{
	font-size:11px;
	font-family:Arial;
	padding:2px;
    margin: 2px 0 5px 0;
	border: 1px solid #90aec6;
}
form select.contact{
	font-size:11px;
	padding: 2px;
	margin: 2px 0 5px 0;
	border: 1px solid #90aec6;
}




.question{
	font-size:12px;
	}

.questionMulti{
	font-size:12px;
	margin-top:10px;
	padding-top:20px;
	font-weight:bold;
}

.questionMultiTop{
	font-size:12px;
	font-weight:bold;
	}

.answers{
	font-size:12px;
	}

div.left-menu div.banners div.latesttv{
    height: 140px;
    background: url(../images/bk_ad_latesttv.gif) no-repeat;
}
div.left-menu div.banners div.latesttv a{
    position: absolute;
    height: 130px;
    width: 250px;
}

div.left-menu div.banners div.vouchers{
    height: 140px;
    /* background: url(../images/bk_ad_vouchers.gif) no-repeat; */
}
div.left-menu div.banners div.vouchers a{
    position: absolute;
    height: 120px;
    width: 250px;
    left: 20px;
}

/*----------------------------------------------------------------------------*/

/* -- page specific styles -- */

/* -- home page --  */

/*div.home{ background: url(../images/bk_home_background.jpg) no-repeat ;}*/
div.home div.main{ height: 700px; margin: 0 0 0 0; }

div.home div.wallframe{
    background: url(../images/bk_home_wallframe.gif) no-repeat;
    
    position: absolute;
    top: 166px;
    left: 350px;
    width: 600px; 
    height: 553px;  
}

div#homeflash {
    padding: 16px 0 0 20px;
}

/* -- menu page --  */

/* -- group (products) page --  */



div.group div.main div.group div.products{ padding: 0 0 0 10px; }

div.products{ position:relative; top:30px; }

div.group div.main div.group div.description{
    background: url(../images/bk_menu_group_desc.gif) no-repeat;
    height: 200px;
}

div.group div.main div.group img{  padding: 0px 0 20px 40px; }


div.group div.main div.group div.description img{
    padding: 20px 0 60px 40px;
    float: left;
}

div.group div.main div.group div.description div.text{
    padding: 20px 60px 0 0;
 }


div.group div.main table.products a h3{ font-size: 10pt; }
div.group div.main table.products tr.name td{ padding: 0 0 0 20px; border: 1px solid #FF0000;}
div.group div.main table.products tr.image td{ padding: 0 0 0 0px; width: 221px; background-repeat: no-repeat; background-position: 50% 70% !important;}

table.products tr.image td.blank{ background: none; }
table.products tr.image td.one{ background: url(../images/bk_menu_group_prod_bkg_1.gif);}
table.products tr.image td.two{ background: url(../images/bk_menu_group_prod_bkg_2.gif);}
table.products tr.image td.three{ background: url(../images/bk_menu_group_prod_bkg_3.gif);}

.produtTitle {font-weight: bold; color: #a10d32; padding: 0 0 0 30px; display: block;}

/* -- menu product page --  */

div.product div.main div.product div.description{
    background: url(../images/bk_menu_product_background.gif) no-repeat;
    height: 300px;
}

div.product div.main div.product{ background: none;}

#kingbanner {position:relative; left:4px; top:34px; padding:0; margin:0;}

/* update 9/10/08 */
div.product div.main div.product div.text { float:left; padding:50px 70px 0 60px; margin:0; width:284px;}
div.product div.main div.description img { float:left; padding:40px 0 0 0; margin:0;}


/*
div.product div.main div.product div.description img{
    padding: 40px 0 0 40px;
}

div.product div.main div.product div.text{
    float: left;
    width: 280px;
    margin: 50px 0 0 35px;
}
*/


div.product div.main div.product div.nutrition img{
    padding: 0px 0 100px 20px;
}


/* -- nutrition landing page -- */
/*div.nutrition div.main{ height: 660px; }*/
div.nutrition div.main div.nutrition{ padding: 140px 0 0 0px; }

div.nutrition div.main div.nutrition div.description{
    background: url(../images/bk_nutrition_desc_back.gif) no-repeat; 
    height: 300px; 
}

div.nutrition div.main div.nutrition div.text{
    width: 400px;    
    float: left; 
    margin: 30px 0 0 30px;
}

div.nutrition div.main div.nutrition div.text2{
    width: 170px;    
    float: left; 
    margin: 30px 0 0 30px;
}

div.nutrition div.main div.nutrition div.description div.images{
    margin: 0 0 0 440px;
    width: 240px;
}
div.nutrition div.main div.nutrition div.description div.info{
    color: #ffffff;
    background: url(../images/bk_nutrition_see.gif) no-repeat;
    width: 250px;
    height: 150px;
}

div.nutrition div.main div.nutrition div.description div.calculator{
    cursor: pointer;
    /* background: url(../images/bk_nutrition_calc.gif) no-repeat; */
    width: 200px;
    height: 140px;
    margin: 0 0 0 40px;
}

/* -- nutrition product nutrition -- */

div.nutrition div.main div.nutrition{  }

div.nutrition div.main div.title{ font-weight: bold; }

div.nutrition div.main div.tabs{ padding: 0 0 0 20px; }

div.nutrition div.main div.nutrition div.tabs div.nutrition{
    background: url(../images/bk_nutrition_nutrition_on.gif) no-repeat; 
    width: 100px; 
    height: 40px; 
    float: left; 
    cursor:pointer;
    padding: 0 0 0 0;
}

div.nutrition div.main div.nutrition div.tabs div.allergens{
    background: url(../images/bk_nutrition_allergens.gif) no-repeat; 
    width: 100px; 
    height: 40px; 
    margin: 0 0 0 100px; 
    cursor: pointer;
    
}

div.nutrition div.main div.nutrition table,
div.nutrition div.main div.allergens table{ text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding: 0; margin: 0 0 0 20px; width: 650px; }

div.nutrition div.main div.nutrition table th,
div.nutrition div.main div.allergens table th{ padding: 5px 1px 5px 1px; border-bottom: 1px solid #E5E5E5; }
div.nutrition div.main div.nutrition table th.last,
div.nutrition div.main div.allergens table th.last { border-right: 1px solid #E5E5E5; }
div.nutrition div.main div.nutrition table th.left,
div.nutrition div.main div.allergens table th.left{ width: 90px; text-align: left; border-bottom:none; border-top: 1px solid #E5E5E5; }

div.nutrition div.main div.nutrition table tr{  }

div.nutrition div.main div.nutrition table tr.h-title th,
div.nutrition div.main div.allergens table tr.h-title th{ border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; }
div.nutrition div.main div.nutrition table tr.h-title th.left,
div.nutrition div.main div.allergens table tr.h-title th.left{ border-left: 1px solid #E5E5E5; }

div.nutrition div.main div.nutrition table td.spacer,
div.nutrition div.main div.allergens table td.spacer{ width: 5px;  border-top: 1px solid #E5E5E5; }

div.nutrition div.main div.nutrition table tr.odd,
div.nutrition div.main div.allergens table tr.odd{ background: url(../images/bk_table_odd_strip.gif) ;  }

div.nutrition div.main div.nutrition table tr.foot{ color: #00538C; }
div.nutrition div.main div.nutrition table tr.foot td{ border-top: 1px solid #E5E5E5; }
div.nutrition div.main div.nutrition table tr.foot th{ border-top: 1px solid #E5E5E5; }

div.nutrition div.main div.nutrition table tr.boot th{ border-bottom: 1px solid #E5E5E5; }
div.nutrition div.main div.allergens table tr.boot th{ border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
div.nutrition div.main div.nutrition table tr.boot td{ border-bottom: 1px solid #E5E5E5; }
div.nutrition div.main div.allergens table tr.boot td{ border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }

div.nutrition div.main div.nutrition table tr.h-title th{ }

div.nutrition div.main div.nutrition table td,
div.nutrition div.main div.allergens table td { border-left: 1px solid #E5E5E5; color: #00538C; font-weight: bold;}
div.nutrition div.main div.nutrition table td.last,
div.nutrition div.main div.allergens table td.last	{ border-right: 1px solid #E5E5E5; }

#ingredientContent { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding: 0 0 0 5px }
/*#ingredientsInformation { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding: 0 0 0 5px }*/

/* -- nutrition product allergens -- */
div.nutrition div.main div.allergens div.tabs div.nutrition{
    background: url(../images/bk_nutrition_nutrition.gif) no-repeat; 
    width: 100px; 
    height: 40px; 
    float: left; 
    cursor:pointer;
    padding: 0 0 0 0;
}
div.nutrition div.main div.allergens div.tabs div.allergens{
    background: url(../images/bk_nutrition_allergens_on.gif) no-repeat; 
    width: 100px; 
    height: 40px; 
    margin: 0 0 0 100px; 
    cursor: pointer;
}
div.nutrition div.main  div.allergens table tr.h-title th{ font-size: 11px; }

/* -- latest tv ads -- */
div.latest div.main{ height: 660px; }


div.tvframe{
	background: url(../images/bk_latest_frame_new.gif) no-repeat;

    position: absolute;
    top: 160px;
    left: 310px;
    width: 600px; 
    height: 440px;  
}

div.latest div.tvframe img{
    margin: 64px 0 0 80px;
}


/* -- offers -- */
#offersTable { width:480px; border:0; padding:0; margin-top:20px; }
#btnSubmit {font-size: 13px; background-color:#A10D32; color:#FFFFFF; font-weight:normal;}

/* -- find -- */

div.find div.main div.find div.description{
    background: url(../images/bk_find_desc_background.gif) no-repeat;
    height: 220px;
}
div.find div.main div.find div.mapico{
    background: url(../images/bk_find_mapico_2.gif) no-repeat;
    width: 200px;
    height: 200px;
    margin: 0px 0 0 300px;
}
div.find div.main div.find div.search{ font-weight: bold; float: left; margin: 50px 0 0 40px; }

div.find div.main div.find div.search form#bk_search input.button{
    background: url(../images/bk_find_findbutton.gif) no-repeat;
    border: none;
    width: 60px;
    height: 20px;
    cursor: pointer;
}

div.facebook { margin: 10px 0 0 30px; }

div.find div.main div.find div.googlemap{ height: 400px; padding: 0 0 0 40px; }
div.find div.main div.find div.googlemap img{ float: left; }
div.find div.main div.find div.googlemap div.addresses{ margin: 0 0 0 500px; width: 160px; }
div.find div.main div.find div.message {float:left; width:160px }

.find .map 		{float: left; padding: 0 0 0 10px; }
.find .maptitle {float: left; width: 130px; padding: 0 0 0 10px; }


/* -- company pages -- */
div.company div.main div.company{ padding: 160px 0 40px 40px; width: 640px; }
div.company div.main div.company h2.title{ padding: 0 0 0 0; }

form {margin: 0; padding: 0;}

.dataControls 			{margin: 5px 40px 3px 0; height: 100%; font-size: 0.9em; color: #999999;}
.resultGroup 			{margin: 0; padding: 0; list-style: none; float: left;}
.resultGroup li 		{float: left; margin: 0 5px 0 0;}
.pagingGroup 			{margin: 0; padding: 0; list-style: none; float: right;}
.pagingGroup li 		{float: left; margin: 0 5px 0 0;}
.pagingGroup li input		{padding: 1px 3px;}
.pagingGroup li.text,
.resultGroup li.text 		{padding-top: 3px;}
.dataControls .btn 		{margin: 0 0 0 5px;}
.dataControls .submit 		{padding: 0; margin: 0; font-size: 0.95em;}

#right-item				{float:right;}
#right-item #title		{font-style: italic; text-align:center;margin: 0 0 5px 0;}

.findus-message			{font-weight: normal;}