/*

Theme Name: TastyPlace

Theme URI: http://premopress.com

Description: TastyPlace is a flexible theme perfect for restaurants of any kind. It features a powerful menu system, google maps integration, customer reviews and more!

Author: PremoPress

Author URI: http://PremoPress.com

Version: 1.1

Tags: restaurant, menu, food, green, red, blue

*/







/* Reset CSS */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	background: transparent;

	border: 0;

	margin: 0;

	padding: 0;

	vertical-align: baseline;

}

body {

	line-height: 1.5;

}

h1, h2, h3, h4, h5, h6 {

	clear: both;

	font-weight: normal;

}

ol, ul {

	list-style: none;

}

blockquote {

	quotes: none;

}

blockquote:before, blockquote:after {

	content: '';

	content: none;

}

del {

	text-decoration: line-through;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a img {

	border: none;

}















/* GLOBAL */



body{

	background:url(images/body_bg.jpg);

	color:#606060;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



#header_wrapper{

	width:100%;

	height:165px;

	display:block;

	background:url(images/header_bg.jpg) repeat-x;

}

#header-locate a {
	position: absolute;	
	margin-top:60px;
	margin-left: 200px;
	height: 60px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 55px;
	background:url(../../uploads/2012/11/cafe-heavenly-location.png) no-repeat top left;
}

#header_top{

	width:980px;

	padding: 0px 43px;

	height:122px;

	background:url(images/header_image.jpg) no-repeat;

	background-position:43px 0px;

	margin:0 auto;

	clear:both;

}

#header_navbar{

	background:url(images/navbar_bg.jpg) repeat-x;

	width:100%;

	text-align:center;

	height:39px;

	display:block;

	clear:both;

}

#header_navbar_bottom{

	background:#cc5d4c;

	height:4px;

	display:block;

	width:100%;

	clear:both;

	overflow:hidden;

}

#main_wrapper_shadow{

	background:url(images/content_bg_shadow.png) no-repeat top;

	margin:0 auto;

	width:1066px;

}

#main_wrapper{

	width:1066px;

	background:url(images/content_bg.png) top repeat-y;

	_background:url(images/content_bg_ie6.gif) top repeat-y;

	clear:both;

	margin:0 auto;

}



#main{

	width:980px;

	clear:both;

	margin:0 auto;

	padding-top:30px;

	padding-bottom:10px;

}



a, a:visited{

	color:#cc5d4c;

}

a:hover{

	color:#e37f70;

}





.h1-hash{

	background:url(images/dash_large.jpg) repeat-x;

	height:43px;

	display:block;

	padding:14px 0 0 39px;

}

.h2-hash{

	background:url(images/dash_small.jpg) repeat-x;

	height:30px;

	display:block;

	padding:8px 0 0 39px;

}



h1{

	color:#cc5d4c;	

	font-size:30px;

	font-weight:bold;

}

h2{

	color:#cc5d4c;	

	font-size:24px;

	font-weight:bold;

}

h3{

	color:#cc5d4c;

	font-weight:bold;

}

/* Header Social */

#header-homelink{

	height:120px;

	width:270px;

	float:left;

	text-indent:-3000px;

}



#header-social{

	margin-top:20px;

	width:270px;

	float:right;

}

#widget-social{

	border-bottom:1px solid #EFEFEF;

	width:314px;

	float:left;

	padding:10px 0;

	margin-bottom:10px;

}

#header-social-icon{

	background:url(images/phone-icon.png) bottom no-repeat;

	width:60px;

	height:80px;

	float:left;

	display:block;

}

#header-social-buffer{

	width:60px;

	height:80px;

	float:left;

	display:block;

}

#widget-social-icon{

	background:url(images/phone-icon.png) bottom no-repeat;

	width:60px;

	height:50px;

	float:left;

	display:block;

}



#header-social-info,

#widget-social-info{

	width:170px;

	float:left;

}

#header-social-info-icons{

	clear:both;

	padding-bottom:10px;

	text-align:right;

}

#header-social-info-icons img{

	margin-right:3px;

}

#header-social-info-caption,

#widget-social-info-caption{

	clear:both;

	border-bottom:1px dashed #666;

	font-size:16px;

	font-weight:bold;

	padding:4px 0;

}

#header-social-info-number,

#widget-social-info-number{

	clear:both;

	font-size:18px;

	font-weight:bold;

	padding:4px 0;

	color:#cc5d4c;

}

/* Main Navigation */



#access {

	display: block;

	margin: 0 auto;

	height:39px;

	width:980px;

	padding: 0px 43px;

	_overflow:hidden;

}

#access .menu-header,

div.menu {

	font-size: 13px;

	height:20px;

	margin: 0 auto;

	*margin-left:200px;

}

#access .menu-header ul,

div.menu ul {

	list-style: none;

	text-align:center;

	*width:980px;

	*margin:0 auto;

}

#access .menu-header li,

div.menu li {

	display:inline-block;

	position:relative;

	*float:left;

}

#access a {

	font-family:"Times New Roman", Times, serif;

	font-size:18px;

	text-transform:uppercase;

	font-weight:bold;

	color: #FFF;

	display: block;

	line-height: 39px;

	padding: 0 10px;

	padding-bottom:4px;

	text-decoration: none;

}

#menu-top-menu{

	padding:0px;

}

#access ul ul {

	display: none;

	position: absolute;

	top: 43px;

	left: 0;

	float: left;

	width: 182px !important;

	z-index: 99999;

	padding:0px;

	margin:0px;

	border-bottom:1px #CCC solid;

}

#access ul ul li {

	min-width: 180px;

	border-top:1px #CCC solid;

	border-left:1px #CCC solid;

	border-right:1px #CCC solid;

	text-align:left;

	display:block;

	*clear:both;

}

#access ul ul ul {

	left: 100%;

	top: 0;

}

#access ul ul a {

	background:url(images/navbar_sub_bg.jpg) top;

	line-height: 1em;

	padding: 10px;

	width: 160px;

	height: auto;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#066;

	text-transform:none;

	text-shadow:none;

}

#access li:hover > a{

	color: #fff;

	background:url(images/navbar_bg_hover.jpg) top;

}

#access ul ul :hover > a {

	color: #fff;

	font-family:Arial, Helvetica, sans-serif;

	background:url(images/navbar_sub_bg_hover.jpg) top;

	color: #066;

	text-shadow:none;

}

#access ul li:hover > ul {

	display: block;

}

#access ul li.current_page_item > a,

#access ul li.current-menu-ancestor > a,

#access ul li.current-menu-item > a,

#access ul li.current-menu-parent > a {

	color: #fff;

}

#access ul ul li.current_page_item > a,

#access ul ul li.current-menu-ancestor > a,

#access ul ul li.current-menu-item > a,

#access ul ul li.current-menu-parent > a {

	font-family:Arial, Helvetica, sans-serif;

	color: #066;

	text-shadow:none;

}

* html #access ul li.current_page_item a,

* html #access ul li.current-menu-ancestor a,

* html #access ul li.current-menu-item a,

* html #access ul li.current-menu-parent a,

* html #access ul li a:hover {

	color: #fff;

}





















/* One Column Layout */

#content_full_home{

	width:980px;

	margin-top:-30px;

}

#content_full{

	width:980px;

}

.menu-category-link, .menu-category-link:visited{

	background:url(images/menu-link-arrow.png) no-repeat 10px 1px;

	width:850px;

	height:26px;

	display:block;

	background-color:#C30;

	color:#FFF;

	padding-left:50px;

	padding-top:8px;

	margin-bottom:3px;

	font-size:18px;

	font-weight:bold;

	text-decoration:none;

	text-transform:uppercase;

}

.menu-category-link:visited:hover,.menu-category-link:hover{

	background-color:#930;

	color:#FFF;

}















/* Homepage */



#featured_item{

	width:980px;

	height:282px;

	display:block;

	clear:both;

	background:#5b5847;

}

#featured_col1{

	width:460px;

	padding:20px 20px;

	float:left;

}



.featured_col2_left{

	width:360px;

	float:left;

}

.featured_col2_right{

	width:100px;

	float:left;

}





#featured_col2 h2{

	color:#fffec6;

	font-size:18px;

}

#featured_col2 h1{

	color:#FFF;

	font-size:30px;

	margin:8px 0;

}

#featured_col2 h1 a{

	color:#FFF;

}



#featured_col2{

	padding-top:30px;

	width:460px;

	float:left;

	color:#FFF;

	text-shadow:#333 1px 1px 1px;

}

#featured_col2 p{

	margin-top:10px;

}





#featured_col1 img{

	border:1px solid #CCC;

	padding:4px;

	background:#FFF;

}







.dotted_divider{

	background:url(images/dotted_divider.png) repeat-x;

	width:100%;

	height:3px;

	clear:both;

}





.full-width-h1{

	width:980px;

	margin:0px;

	padding-left:0px;

	text-align:center;

}





.featured-menu-column{

	width:440px;

	padding-left:29px;

	float:left;

	

}

.feat-column-item{

	height:70px;

	display:block;

	clear:both;

	margin:28px 0px;

}

.page-column-item{

	height:70px;

	display:block;

	float:left;

	width:440px;

	margin:28px 0px 28px 32px;

}

.feat-column-left{

	width:150px;

	float:left;

}

.feat-column-left img{

	padding:2px;

	border:#CCC 1px solid;

}

.feat-column-right{

	width:290px;

	float:left;

}

.feat-link,

.feat-link:visited{

	font-weight:bold;

	color:#666;

	text-decoration:none;

	display:block;

	margin:4px 0;

}



.feat-column-desc{

	width:220px;

	float:left;

}

.feat-column-price{

	width:64px;

	text-align:center;

	height:22px;

	color:#666;

	float:left;

	font-weight:bold;

}







/* Widgets */

#homepage-widgets{

	width:980px;

	clear:both;

}

.homepage-widget-container-left{

	width:480px;

	padding-right:10px;

	float:left;

}

.homepage-widget-container-right{

	width:480px;

	padding-left:10px;

	float:right;

}



.homepage-widget-container-left p,

.homepage-widget-container-left ul{

	padding-left:29px;

	padding-right:10px;

	text-align:justify;

}

.homepage-widget-container-right ul,

.homepage-widget-container-right p{

	padding-right:19px;

	padding-left:10px;

	text-align:justify;

}

.widget-title{

	background:url(images/dash_small.jpg) repeat-x;

	height:30px;

	display:block;

	padding:8px 0 0 0;

	text-align:center;

}

.quote_start,

.quote_end{

	width:13px;

	height:13px;

	display:inline-block;

	background:url(images/quote.jpg) no-repeat;

}

.quote_end{

	background-position:-13px 0px;

}

.quote_name{

	font-style:italic;

	font-weight:bold;

	display:block;

	padding:6px 0px;

	float:right;

}





.footer-widgets{

	clear:both;

	margin:0;

	padding:30px 0 0 0;

	display:block;

}

.footer_contact_details p{

	padding:8px 0;


}

.footer-widget-left,

.footer-widget-center,

.footer-widget-right{

	width:314px;

	margin-right:19px;

	float:left;

}

.footer-widget-right{

	margin:0px;

}



.business_hours_message{

	width:270px;

	padding-left:41px;

	background:url(images/shedule-clock.png) no-repeat left;

	border-bottom:2px solid #EEE;

	display:block;

	padding-top:14px;

	height:36px;

	font-size:18px;

	font-weight:bold;

}

.shedule_row{

	width:311px;

	clear:both;

	border-bottom:2px solid #EEE;

	font-size:14px;

	padding:4px 0;

}

.shedule_day{

	width:150px;

	font-weight:bold;

	float:left;

	text-align:right;

}

.shedule_hours{

	width:150px;

	padding-left:10px;

	float:left;

}



#footer_map_canvas_border{

	padding:3px;

	border:1px solid #EFEFEF;

	margin:0 auto;

	width:266px;

	height:160px;

}

#footer_map_canvas{

	width:266px;

	height:160px;	

}

#footer_map_link{

	width:310px;

	text-align:center;

}





/* Directions */



.directions-left{

	width:320px;

	margin-right:20px;

	float:left;

}

.directions-right{

	width:640px;

	float:left;

}

#map_canvas_border{

	padding:3px;

	border:1px solid #EFEFEF;

	margin:0 auto;

}

#map_canvas{

	width:600px;

	height:640px;	

}

#map_info_div{

	margin:20px 0;

	clear:both;

}

.hidden{

	display:none;

}







/* Two Column Layout */



#content_left{	

	width:640px;

	float:left;

	padding-right:20px;

}

#primary{

	background:url(images/sidebar_divider.jpg) left repeat-y;

	padding-left:20px;

	width:290px;

	float:right;

	

}

#breadcrum{

	font-size:11px;

	padding:4px 0 8px 39px;

}



.post-wrapper{

	padding-bottom:30px;

	position:relative;

	*position:inherit;

}



#comments-wrapper{

	width:639px;

}





.wide-entry-title-wrapper{

	width:941px;

}

.entry-title-wrapper{

	width:600px;

}





.entry-title{

	width:560px;

	float:left;

}

.entry-content img{

	border:1px solid #CCC;

	padding:3px;

	background:#FFF;

}

.entry-comments{

	background:url(images/comments_bubble.png) no-repeat;

	top:14px;

	right:30px;

	width:29px;

	height:29px;

	color:#FFF;

	float:left;

}

.entry-comments a{

	color:#FFF;

	font-size:11px;

	width:29px;

	height:15px;

	padding-top:5px;

	text-align:center;

	display:block;

}

.entry-title a{

	font-size:30px;	

	text-decoration:none;

}

.entry-summary, .entry-content{

	padding:10px 0 0 39px;

}

.entry-content-wide{

	padding:10px 39px 0 39px;

}

.entry-published{

	padding:10px 0 0 39px;

	font-size:11px;

	clear:both;

}



.entry-utility{

	padding:10px 0 0 39px;

	font-size:11px;

	line-height:14px;

}

.entry-utility a{

	font-size:11px;

	text-decoration:underline;

}



/* Menu Post */

.entry-title-menu{

	width:500px;

	float:left;

}

.entry-price{

	text-align:center;

	top:10px;

	right:10px;

	width:64px;

	height:22px;

	color:#666;

	float:left;

	font-size:16px;

	font-weight:bold;

}

.entry-price-featured{

	width:100px;

	color:#FFF;

	font-size:30px;

	text-align:center;

}

.entry-price sup,

.feat-column-price sup{

	font-size:10px;

}

.entry-price-featured sup{

	font-size:18px;

}





/* Star Rating */

.ratethispost, .postrating{

	width:64px;

	height:12px;	

}

.entry-price-featured .ratethispost,

.entry-price-featured .postrating{

	margin-left:5px;

}

.stary{

	background:url(images/stary.png) no-repeat;

	width:12px;

	height:12px;

	display:block;

	float:left;

}

.starg{

	background:url(images/starg.png) no-repeat;

	width:12px;

	height:12px;

	display:block;

	float:left;

}

.starh{

	background:url(images/starh.png) no-repeat;

	width:12px;

	height:12px;

	display:block;

	float:left;

}





.post-like{ margin-top:1px; width:64px; margin:0 auto;}

  



/* Footer */

#footer_wrapper{

	width:1066px;

	background:url(images/footer_shadow.png) bottom;

	_background:none;

	clear:both;

	height:51px;

	display:block;

	margin:0 auto;

	margin-bottom:30px;

}

#footer_top{

	width:980px;

	height:4px;

	background-color:#cc5d4c;

	display:block;

	clear:both;

	margin:0 auto;

	overflow:hidden;

}

#footer{

	background:url(images/footer_bg.jpg) repeat-x;

	width:980px;

	height:40px;

	display:block;

	clear:both;	

	margin:0 auto;

	padding-top:10px;	

}

#footer-copy{

	float:left;

	width:600px;

	color:#FFF;

	font-size:12px;

	line-height:16px;

	padding-left:20px;

}

#footer-social-info-icons{

	width:170px;

	float:right;

	padding-bottom:10px;

}

#footer-social-info-icons img{

	margin-right:3px;

}











/* Sidebar */

.xoxo{

	list-style:none;

	margin:0px;

	padding:0px;

	padding-right:20px;

}

.xoxo li{

	padding:20px 0px;

}







.sidebar-widget-title{

	background:url(images/dotted_divider.jpg) repeat-x bottom;

	height:30px;

	font-size:18px;

	margin-bottom:4px;

	color:#666;

}

.widget-container ul{

	list-style:disc;

	padding-left:16px;

}

.widget-container ul li{

	padding:2px 0;

	color:#cc5d4c;

}

.widget-container ul li span{

	color:#666;

}

.widget_search input{

	padding:6px;

	width:180px;

	background:#F9F9F9;

	border:1px solid #F3F3F3;

	color:#666;

	font-size:14px;

}



.xoxo #reviews_fader{

	color:#666;

	list-style:none;

	min-height:100px;

	padding:0px;

}

#reviews_fader li{

	color:#666;

}



#searchsubmit,

#get_directions{

	background:url(images/navbar_bg.jpg);

	border:0px;

	color:#FFF;

	width:60px;

	padding:6px;

	font-size:12px;

	cursor:pointer;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

#searchsubmit:hover,

#get_directions:hover{

	background:url(images/navbar_bg_hover.jpg);	

}

.sidebar-featured-image{

	float:left;

	margin-right:10px;

	margin-bottom:6px;

	padding:3px;

	border:1px solid #DEDEDE;

}





/* Text elements */

p {

	margin-bottom: 18px;

}

ul {

	list-style: disc;

	margin: 0 0 18px 1.5em;

}

ol {

	list-style: decimal;

	margin: 0 0 18px 1.5em;

}

ol ol {

	list-style: upper-alpha;

}

ol ol ol {

	list-style: lower-roman;

}

ol ol ol ol {

	list-style: lower-alpha;

}

ul ul,

ol ol,

ul ol,

ol ul {

	margin-bottom: 0;

}

#comments-wrapper ol,

#comments-wrapper ul{

	list-style:none;

}



dl {

	margin: 0 0 24px 0;

}

dt {

	font-weight: bold;

}

dd {

	margin-bottom: 18px;

}

strong {

	font-weight: bold;

}

cite,

em,

i {

	font-style: italic;

}

big {

	font-size: 131.25%;

}

ins {

	background: #ffc;

	text-decoration: none;

}

blockquote {

	font-style: italic;

	padding: 0 3em;

}

blockquote cite,

blockquote em,

blockquote i {

	font-style: normal;

}

pre {

	background: #f7f7f7;

	color: #222;

	line-height: 18px;

	margin-bottom: 18px;

	padding: 1.5em;

}

abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

sup,

sub {

	height: 0;

	line-height: 1;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}



/* Comments */

.commentlist{

	padding-left:39px;

}

.commentlist li {

	padding-top:10px;

}

.comment-author{

	width:96px;

	float:left;

}



.comment{

	display:block;

	clear:both;

}



.comment-wrapper{

	width:470px;

	float:left;

	margin-bottom:20px;

}

.comment-meta{

	color:#888;

	font-size:11px;

	padding:5px 0;

}

.comment-body{

	background-color:#f7f7f7;

	border:1px solid #efefef;

	color:#606060;

	padding:10px;

}

#reply-title{

	padding:20px 0;

	background:none;

}



#commentform{

	padding-left:39px;

}

#commentform p{

	clear:both;

	line-height:26px;

}

#commentform p #author,

#commentform p #email,

#commentform p #url{

	float:left;

	padding:4px;

	border:1px solid #efefef;

	-moz-border-radius: 5px;

	border-radius: 5px;

	margin-right:5px;

}

#commentform p textarea{

	padding:4px;

	border:1px solid #efefef;

	-moz-border-radius: 5px;

	border-radius: 5px;

	width:600px;

}



#commentform p #submit{

	background:url(images/navbar_bg.jpg);

	border:0px;

	color:#FFF;

	width:120px;

	padding:6px;

	font-size:12px;

	cursor:pointer;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

#commentform p #submit:hover{

	background:url(images/navbar_bg_hover.jpg);	

}











/* =Images

-------------------------------------------------------------- */



/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 4px;

}

.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 12px;

}

.wp-caption {

	background: #f1f1f1;

	line-height: 18px;

	margin-bottom: 20px;

	max-width: 632px !important; /* prevent too-wide images from breaking layout */

	padding: 4px;

	text-align: center;

}

.wp-caption img {

	margin: 5px 5px 0;

}

.wp-caption p.wp-caption-text {

	color: #888;

	font-size: 12px;

	margin: 5px;

}

.wp-smiley {

	margin: 0;

}

.gallery {

	margin: 0 auto 18px;

}

.gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}

.gallery-columns-2 .gallery-item {

	width: 50%;

}

.gallery-columns-4 .gallery-item {

	width: 25%;

}

.gallery img {

	border: 2px solid #cfcfcf;

}

.gallery-columns-2 .attachment-medium {

	max-width: 92%;

	height: auto;

}

.gallery-columns-4 .attachment-thumbnail {

	max-width: 84%;

	height: auto;

}

.gallery .gallery-caption {

	color: #888;

	font-size: 12px;

	margin: 0 0 12px;

}

.gallery dl {

	margin: 0;

}

.gallery img {

	border: 10px solid #f1f1f1;

}

.gallery br+br {

	display: none;

}

#content .attachment img {/* single attachment images should be centered */

	display: block;

	margin: 0 auto;

}









/* Pagination */



 

.bottom-page-navigation{

	width:900px;

	padding:0 39px;

	clear:both;

	height:40px;

	display:block;

}

 

.nav-paginate {}

.nav-paginate a {background:url(images/pagination_btns.png); width:31px; height:22px; text-align:center; display:inline-block; color:#666; margin-right:4px; padding-top: 9px; text-align:center; text-decoration:none;}

.nav-paginate a:hover, .nav-paginate a:active {background:url(images/pagination_btns.png) -30px 0px; color:#888;}

.nav-paginate .nav-title {color:#555; margin-right:4px;}

.nav-paginate .nav-gap {color:#999; margin-right:4px;}

.nav-paginate .nav-current {background:url(images/pagination_btns.png) -60px 0px; color:#FFF; width:31px; height:22px; display:inline-block; padding-top: 9px; text-align:center;}

.nav-paginate .nav-page {}

.nav-paginate .nav-prev, .nav-paginate .nav-next {}
#header_top {
    background-image: url("../../uploads/tasty/tasty_header.png") !important;
}

#online-shop {max-width:410px;}
    #online-shop .proditem {
        font-size:15px;
        line-height:1.4em;
        font-family: Arial, sans-serif;
        font-weight:bold;
        border:1px solid #cccccc;
        background-color:#FFFFFF;
        padding:4px;
        float:left;
        margin:0 4px 8px 0;
        width:400px;
    }
    #online-shop .proditem div {
        padding:10px;
        background-color:#BDFDE5;
        min-height:100px;
    }
#online-shop .proditem div br {display:none;}
#online-shop .proditem div h2 br, #online-shop .proditem div p br {display:inline-block;}
    #online-shop .proditem img {
        float:left;
        max-width:160px;
        margin-right:10px;
        margin-top:0;
        margin-bottom:0;
    }
    #online-shop .proditem h2 {display:inline-block;color:#CC5D4C;font-size:24px;font-weight:bold;margin:0;text-align:center;width:200px;}
    #online-shop .proditem p {margin:0;margin-left:160px;text-align:center;min-width:200px;}
    #online-shop .proditem p em {display:block;color:#CC5D4C;font-size:12px;text-align:center;}
    #online-shop .proditem table {width:100%;margin-top:4px;border-collapse:collapse;}
    #online-shop .proditem table th, .proditem table td {font-size:18px;border:1px solid #cccccc;font-weight:bold;color:#CC5D4C;padding:4px;text-align:left;}
    #online-shop .proditem table th {background-color:#dddddd;}
    #online-shop .proditem table td[colspan="2"]{background-color:#eeeeee;text-align:center;}