﻿body, form
{
    font-family:Arial;
    font-size:12px;
    margin:0;
    padding:0;
    background:url(img/back-yellow.gif);
}
h1
{
    font-size:22px;
    font-weight:bold;
}
h2
{
    font-size:22px;
    font-weight:normal;
}
p
{
	margin:10px 0 0 0;
}
a
{
	color:#9C0105;
}
a:hover
{
	text-decoration:none;
}
#headerBg
{
    height:136px;
    background:url(img/back-green.gif);
    position:absolute;
    width:100%;
    z-index:1;
}
#horizontalMenuBg
{
    margin-top:136px;
    height:32px;
    background-color:#F4DF9E;
    border-bottom:solid 4px white;
    position:absolute;
    width:100%;
    z-index:1;
}
#containerText, #container, #copyright, #topMenu, #header{width:886px;}
#container
{
    margin:auto;
    margin-top:0px;
}

#header .logo
{
    float:left;
}

#header .logo img
{
    margin:17px 20px 0 5px;
}

#header img
{
	border-width:0;
}

#header
{
    position:absolute;
    z-index:2;
}

#header .topBanner
{
    float:right;
    margin-top:15px;
}

#topMenu .left, #topMenu .left a
{
    color:#046528;
}

#topMenu
{
    margin-top:146px;
    position:absolute;
    z-index:2;
    background:url(img/middleBanner.jpg) no-repeat;
    background-position:0 2px;
    height:146px;
}

#topMenu .left
{
    margin-left:145px;
    float:left;
    font-family:Georgia;
    font-size:14px;
    font-weight:bold;
}

#topMenu .right
{
    float:right;
    font-weight:bold;
    padding-top:2px;
}

#containerText
{
    position:absolute;
    z-index:2;
    background-color:#F4DF9E;
    margin-top:290px;
}

#containerText .left
{
    float:left;
}

#containerText div.left div.leftMenu
{
    width:175px;
    height:218px;
    margin:2px 0 0 22px;
    background-image:url(img/topLeftMenu.gif);
}
#containerText .left .leftMenu ul li
{
    padding:0;
    margin:1px 0 0 0;
}

#containerText .left .leftMenu ul
{
    list-style-type:none;
    margin:0 0 0 24px;
    padding:0;
}
#containerText .left .leftMenu ul ul
{
    margin-left:10px;
}
#containerText .left .leftMenu ul ul a
{
    font-size:16px;
}
#containerText .left .leftMenu ul a
{
    font-size:17px;
    font-family:Georgia;
    color:White;
    text-decoration:none;
}

#containerText div.left div.leftContact
{
    margin-left:22px;
}

#containerText .middle
{
    float:left;
    width:540px;
    margin:0 15px 0 10px;
}

#containerText .right
{
    float:right;
    margin:0 0 10px 0;
}

#containerText .right img
{
    border-width:0;
    padding-top:2px;
    padding-right:8px;
}

#containerText .middle .intro
{
    margin:5px 0 0 15px;
    text-align:left;
}

#containerText .middle .middleContent
{
    width:552px;
    background-color:#FBEAB9;
    margin:10px 0 0 5px;
    padding:1px 0 10px 0;
}

#containerText .middle .middleContent img
{
    border-width:0;
    margin:10px 0 0 11px;
}

#containerText .middle .middleContent p, #containerText .middle .middleContent h2, .extra
{
    margin:3px 12px 12px 12px;
    text-align:justify;
}

.dot
{
    width:270px;
    background-image:url(img/dot.gif);
    background-position:bottom left;
    background-repeat:repeat-x;
    float:left;
    margin:0px 0 0 0;
}

.price
{
		text-align:right;
    padding:3px 0 0 0;
    background-image:url(img/price.gif);
    background-repeat:no-repeat;
    width:63px;
    font-size:13px;
    font-weight:bold;
    color:#A10000;
    float:left;
}
.price span
{
    margin:0 7px 0 0px;
}

.weight
{
    float:left;
    width:40px;
    margin:3px 0 0 0;
}

.item
{
    clear:left;
    background-image:url(img/itemBg.gif);
    background-repeat:no-repeat;
    background-position:left top;
    margin-top:10px;
}

.item .pizza
{
    float:left;
    margin:0 0 0 10px;
}

.item .ingredients
{
    float:left;
    width:410px;
    margin:0 0 0 10px;
}

.item .ingredients h3
{
    text-transform:uppercase;
    font-size:14px;
    font-family:Georgia;
    margin:15px 0 10px 0;
}

.item .lineSpacer
{
    height:5px;
    clear:left;
}

.item .composition
{
    font-weight:bold;
    width:380px;
    padding-bottom:5px;
}

#copyright
{
    position:absolute;
    z-index:2;
    height:50px;
    color:White;
    font-size:11px;
    font-weight:bold;
    margin-top:10px;
}

#copyright .right
{
    text-align:right;
    float:right;
}

#copyright .left
{
    margin-left:0;
}

#orderInfo
{
    position:absolute;
    z-index:2;
    margin-top:194px;
    margin-left:627px;
    color:#FF0000;
    font-size:13px;
    font-weight:bold;
    text-align:center;
}

#orderInfo .info1, #deliver .info1
{
    color:#068C38;
    text-transform:uppercase;
    font-weight:bold;
}

#deliver
{
    color:#068C38;
    text-transform:uppercase;
    position:absolute;
    z-index:2;
    margin-top:200px;
    margin-left:773px;
    font-size:10px;
    line-height:11px;
    text-align:center;
}

#deliver .info1
{
    font-size:14px;
    font-weight:bold;
    line-height:15px;
}

.extra
{
	background-image:url(img/extraBg.jpg);
	background-repeat:no-repeat;
	padding-top:10px;
}

.extra .plus
{
	background-image:url(img/plus.png);
	background-repeat:no-repeat;
	float:left;
	padding: 0 10px 0 25px;
}

.extra .priceLine
{
	margin-left:15px;
}

.extra .dot 
{
	width:383px;
}

.extra .name
{
	background-color:inherit;
	float:left;
	background-image:url(img/dotCancel.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}
