body
{
     _text-align:center;
	 font-size:5pt;

}



#page {
width:980px;
height:560px;
border:1px solid #ccc;
margin:auto;
position:relative;
_text-align:left;
top:8px;
}

#mainlogo {
width:930px;
height:120px;
border:0px solid #ccc;
position:absolute;
top:10px;
left:20px;
text-align:center;
}

#info {
width:978px;
height:400px;
border:0px solid #ccc;
position:absolute;
top:135px;
left:0px;
padding:0px;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;

}

#rightmenu {
width:225px;
height:375px;
border:0px solid #ccc;
position:absolute;
top:150px;
left:500px;
padding:5px;
}

#footer {
width:760px;
height:15px;
border:0px solid #ccc;
position:absolute;
top:535px;
left:0px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
color:#ccc;
text-align:center;
font-size:10pt;
}



/*Menu CSS BEGINS*/
#menu {padding:0; margin:0; list-style:none; width:940px; height:20px; position:absolute; top:90px; left:175px;}
#menu li {position:relative; float:left;}
#menu li a {display:block; height:14px; width:74px; padding:3px; float:left; color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif;, sans-serif; font-size:8pt; text-align:center; cursor:pointer; background: url(images/navigate/button-off.png);}
#menu li a b {position:relative; top:15px; font-weight:normal;}
* html #menu li a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navigate/button-off.png', sizingMethod='scale');}


#menu li a:hover, 
#menu li a:active,
#menu li a:focus,
.home #menu li#home a,
.onlineshop #menu li#onlineshop a,
.localshop #menu li#localshop a,
.newspaper #menu li#newspaper a,
.contact #menu li#contact a,
.recipes #menu li#recipes a,
.myaccount #menu li#myaccount a,
.links #menu li#links a
{background: url(images/navigate/button-on.png) no-repeat right top; cursor:pointer; color:#fff;}


* html #menu li a:hover, 
* html #menu li a:active,
* html #menu li a:focus,
* html .home #menu li#home a,
* html .onlineshop #menu li#onlineshop a,
* html .localshop #menu li#localshop a,
* html .contact #menu li#contact a,
* html .recipes #menu li#recipes a,
* html .myaccount #menu li#myaccount a,
* html .links #menu li#links a
{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navigate/button-on.png', sizingMethod='scale');}

#menu li a:hover b,
#menu li a:active b,
#menu li a:focus b,
.home #menu li#home a,
.onlineshop #menu li#onlineshop a,
.localshop #menu li#localshop a,
.newspaper #menu li#newspaper a,
.contact #menu li#contact a,
.recipes #menu li#recipes a,
.myaccount #menu li#myaccount a,
.links #menu li#links a
{cursor:pointer; top:8px; padding-right:3px;}
/* Menu CSS ENDS */

/*slideshow begins*/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 440px; /*Width of Carousel Viewer itself*/
height: 300px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 440px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*slideshow ENDS*/