/****custom css Pizza Express restaurant*****/
/****Ingo Ruddat e.K.*****/
::-moz-selection { 				/**selected text**/
	background: #aeacac; 
	color: #fff; 
	text-shadow: none;
}
::selection { 
	background: #aeacac; 
	color: #fff; 
	text-shadow: none;
}

body {
	background: url(bg.body.jpg) no-repeat 50% 0 #F8F4EB;
	background-attachment: fixed;
	color: #282828;
}

a, a:visited, a:hover { 				/**normal links on site**/
	color: #000; 
	text-decoration: none;
}

.error {							/**error message**/		
	border-color: #e18181!important;
	color: #EA5555!important;
}

/********Header*******/
header {
	background: url(bg.header.png) repeat-x 50% 0
}

nav {
	background: url(bg.menu.png) repeat-x center;
}

nav ul {								/**subcategories links in header**/
	background: #790033;
	border: 1px solid #500022;
}

#additional_menu {						/**coupons, shopinfo links in header**/
	background: #fff;
	border: 1px solid #006b33;
}

#additional_menu div a {
	color: #000;
	border-right: 1px solid #000;
}

#categories ul li a {					/**top categories normal**/
	background: none repeat scroll 0 0 #ffd632;
	border: 1px solid #000;
}

#categories ul li a:hover,				/**top categories active**/ 
#categories ul li.active a {
	background: #000;
	color: #fff;
	border: 1px solid #000
}

#contacts {									/**contact info next to logo**/
	color: #000;
}

/******Sidebar******/
#sidebar {
	background: #000;
}

#sidebar .sidebar_head {				/**header text**/
	color: #ffd200;	
}

#sidebar #reviews .rating_text a {		/**ratings link color**/
	color:#cf9b9b;
}

#sidebar .table_inner {					/**menu product ingredients in shopping cart**/
	background: #edad23;
	border: 1px solid #fff;
}

#sidebar .table_row {					/**menu product ingredients spacing line in shopping cart**/
	border-bottom: 1px solid #F0BF68;
}

#sidebar .cart_table2 {					/**highlight last added product in the card**/
	background: #505050;
}

#sidebar .all_price .price {			/**prices color under shopping cart**/
	color: #ffd200;
}

#sidebar #order_form .field.input input, 		/**input elements**/
#sidebar #order_form .field.textarea textarea
{
	color: #505050;
	background: #fff;
	border: 1px solid #000;
}

#sidebar #payment_form label {				/**text color in payment label**/
	color: #fff;
}

#sidebar .change_zip a {					/**change zip code link**/
	color:#E9A326;
	background: url(ico.change_zip.gif) no-repeat left center;
}


#time_picker {
	color: #fff;
	background: #696969;
	border: 1px solid #000;
}

#time_picker .hours span,
#time_picker .minutes span,
#time_picker .next,
#time_picker .prev,
#time_picker .asap {
	border: 1px solid #000;
    background-color: #000;
    color: #8c8c8c;
}

#time_picker .title {
	color: #fff;
}

/*******Main content********/
a.meal_title {								/**Product title**/
	color:#a10000;
}

.add_to_card_button {					/**add to card icon**/
	background:url(btn.plus.png) no-repeat;
}

.sizes {								/**product sizes line**/
	background: #6fc443;
}

.sizes span {							/**size title**/
	color: #E9A326;
	background: #006b33;
}

.sizes a {
	color:#ffffff;
	border-right: 1px solid #fff;
}

.sizes a.active {						/**active sizes element**/
	background: #4e9e2d
}

/********Popup********/
.popup_table {							/**menu products&extras main table**/
	background: #a7000e;
}

.popup_table td.meal_ingredient span {	/**Titles color inside table**/		
	color: #E9A326;
}

.popup_table table tr td {				/**line color inside table**/
	border-bottom: 1px solid #cbcbcb;
}

.extra_ingredients ul li a {			/**ingredients**/
	border:1px solid #cbcbcb;
}

.extra_ingredients ul li a:hover, 
.extra_ingredients ul li.active a {
	background: #494949;
	color: #fff;
	border: 1px solid #000
}

/* SHOP IS CLOSED POPUP */

.popup_closed_header {
	font: italic normal normal 28px Georgia, serif;
	color: #FFFFFF;
	background: #000;
	text-align: center;
	padding: 11px 0 13px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.popup_closed_content .opening_time {
	font-size: 20px;
	color: #a30000;
}

#full_content {
    margin: 0;
    position: relative;
	height: 570px;
}
#apDiv1 {
	position: absolute;
	z-index: 1;
	visibility: visible;
	left: 658px;
	top: 15px;
}
#apDiv2 {
	position: absolute;
	height: 58px;
	z-index: 2;
	left: 11px;
	top: 354px;
	visibility: visible;
}
#apDiv3 {
	position: absolute;
	width: 645px;
	height: 335px;
	z-index: 3;
	left: 12px;
	top: 15px;
}
#apDiv4 {
	position: absolute;
	width: 876px;
	height: 19px;
	z-index: 4;
	left: 21px;
	top: 370px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 24px;
	font-style: oblique;
}

#apDiv5 {
	position: absolute;
	width: 901px;
	height: 42px;
	z-index: 5;
	left: 11px;
	top: 412px;
	text-align: center;
}
.verdana26C0FFFFFFtb {
    color: #C00000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
}
#apDiv6 {
	position: absolute;
	width: 279px;
	height: 13px;
	z-index: 6;
	left: 11px;
	top: 530px;
}
.verdana8808080FFFFFFt {
    color: #808080;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    text-decoration: none;
}
#apDiv7 {
	position: absolute;
	text-align: center;
	width: 901px;
	height: 59px;
	z-index: 7;
	left: 10px;
	top: 456px;
}
.verdana120FFFFFFt {
    color: #000000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 16px;
    text-decoration: none;
}
#apDiv8 {
	position: absolute;
	text-align:right;
	width: 279px;
	height: 13px;
	z-index: 6;
	left: 633px;
	top: 530px;
}

/* http://www.menucool.com */

#sliderFrame {
	position: relative;
	width: 645px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
        
#slider {
    width:645px;height:335px;/* Make it the same size as your images */
	background:#fff url(loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 1px 5px #999999;
}
#slider img {
	position:absolute;
	border:none;
	display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:440px;
	height:auto;
	padding:10px;
	left:120px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:10px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	background-color:red;
	border:3px solid white;
	border-radius: 5px;
}
div.mc-caption {
	font:bold 15px Arial;
	color:#EEE;
	z-index:4;
	padding:3px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:center;
}
div.mc-caption a {
	color:#FB0;
}
div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
	display:none;
	top:320px; left:280px; /* Its position is relative to the #slider */
	width:150px;
	background:none;
	padding-left:20px;
	position:relative;
	z-index:5;
	cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
	display:none;
    width:11px; height:11px;
    background:transparent url(bullet.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:11px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active {display:none; background-position:0 -11px;}


/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}


/* #subcategories {
    background-color: #000;
	} */

#subcategories {
    border-bottom: none;
	}
	
	
#subcategories li a, .additional_mobile_menu li a {
    background: none repeat scroll 0 0 #000;
    border: 1px solid #000;
	}
	
.new_layout_tr {
    background: none repeat scroll 0 0 #000;
}	

.custom_price strong:hover,
.custom_price span:hover{
background-color: #ffae00
}

.custom_input {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #000;
    color: #1f4783;
	}

.custom_select {
    background: none repeat scroll 0 0 #fff;
}	


.red_box {
    background: none repeat scroll 0 0 #b50213;
	}
	
.custom_select {
    border: 1px solid #000;
    color: #000;
}	


.product_list_new_table th {
    border-left: 1px solid #cfcfcf;
}


.popup_closed_content .preorder_text {
    color: #ffae00;
    font: italic 22px Georgia,serif;
    padding: 15px 0 0;
}


.popup_closed_buttons a {
    background-color: #fca03e;
    border: 1px solid #fca03e;
}

#subcategories li a, .additional_mobile_menu li a {
    color: #fff;
}