@charset "utf-8";
/* Gmap */
      v\:* 
      {
        behavior:url(#default#VML);
      }

/* CSS Document */
body
{
font-family: Arial, sans-serif;
padding:0px;
font-size:12px;
margin:0px;
background:#552f00 url(../template/bodyBg.jpg) no-repeat top center;
}
.nobg
{
background:none;
}

/* normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{
margin:0px;
padding:0px;
}
.brownboldlink
{
font-weight:bold;
color:#764d20;
}
.blacklink
{
color:black;
color:#ffe490;
color:#4f1f09;
}

.unbold
{
	font-weight:normal;
}
.style1
{
color:#4f1f09;
}

.bold
{
font-weight:bold;
}
.rightpadding
{
padding-right:10px;
}

.rightalign
{
float:right;
}

.readonly
{
margin-top:10px;
font-weight:bold;
}

.size13
{
font-size:13px;
}
.orange
{
color:#ff6600;
}
.f14
{
font-size:14px;
}
.f18
{
font-size:18px;
}
ol
{
list-style-position:inside;
}
.bigbox a
{
text-decoration:none;
border-bottom:1px dotted #4f1f09;
color:#4f1f09;

}
a
{
text-decoration:none;
color:#ffe490;
color:#4f1f09;

}


.bigbox img
{
text-decoration:none;
border:0px;
}


.boldlink 
{
font-weight:bold;
}
.adcontainer
{
text-align:center;
float:left;
}

.basiccontainer
{
float:left;
}


.adcontainer a
{
color:#333333;
font-size:11px;
}

.adcontainer a:hover
{
text-decoration:underline;
}

a img
{
border:none;
text-decoration:none;
border-bottom:0px dotted #4f1f09;
}
p
{
margin:0 0 10px 0;

padding:0px;

}

#passionmainmenucontainer
{
margin-top:5px;


}
.passionmainmenu ul
{
overflow: hidden;
width: auto;
margin: 13px 0 0 30px;
padding: 0;
list-style-type: none;
}

.passionmainmenu li{
float: left;
}

.passionmainmenu a{
display: block;
padding: 1px 5px 1px 5px;
background:url(../template/submenu.png) repeat-x;
color: #4f2f0d;
margin-right: 1px;
text-decoration: none;
font:bold 14px Verdana;
border-right:1px solid #4f2f0d;
}
.passionshortmenu ul
{
overflow: hidden;
width: auto;
margin: 5px 10px 0 30px;
padding: 0;
list-style-type: none;
float:right;
}

.passionshortmenu li{
float: left;

}

.passionshortmenu a{
display: block;
padding: 1px 8px 1px 8px;
background:url(../template/submenu.png) repeat-x;
color: #4f2f0d;
margin-right: 1px;
text-decoration: none;
font:bold 11px Verdana;
border-right:1px solid #4f2f0d;
}

.norightborder a{
border:0px;
}

#wrapper
{
width:1000px;
margin:auto;

overflow:hidden;
background:#ffffff url(../template/woodpulp01d.jpg) repeat top center;
background-color:#ffe8a2
}

#webheader
{
height:170px;
width:998px;
background:url(../template/header.png) no-repeat;
float:left;
overflow:visible;
}
#headercolor
{
background:url(../template/headerbg.jpg) no-repeat;
height:150px;
width:970px;
margin:5px 0 0 14px;
}
#headersearch
{
text-align:right;
width:175px;
margin:7px 15px 0 0;
color:#000000;
float:right;

}

#logo
{
background:url(../template/penangpassionlogosmall.jpg) no-repeat;
width:245px;
height:129px;
float:left;display:inline;
margin:0px 0 0 25px;
}
#headmenu
{
margin:0px 0 0 0;
float:left;
width:730px;

}

#headmenu ul
{
margin:3px 0 0 0;
float:right;
}

#headmenu li
{
float:right;
font-weight:700;
list-style:none;
display:inline;
margin-right:24px;
}

#headmenu a
{
text-decoration:none;
padding:0 10px 0 10px;
font-size:12px;
color:#FFFFFF;
}

#headtextbox
{
padding-left:265px;
padding-top:15px;
}


#subcontainer
{
background:url(../template/body.png) repeat-y;
width:998px;
float:left;
margin-bottom:15px;
}

#content
{
width:870px;
overflow:visible;
margin:auto;
}

#imageheader
{
margin:auto;
overflow:hidden;
width:912px;
height:320px;
}
#featurebox
{
position:relative;
left:730px;
top:20px;

width:210px;
z-index:2;
}
#boxmenu
{
position:relative;
left:60px;
top:40px;

width:873px;
z-index:1;
height:146px;
}
#leftcontent
{
float:left;
width:184px;
clear:both;
padding-right:8px;

}

#centercontent
{
width:630px;
float:left;
overflow:hidden;
padding:0px 0 0 4px;
}

#rightcontent
{
width:222px;
float:right;
	font-weight:normal;
}

#rightcontent a
{
	font-weight:normal;	
}
#footer
{
clear:both;

height:65px;
width:998px;
margin:auto;
}
#footerinner{
padding:10px 0px 0 0;
width:998px;
float:left;
font-size:11px;
text-align:center;
color:#764c1b;
}

.font12
{
font-size:12px;
color:#FF0000;
}

.font12 a
{
font-size:12px;
}

.bigboxtext1
{
padding:3px 0 3px 0;
background-color: #f6f4db;
border: 1px solid #f9da99;
border-width:1px 0 1px 0;
width:100%;
overflow:auto;
}


.bigbox
{
  /*filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;
*/

margin:0 0 10px 0;

color:#4f1f09;
overflow:hidden;


background:url(boxbgpp.png) repeat;
/*
padding:6px;
padding-top: 0pt;
padding-right: 10px;
padding-bottom: 0pt;
padding-left: 10px;

background:url(../template/rightmenuheader.jpg) repeat-x top #dcc488;
*/
}
.bigbox h1,  .bigbox h2
{background:url(../template/rightmenuheader.jpg) repeat-x top #dcc488;
line-height:35px;
padding:0 0 0 5px;
height:34px; overflow:visible;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#ffffff;
text-decoration:none;
margin:0px 0 0px 0;
width:100%;
}


.bigboxunbold
{

margin:0 0 10px 0;

color:#4f1f09;
overflow:hidden;


background:url(boxbgpp.png) repeat;

}
.bigboxunbold h1,  .bigboxunbold h2
{background:url(../template/rightmenuheader.jpg) repeat-x top #dcc488;
line-height:35px;
padding:0 0 0 5px;
height:34px; overflow:visible;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#ffffff;
text-decoration:none;
margin:0px 0 0px 0;
width:100%;
}

.leftmenu
{
background:url(../template/rightmenuheader.jpg) repeat-x top #dcc488;
width:222px;
padding:0 3px 3px 3px;
}

.leftmenu h2
{
text-align:center;
color:#FFFFFF;
font-size:17px;
font
}


.bigbox h1 a, .bigbox h1 a:visited
{
border:0px #ff6600 dotted;color:#ffffff;text-decoration:none;
}

 .bigbox h2
 {

 padding-left:5px;
 font-size:17px;
 height:15px;color:#ffffff;

 }
.partialbox
{
border:1px #ff6600 dotted;
border-width:0 0 1px 0;
overflow:auto;

}
.adbox
{
border:1px solid #c9c9c9;
margin:0 0 10px 0;
text-align:center;
}
.adbox a:link, .adbox2 a:link
{
font-size:10px;
color:#666666;
}
.adbox2
{
border:1px solid #c9c9c9;
margin:0 10px 10px 0;
text-align:center;
width:210px;
float:left;
}
.leftbox
{
border:1px solid #c9c9c9;
margin:0 0 10px 0;
padding:6px;
background:white;
}
.leftbox h2
{
padding:0px 0 3px 0;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ff6600;
border:1px #ff6600 dotted;
border-width:0 0 1px 0;
}

.leftbox li
{
list-style:url(../template/bullet.png);
padding-top:5px;
margin-left:20px;
}
.leftbox a
{
text-decoration:none;
color:#666666;

}

.leftboxcontent
{
padding:6px 0 3px 6px;
}

.leftheader
{
background:url(../template/box/leftbox/leftheader.png);
height:30px;
}

.leftheadertext
{
padding:9px 0 0 12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;

color:#ff6600;
}

.lefttitle
{
font-weight:bold;
font-size:15px;
color:#f96700;
}

.leftcontent
{
background:url(../template/box/leftbox/l_bg.jpg) repeat-y;

}

.leftcontent li
{
list-style:url(../template/bullet.png);
padding-top:5px;
margin-left:30px;
}

.leftcontent a
{
text-decoration:none;
color:#666666;
}

.leftcontent a:hover
{
color:#333333;
}

.leftfooter
{
background:url(../template/box/leftbox/leftfooter.png) no-repeat;
height:10px;
padding-bottom:4px;
}

.leftcontenttext
{
width:160px;
margin:auto;
padding-top:5px;
}

.leftcontent1
{
background:url(../template/box/leftbox/l_bg.jpg) repeat-y;
}

.iphone
{
padding:7px 0 7px 17px;
}

.leftlist
{
padding-left:10px;
}

.centerheader
{
background:url(../template/box/bigbox/bighead.png);
height:30px;
}

.centercontent
{
background:url(../template/box/bigbox/b_bg.jpg) repeat-y;

float:left;

}

.centercontenttext
{
padding:5px 0 10px 0;
width:540px;
margin:auto;
float:left;
}

.centerheadertext
{
float:left;
padding:9px 0 0 12px;
font-weight:bold;
font-size:14px;
color:#f96700;

}

.centerheadericon
{

}


.centerfooter
{
background:url(../template/box/bigbox/bigfoot.png) no-repeat;
height:10px;
padding-bottom:4px;
}

.centerimage
{
padding-left:8px;
}

div.bigbox h1.normal
{
color:#ffffff;

}

.mode2
{
background:#ddc48b none;
color:#361d00;
}
.pagecontent
{

}

.padding10
{
padding:10px;
}

/********************
*
*      DATA GRID 2
*
********************/

.datagrid2headercell { FONT-WEIGHT: bold; COLOR: white; BACKGROUND-COLOR: #6b696b }
.datagrid2 TR TD {padding: 4; }
.datagrid2headercell TD A:hover, .datagridheadercell TD A:visited, .datagridheadercell TD A:link { COLOR: white }

.datagrid2itemcell, .datagrid3itemcell { border:solid 0px #9aafe5;  }
.datagrid2itemcell td { padding:10px; }
.datagrid3itemcell td { padding:0px; }

.datagrid2edititemcell { BORDER-TOP-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BACKGROUND-COLOR: #f7f7de; BORDER-BOTTOM-STYLE: solid }
.datagrid2alternatingitemcell { BACKGROUND-COLOR: white }
.datagrid2footercell { BACKGROUND-COLOR: #cccc99 }

.datagrid2pagercell {}
.datagrid2pagercell span{ background:#976947;color:#FFFFFF; border:solid 0px #9aafe5; font-weight:bold; font-size:11px; padding:4px 6px; }
.datagrid2pagercell a{ border:solid 0px #ffaa77; color:#300; font-weight:bold; font-size:11px; padding:4px 6px; }
.datagrid2pagercell td{border:0px;}
.datagrid2selecteditemcell { FONT-WEIGHT: bold; COLOR: white; BACKGROUND-COLOR: #ce5d5a }
.datagrid2 { BORDER-RIGHT: #6b696b 0px; BORDER-TOP: #6b696b 0px; FONT-SIZE: 8pt; BORDER-LEFT: #6b696b 0px; COLOR: black; BORDER-BOTTOM: #6b696b 0px; FONT-FAMILY: verdana }
.datagrid2 TR TD INPUT { FONT-SIZE: 8pt; FONT-FAMILY: verdana }
.datagrid2 TR TD TEXTAREA { FONT-SIZE: 8pt; FONT-FAMILY: verdana }
.datagrid2 TR TD SELECT { FONT-SIZE: 8pt; FONT-FAMILY: verdana } 


table {
border-collapse: separate;
}
/********************
*
*      CUSTOM CSS 
*
********************/

.datagridsearchinnertable td
{
padding:0px;
}



div.icon {
	text-align: center;
	margin-right: 5px;
	float: left;
	margin-bottom: 5px;
	overflow:hidden;
}

div.icon a {
	display: block;
	float: left;
	border: 1px solid #f0f0f0;
	height: 95px;
	width: 106px;
	color: #666;
	vertical-align: middle;
	text-decoration: none;
	background:#ffffff;
}

div.icon a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f9f9f9;
	color: #0B55C4;
}
div.icon img  { padding: 20px 0 5px 0; margin: 0 auto; }
div.icon span { display: block; text-align: center; }


/********************
*
*     Speech Bubble Icons 
*
********************/

.spch-bub-inside {
  position: relative;
}
a.spch-bub-inside {
  color: #00F;
  text-decoration: none;
}
.spch-bub-inside em {
  font-style: normal;
}
.spch-bub-inside em {
  background: #ff6600;
  color: #FFF;
  padding: 0 0.4em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  position: relative;
}
.spch-bub-inside .point {
  width: 0;
  height: 0;
  position: absolute;
  top: 1.1em;
  left: 0.4em;
  display: block;
  border-left: 0.45em solid #ff6600; 
  border-bottom: 0.45em solid #FFF; /* IE fix */
  border-bottom: 0.45em solid rgba(0,0,0,0); 
  overflow: hidden; /* IE fix */
}
a.spch-bub-inside:hover {
  color: #F00;
}
a.spch-bub-inside:hover em {
  cursor: pointer;
  background: #F00;
  color: #FF0;
}
a.spch-bub-inside:hover .point {
  border-left: 0.5em solid #F00; 
}

/********************
*
*     comments
*
********************/


.imagebox 
{
float:left;
padding:3px;
border:1px solid #cccccc;
}
.commentbox
{

float:right;
width:465px;
}

/********************
*
*      recipetips
*
********************/

.recipetips
{
color: #555555;
background-color: #f6f4db;
border: 1px solid #f9da99;
border-width:1px 0 1px 0;
padding:3px;
overflow:auto;
}

.red
{
color:#FF0066;
}

.error
{
color:#ffe490;
padding:3px;
font-style:italic;
overflow:auto;
}

.errortext
{
font-size:16px;
color:#ffe490;
font-weight:bold;
text-transform:capitalize;
}
/********************
*
*      recipeheaders
*
********************/

h1.recipe
{
color: #565656;
border:0px;
margin:10px 0 5px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
}

.ulingridients li
{
font-size:16px;
margin-bottom:5px;
}


.uldirection li
{
margin-bottom:10px;
min-height:28px;
list-style:none;
width:100%;
float:left;
}

.uldetails li
{
margin-bottom:10px;
list-style:none;
width:100%;
float:left;
}

.detailstext
{
font-size:12px;
float:left;
text-align:justify;
background-color:#FFFFFF;



}

.detailsdot
{
width:490px;
float:left;
border:1px dotted #ff6600;
border-width:0 0 1px 0;
}

.number
{
color:#FFFFFF;
width:28px;
height:28px;
float:left;
font-weight:bold;
font-size:16px;
padding:4px 0 0 0;
text-align:center;
background:url(/template/orangecircle.png) no-repeat;
}

.directions
{
font-size:16px;
float:left;
margin-left:10px;
text-align:justify;
width:490px;
}


/********************
*
*      image
*
********************/

img.img1
{
border: 1px solid #f9da99;
padding:3px;
float:left;
background-color:#FFFFFF;

}


/*******************
*
*  CHEF TABS
*
*******************/

/*
    *  .ajax__tab_header:  A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer.
    * .ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner.
    * .ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab.
    * .ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none.
    * .ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none.
    * .ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer.
    * .ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.

*/




.cheftab_ .ajax__tab_header {
font-family:verdana, tahoma, helvetica;
font-size:12px;
border-bottom:solid 1px #f9da99;
padding-right:4px;
}

.cheftab_ .ajax__tab_outer {

height:31px;
background-color:#f6f4db;
margin-right:2px;
border:#f9da99 solid 1px;
border-right:solid 1px #ffad00;
border-top:solid 1px #f9da99;

}

.cheftab_ .ajax__tab_inner {

padding-left:3px;
background-color:#f6f4db;

}

.cheftab_ .ajax__tab_tab {

height:16px;
color:#ff6600;
font-weight:bold;
padding:4px;
margin:5px 0 0 0;

}

.cheftab_ .ajax__tab_hover .ajax__tab_outer {

background-color:#f6f4db;

}

.cheftab_ .ajax__tab_hover .ajax__tab_inner {

background-color:#f6f4db;

}

.cheftab_ .ajax__tab_hover .ajax__tab_tab {}

.cheftab_ .ajax__tab_active .ajax__tab_outer {

border-left:solid 1px #f9da99;


}

.cheftab_ .ajax__tab_active .ajax__tab_inner {
background-color:#ff7100;
color:#f9da99;

}

.cheftab_ .ajax__tab_active .ajax__tab_tab {
color:#ffffff;}

.cheftab_ .ajax__tab_body {

border:1px solid #f9da99;
border-width:1px;

border-top:0;

padding:8px;
background-color:#ffffff;
}






















/* default layout*/
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:0px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

 /*xp theme 
.ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) repeat-x bottom;}
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;height:21px;}
.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

scrolling 
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}*/




.tabclass .ajax__tab_header {color: #1b3657; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight:bold;background:url(images/Tabs/tab-line.gif) repeat-x bottom;}
.tabclass .ajax__tab_outer {padding-right:0px;background:url(images/Tabs/tab-right.gif) no-repeat right;height:21px;}
.tabclass .ajax__tab_inner {padding-left:3px;background:url(images/Tabs/tab-left.gif) no-repeat;}
.tabclass .ajax__tab_tab {height:13px;padding:4px; margin:0;background:url(images/Tabs/tab.gif) repeat-x;}
.tabclass .ajax__tab_hover .ajax__tab_outer {background:url(images/Tabs/tab-hover-right.gif) no-repeat right;}
.tabclass .ajax__tab_hover .ajax__tab_inner {background:url(images/Tabs/tab-hover-left.gif) no-repeat;}
.tabclass .ajax__tab_hover .ajax__tab_tab {background:url(images/Tabs/tab-hover.gif) repeat-x;}
.tabclass .ajax__tab_active .ajax__tab_outer {background:url(images/Tabs/tab-active-right.gif) no-repeat right;}
.tabclass .ajax__tab_active .ajax__tab_inner {background:url(images/Tabs/tab-active-left.gif) no-repeat;}
.tabclass .ajax__tab_active .ajax__tab_tab {background:url(images/Tabs/tab-active.gif) repeat-x;}
.tabclass .ajax__tab_body {border:1px solid #999999;border-top:0;padding:0px;background-color:#ffffff;}.ajax__tab_default .ajax__tab_tab {margin-right:0px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block;}
.tabclass .ajax__tab_tab {margin-right:0px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}


.ajax__tab_default .ajax__tab_tab 
{

margin-right: 4px;

overflow-x: hidden;

overflow-y: hidden;

text-align: center;

cursor: pointer;

display: -moz-inline-box;

}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	


/* tabs menu */
#tabs {
border:1px red solid;
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;

	overflow:hidden;
	}

#tabs ul {
	margin:0 0 0 9px;
	padding:10px 10px 0 0px;
	list-style:none;
	float:right;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("../template/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	font-weight:bold;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("../template/right.png") no-repeat right top;
	padding:5px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}
	
	#tabs .lala
	{
		float:left;
	display:block;
	width:375px;
	color:#ff6600;
	background:none;

	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}
	
	
	
.menu2 ul{
margin: 0;
padding: 0 10px 0 10px;
list-style-type: none;
}

.menu2 li
{
padding:2px 0 5px 0;
}

.menu2 span
{
font-size:11px;

}

.marginleft5
{
margin:0 5px 0 0;
}
.margintop5
{
margin:10px 0 0 0;
}

.seperator
{
margin-top:5px;
}

.seperator10
{
margin-top:10px;
}

.clear
{
clear:both;
}





a.sample_attach, a.sample_attach:visited, div.sample_attach
{
  display: block;
  width:   100px;

  border:  1px solid black;
  padding: 2px 5px;

  background: #FFFFEE;

  text-decoration: none;
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 1.0em;
  color:   #008000;
}

a.sample_attach, a.sample_attach:visited { border-bottom: none; }
div#sample_attach_menu_child             { border-bottom: 1px solid black; }

form.sample_attach
{
  position: absolute;
  visibility: hidden;

  border:  1px solid black;
  padding: 0px 5px 2px 5px;

  background: #FFFFEE;
}

form.sample_attach b
{
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 1.1em;
}

input.sample_attach { margin: 1px 0px; width: 170px; }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url('media/roundedge-brown-left.png') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('media/roundedge-brown-right.png') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


        /* Rating */.ratingStar
        {
            font-size: 0pt;
            width: 16px;
            height: 16px;
            margin: 0px;
            padding: 0px;
            cursor: pointer;
            display: block;
            background-repeat: no-repeat;
        }
        .filledRatingStar
        {
            background-image: url(/template/ajaxrating/FilledStar.png);
        }
        .emptyRatingStar
        {
            background-image: url(/template/ajaxrating/EmptyStar.png);
        }
        .savedRatingStar
        {
            background-image: url(/template/ajaxrating/SavedStar.png);
        }
		
		.commenthead
		{
		width:600px;
		height:21px;
		 background-image: url(/template/commenthead.png);
		}
		
		.commentfooter
		{
		width:600px;
		height:20px;
		 background-image: url(/template/commentfooter.png);
		 margin:0 0 10px 0;
		}
		.commentbody
		{
		overflow:auto;
		background:#966a47;
		color:#ffffff;
		width:600px;
		}
		.imagebox
		{
		padding: 2px; background: #ffffff; width: 50px;  height:50px;
		}
		
		.h 
		{
		background:none;
		color: #ffe490;
		font-weight:bold;
		color:#4f1f09;
		}
		
		.14
		{
				font-size:14px;
		}

.buttons input
{
color: #000;
padding:3px 5px 3px 5px;
background: #dbc386;
border: 1px outset #d7b9c9
} 

.breadcrumb a:hover
{
font-weight:bold;
}


ul{border:0; margin:0; padding:0;}
#pagination-digg
{
	width:500px;
	margin:0 0 0 20px;
	height:50px;

}


#pagination-digg li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination-digg a           { border:solid 1px #4f1f09; margin-right:2px; background-color:#FFF; color:#4f1f09; }
#pagination-digg .previous-off,
#pagination-digg .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
#pagination-digg .next a,
#pagination-digg .previous a { font-weight:bold; }	
#pagination-digg .active     { background:#4f1f09; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ margin-right:2px; }
#pagination-digg a:link, 
#pagination-digg a:visited   { color:#4f1f09; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination-digg a:hover     { border:solid 1px #300; background-color:#dcc488; }