root{display: block;}
.fix{clear:both;}
a{text-decoration:none;}
.hidden{display: none;}
body{margin: 0;padding: 0;background: url(/templates/_default_pizza/bg_body.jpg) #181818 center 0 no-repeat;}
header{background-color: #da3;box-shadow: 0 10px 10px #111;}
header .wrapper{
background: url(/templates/_default_pizza/bg_header.png) transparent 0 0 no-repeat;
width: 980px;
height:142px;
margin: 0 auto;
}
header .wrapper .shop_name{
font-family: Lobster, cursive;
float: left;
font-size: 50px;
position: relative;
left: 0;
color: #CC0808;
width: 310px;
line-height: 50px;
text-align: center;
}

header .wrapper ul{
display: block;
float: right;
margin: 0;
padding: 0;
}
header .wrapper ul li{
text-align: center;
font-family: 'Open Sans', sans-serif;
width: 100px;
float: left;
margin: 0;
padding: 0;
list-style: none;
border-left: 1px solid #F3E0B3;
height: 142px;
}
header .wrapper ul li a{
display:block;
margin: 0;
padding: 0;
line-height: 142px;
text-decoration:none;
font-size:20px;
font-variant: small-caps; 
color:#FFF;
}
header .wrapper ul li.selected a,
header .wrapper ul li a:hover{
background-color: #CC0808;
}
header .wrapper .logo{float:right;}
header .wrapper .logo img{height:142px;max-width: 366px;}

.page_content{
    min-height: 600px;
}
.page_content .wrapper{
width: 936px;
background-color: white;
border-radius: 3px;
border: 1px solid #333;
margin: 40px auto;
padding:20px;
}



/* Home */
.home h1,.home h2{
font-family: Lobster, cursive;
font-size: 30px;
color: #CC0808;
margin:0;
}

.home .left{
width: 702px;
float: left;
vertical-align: top;
}
.home .left h2{
font-family: Lobster, cursive;
font-size: 30px;
color: #CC0808;
margin:0;
}

.home .right{
width: 224px;
float: right;
vertical-align: top;
padding: 0 4px 0;
background-color: #EEE;
border: 1px solid #AAA;
border-radius: 3px;
}
.home .right .box{padding: 0 0 20px;border-bottom: 1px dotted #AAA;}
.home .right .box p{margin:0}
.home .right .box .content{text-align:center}

.home .right h2,.home .right h3{
font-size: 17px;
color: #CC0808;
margin: 0;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
}

.home .right .phone a{
font-family: 'Open Sans', sans-serif;
font-size: 26px;
color: #800;    
}
.home .right #slideshow{
font-family: 'Open Sans', sans-serif;
text-align: right;
border-radius: 3px;
overflow: hidden;
}
.home .right #slideshow img{
width:220px;
}
.home .right #slideshow .ft-title{width: 204px;padding: 0 10px;font-family: 'Open Sans', sans-serif;font-size: 14px;border-radius: 0 0 3px 3px;}

.home .welcome_msg{
color: #333;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
}
.home .hours_msg{
background: url(/templates/_default_pizza/clock.png) transparent 100% 4px no-repeat;
color: #333;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
}

.advertising{text-align: center;margin: 40px 0 0;}
.home .right .advertising{
margin: 16px auto 0;
text-align: center;
padding: 0 0 10px;
}

.home .payment_types .content{
background-color: white;
padding: 10px 0 0;
border: 1px solid #CCC;
border-radius: 3px;
}

.home .mit_list{
margin: 0;
padding: 0;
list-style: none;
}
.home .mit_list li{
width: 212px;
height: 212px;
float: left;
margin: 10px;
background-size: cover;
border: 1px solid #422;
border-radius: 3px;
overflow: hidden;
background-position: center;
box-shadow:0 0 10px #000;
}
.home .mit_list h3{
text-align: center;
margin: 0 0 140px;
padding: 10px;
background-color: #CC0808;
color: white;
font-family: Lobster, cursive;
font-size: 20px;
font-weight: normal;
display: block;
height: 32px;
}
.home .mit_list .min_price{
background-color: #000;
color: #CAA;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
text-align: right;
font-size: 12px;
height: 20px;
line-height: 20px;
padding: 0 10px;
opacity:0.8;
}
.home .mit_list .min_price span{
font-size: 12px;
color:#FFF;
font-weight:bold;
}



/* Menu */
.menu h1{
font-family: Lobster, cursive;
font-size: 40px;
color: #CC0808;
margin: 0;
}
.menu ul.nav {
display: block;
margin: 0;
padding: 0;
border: 1px solid #333;
height: 44px;
border-radius: 3px;
background-color: #666;
font-size: 13px;
text-align: center;
}
.menu ul.nav li{
display: block;
margin: 0 10px;
padding: 0;
float:left;
text-align: center;
font-family: 'Open Sans', sans-serif;
line-height: 44px;
list-style: none;
}
.menu ul.nav li a{
color:#FFF;
text-decoration: none;
}

.menu .left_side{float:left;width:600px;}

table.menu_item_type{width: 600px;}
table.menu_item_type .type .name{width:300px;}

table.menu_item_type tr.type h2{
font-family: Lobster, cursive;
font-size: 30px;
color: #CC0808;
margin: 0;
}
table.menu_item_type tr.type .quant{
width:100px;
font-family: Lobster, cursive;
font-size: 20px;
text-align: center;
color: #CC0808;
}
table.menu_item_type tr.menu_item{
height: 60px;
}
table.menu_item_type tr.menu_item h3{
margin: 0 10px 0 0;
color: #DA3;
font-size: 20px;
font-variant: small-caps;
font-family: 'Open Sans', sans-serif;
float:left;
}
table.menu_item_type tr.menu_item .review{
font-size: 10px;
color: #CC0808;
margin: 0;
font-family: verdana;
vertical-align: sub;
}
table.menu_item_type tr.menu_item p{
font-size: 12px;
color: #777;
margin: 0;
font-family: verdana;
}
table.menu_item_type tr.menu_item .disabled{visibility: hidden;}
table.menu_item_type tr.menu_item .price_quant{
text-align: center;
width: 80px;
cursor:pointer;
}
table.menu_item_type tr.menu_item .price_quant:hover{
background: url(../pencil_add.png) top right no-repeat #ffe;
border:1px solid #CCC;
width:78px;
border-radius: 3px;
}
table.menu_item_type tr.menu_item .price{
font-family: Lobster, cursive;
font-size: 20px;
color: #da3;
}
table.menu_item_type tr.menu_item .quant{
font-size: 9px;
font-family:Verdana;
color: #999;
}

.menu .right_side{float:right;width:330px;}
.menu .right_side .advertising{margin: 20px 0 0;}
.menu .right_side .howto{display:inline-block;margin: 20px 0 0;}
.menu .right_side .howto h4{
margin: 0px 5px 5px;
color: #CC0808;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: normal;
}
.menu .right_side .howto h4 img{
padding: 5px;
background-color: white;
border-radius: 3px;
vertical-align: bottom;
}
.menu .right_side .howto p{
margin: 2px;
padding: 6px;
font-family: verdana;
color: #444;
font-size: 14px;
text-align: left;
}
.menu .right_side .howto a{
color: #CC0808;
}
.menu .right_side .howto ul{
color:#444;
font-family: verdana;
font-size:13px;
}


/* Order */
.order .row2{width:50%;float:left;vertical-align: top}

.order h1{
font-family: Lobster, cursive;
font-size: 30px;
color: #CC0808;
}
.order h2{
margin: 0;
color: #DA3;
font-size:26px;
}

form input[type='text'], form textarea, select{
margin: 1%;
font-size: 14px;
padding: 1%;
color:#444;
border:1px solid #ddd;
}

.order form input[type='text']{
width: 40%;
}
.order form textarea{
width: 46%;
height:200px;
vertical-align:middle;
}
.order form input[type='submit']{
font-size:22px;
}


/* Footer */
footer{
background-color: #da3;
color: #fff;
padding:20px 0;
box-shadow: 0 -5px 10px white;
}
footer .wrapper{
width: 960px;
margin: 0 auto;
}

footer .wrapper .social{width:390px;float: left;}

footer .wrapper .social h5{
font-family: Lobster, cursive;
color: #CC0808;
font-size: 30px;
margin: 0 0 10px;
text-align: center;
}
footer .wrapper .social ul{
margin: 0;
padding: 0;
}
footer .wrapper .social ul li{
margin: 0 10px 0 0;
text-align: center;
list-style: none;
padding: 0;
float:left;
}
footer .wrapper .social ul li a{}
footer .wrapper a .phone{color:#fff}
footer .wrapper .phone{
width: 420px;
float: right;
background-color: #444;
padding: 10px;
border-radius: 5px;
line-height: 76px;
}
footer .wrapper .phone .msg{
width: 120px;
display: block;
line-height: 30px;
float: left;
font-family: Lobster, cursive;
font-size: 20px;
text-align: center;
}
footer .wrapper .phone img{
float: left;
}
footer .wrapper .phone .number{
text-align: center;
font-family: 'Open Sans', sans-serif;
float: right;
font-size: 30px;
width: 230px;
}

footer .manger_bouger{
text-align: center;
font-family: 'Open Sans', sans-serif;
color: #333;
font-size: 11px;
}
footer .manger_bouger a{
color:#CC0808;
}

footer .powered_by{
text-align: center;
font-family: 'Open Sans', sans-serif;
color: #333;
font-size: 12px;
}
footer .powered_by a{
color:#CC0808;
}

/* FIXED */
#notepad{
position: fixed;
width: 350px;
height: 408px;
top: 40%;
right: -220px;
}
#notepad .side{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
background-color: #CC0808;
height: 50px;
width: 200px;
line-height: 50px;
text-align: center;
border-radius: 5px 5px 0 0;
border-top: 4px solid #FFF;
border-left: 4px solid #FFF;
border-right: 4px solid #FFF;
color:#FFF;
font-family: 'Open Sans', sans-serif;
font-size: 30px;
cursor:pointer;
box-shadow: 0 0 10px black;
}

#notepad.expanded .side{/*border-color: #CC0808;*/}

#notepad .content{
background-color: #FFF;
height: 400px;
width: 300px;
border-radius: 5px 0 0 5px;
border-top: 4px solid #CC0808;
border-left: 4px solid #CC0808;
border-bottom: 4px solid #CC0808;
font-family: 'Open Sans', sans-serif;
position: absolute;
top: -180px;
left: 130px;
box-shadow: 0 0 10px black;
}
#notepad .content p{
color: #666;
font-size: 12px;
margin: 4px;
text-align: justify;
}
#notepad .content .item_list{
font-size: 12px;
margin: 4px;
text-align: left;
overflow: auto;
height: 300px;
}
#notepad .content .item_list h5{
margin: 8px 0 2px;
text-align: center;
border-bottom: 1px dotted #CCC;
}
#notepad .content .item_list .quant{
color: #444;
margin: 0 4px 0 0;
width: 12px;
display: block;
float: left;
}
#notepad .content .item_list .name{ color:#c44; margin:0 4px 0 0;}
#notepad .content .item_list .size{ color:#999; margin:0 4px 0 0;font-size:10px}
#notepad .content .item_list .price{ color:#c99; margin:0 4px 0 0;font-size:11px;float:right}
#notepad .content .item_list .rem{
margin: 0 4px 0 0;
font-size: 10px;
float: right;
display: block;
width: 10px;
text-align: center;
background: #CCC;
color: white;
border-radius: 3px;
cursor: pointer;
}
#notepad .content .item_list .add{
margin: 0 4px 0 0;
font-size: 10px;
float: right;
display: block;
width: 10px;
text-align: center;
background: #C44;
color: white;
border-radius: 3px;
cursor: pointer;
}

#notepad .content .call_us{
text-align: left;
font-family: 'Open Sans', sans-serif;
color: #333;
font-size: 13px;
padding: 0 0 0 20px;
}

#notepad .content .call_us ul{
margin:0;
}
#notepad .content .call_us ul li{
list-style: none;
}

#notepad .content .call_us a{
color:#CC0808;
}

.scroll_top{
display:none;
position: fixed;
bottom: 10px;
cursor: pointer;
right: 10px;
background-color: white;
width: 50px;
height: 50px;
line-height: 65px;
text-align: center;
border-radius: 3px;
border: 4px solid #CC0808;
}



/* Contact */
.contact .info{
    float:left;
    vertical-align: top;
    font-family: 'Open Sans', sans-serif;
}
.contact .info h1{
font-family: Lobster, cursive;
font-size: 30px;
color: #CC0808;
}
.contact .info h2{
margin: 0;
color: #DA3;
font-size:26px;
}
.contact .info h3{
font-family: Lobster, cursive;
font-size: 20px;
color: #CC0808;
}
.contact .info p{
margin: 0;
color: #666;
font-size:18px;
}

#map_canvas{
    height:400px;
    width:400px;
    float:right;
    border: 1px solid #DA3;
}


/* payment types */
.home .payment_types img{height: 72px;max-width: 220px;}
.right .sharing-tools{margin: 8px 0 0 8px;}
.item_desc .sharing-tools{float: right;margin: 5px 0 0 0;}

/* addthis_toolbox */
.addthis_toolbox{margin: 12px 0 0 7px;}


/* messages */
.success{
width: 400px;
border: 1px solid #383;
padding: 50px;
margin: 100px auto;
border-radius: 3px;
background-color: #efe;
color: #383;
font-family: verdana;
}

.errors{
width: 400px;
border: 1px solid #C44;
background-color: #fee;
color: #C44;
border-radius: 3px;
margin: 0 auto;
padding: 10px;
}
/* debug */ 
.debug{
background-color: #333;
color: #AAA;
font-size: 12px;
display: block;
clear: both;
}