/* CSS Document */
* {
	padding:0px;
	margin:0px;
}

body{
/*	background:#FFFFFF url(images/blue_gradient.gif) repeat-x fixed; */
	background:#CB0018 url(images/bodyBg.gif) repeat-x fixed left bottom;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	width:992px;
	margin:0 auto;
}

.bodyclass {

	background:#CB0018 url(images/bodyBg.gif) repeat-x fixed left bottom;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;

}

h1, h2, h3, h4, h5, h6 {
	color:#003399;
	font-style:italic;
}

a , a:active, a:link{
	text-decoration: none;
	color:#CC0000;
}

a:hover {
	text-decoration:none;
	color:#993300;
	border-bottom:dotted 1px;
}

#logopic {
	padding:0px;
	z-index: 0;
	position: absolute;
	left: 27px;
	top: 2px;
}

#halalpic {
	padding:0px;
	z-index: 0;
	position: absolute;
	right: 27px;
	top: 32px;
}

#precontainer {
	text-align:right;
	color:#FFFFFF;
	font-weight:normal;
	font-size:0.9em;
	padding:5px 20px;
	height:20px;
	padding-top:7px;
	background: #004C93 url(images/bluebgtop.gif) repeat-x top left;
}

#precontainer a , #precontainer a:active, #precontainer a:link{
	color:#FFFFFF;
}
#precontainer a:hover {
	color:#FFFFFF;
}

#container { 	
	padding:5px 5px;
	border:#FFFFFF solid 1px;
	border-left:none;
	border-right:none;
	border-bottom:none;	
	color:#FFFFFF;
}

#header {
	height:90px;
	width:100%;	
	padding-bottom:0px;
}


#logo {
	float:left;	
	height:80px;
	width:150px;
}

#topnav {	
	height:34px;
	float:left;
	width:500px;
	margin-top:71px;
}

#topnav a:hover {
	border:none;
}

#mainbody{
	margin:0px;	
	width:992px;	
}	

#bodytop, #subtop {
	background:url(images/mainbodytop.gif) top left  no-repeat scroll;
	/* padding:27px 15px 0px 15px; */
	padding-top:10px;
	
}

#subtop {
	background-image:url(images/subbodytop.gif);
}


#bodybottom, #subbottom {	
	background:url(images/mainbodybottom-trans.png) top left no-repeat scroll;	
}

#subbottom {
	background-image:url(images/subbodybottom-trans.png)
}

#bodylr, #sublr {
	background:url(images/mainbodyshadow.png) repeat-y scroll;
	padding:0px 16px 0px 16px;

}

#subwrapper {	
	background-color:white;
	color:#000000;
}


#bodywrapper{	
	background:#E1001B url(images/mainbodywrapper.gif) repeat-x scroll;	
}

#nation-fav {
	background-image: url(images/nations-favourites-bg.gif); 
	width:289px; height:135px;
	background-repeat:no-repeat;
	vertical-align:top;
	cursor:pointer;
}
#nation-fav-slide, #scrolling_image_container {
	padding-top:37px;
	height:98px;
	width:289px;
	vertical-align:top;
}


#cartcontainer {
	/*padding:2px 25px 0px 0px;*/
}

#cartbase {
text-align:center; width:304px; background-image:url(images/ordertop.gif); background-color:#FFFFFF; color:#000000; background-position:left top; background-repeat:no-repeat; padding:3px 2px 0px 2px;
}

#cartbody {
	background-image:url(images/basketbg.gif); background-repeat:repeat-x; background-color:#D30019; background-position:top left; margin:0px 1px; color:#FFFFFF;
}
/*
#cartbody a, #cartbody a:hover, #cartbody a:active,  #cartbody a:visited {
	color:#FFFFFF;
	text-decoration:underline;
	border:none;
}
*/

#cartbody .whitelink {
	color:#FFFFFF;
	text-decoration:underline;
	border:none;
}

#cartbottom {
	background: url(images/basketbottom.gif) top center no-repeat;
}

#pizzamenu h2 {
	background:url(images/menu/menutitlepizza.gif) 0 0 no-repeat;
	height:41px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	margin-bottom:0;
	cursor:pointer;
}

#pizzamenu h2:hover{ background:url(images/menu/menutitlepizza.gif) 0 -41px no-repeat; }

#pizzamenu h2.selected{ background:url(images/menu/menutitlepizza.gif) 0 -82px no-repeat; }

#sidemenu h2 {
	background:url(images/menu/menutitlesides.gif) 0 0 no-repeat;
	height:41px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	margin-bottom:0;
	cursor:pointer;
}
#sidemenu h2:hover{ background:url(images/menu/menutitlesides.gif) 0 -41px no-repeat; }

#sidemenu h2.selected{ background:url(images/menu/menutitlesides.gif) 0 -82px no-repeat; }


#sweetsmenu h2 {
	background:url(images/menu/menutitledesserts.gif) 0 0 no-repeat;
	height:41px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	margin-bottom:0;
	cursor:pointer;
}
#sweetsmenu h2:hover{ background:url(images/menu/menutitledesserts.gif) 0 -41px no-repeat; }

#sweetsmenu h2.selected{ background:url(images/menu/menutitledesserts.gif) 0 -82px no-repeat; }


#drinksmenu h2 {
	background:url(images/menu/menutitledrinks.gif) 0 0 no-repeat;
	height:41px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	margin-bottom:0;
	cursor:pointer;
}
#drinksmenu h2:hover{ background:url(images/menu/menutitledrinks.gif) 0 -41px no-repeat; }

#drinksmenu h2.selected{ background:url(images/menu/menutitledrinks.gif) 0 -82px no-repeat; }

#accordion .menuli {
	list-style:none;
	padding-bottom:6px;
	margin-bottom:5px;
}

#accordion h2 {
	padding-left:30px;
	color:#E1001B;
}

#accordion h2:hover {
	color:black;
}

#accordion h2.selected {
	color:blue;
}

#accordion a, #accordion a:active, #accordion a:link  {
	color:#990000;	
}

#accordion a, #acordion a:hover, #accordion a:active, #accordion a:link {
	text-decoration:none;
	border-bottom:none;
}

#accordion a:hover {
	color:#FF0000;
}


#footer {
	
	clear:both;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.9em;
	padding:5px 30px;
	
	
}

#footer a , #footer a:active, #footer a:link{
	color:#FFFFFF;
}
#footer a:hover {
	color:#FFFFFF;
}

#footer ul {
	list-style:none;
}

#footer ul li {
	display:inline;
	padding-right:20px;
}

#footer #developertag {
	text-align:right;
	font-weight:normal;
	color:gold;
}

.heading1 {
	color:#D50019;
	font-size:28px;
	font-weight:bold;
	padding-bottom:5px;
}

.heading2 {
	color:white;
	font-size:26px;
	font-weight:bold;
}

.smalltxt {
	font-size:x-small;
}

.medtxt {
	font-size:0.9em;
	color:#333333;
}

.graybox {
	background-color:#F8F8F8;
	border:solid 1px lightgray;	
	margin:10px 0px;
	padding:5px;
	width:95%;
	clear:both;
	color:#000000;
}

.graybox table{
	color:#000000;
}

.graybox h1 {
	color:#333333;
	font-size:18px;
	padding-left:10px;
	padding-bottom:3px;
}

.graybox input[type=text], .graybox input[type=password], .txtinput {
	border:solid 1px lightgray;
	background-color:#FFFFFF;
	width:250px;
}

.graybox input[type=text]:focus, .graybox input[type=password]:focus {
	border:solid 1px black;
}



/* -------- shadow ---------------- */
.out {
  display:block; 
  background:#990000;  /* #bbb*/
  /*border:2px solid ;  #666666 #ddd */
  position:relative;
  margin:1em 0 0 10px;
  }
.in2 {
  display:block; 
  background:#A70014;  /*#CC0000#000000 #777 */
  border:5px solid #A70014  ;  /*990000#333333 #999 */
  position:relative;
  padding:1px;
  margin:1px;
  }
.in {
  background:#fff;  /*  */
  border:1px solid #000000;  /*990000#000000 #555 */
  position:relative; 
  padding:5px;
  font-weight:normal;
  }

.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.rtin {
  left:5px;
  }

.narrow {width:8em;}
.normal {width:180px;}
.wide {width:18em;}
.image {width:412px; padding:0;}