/* Sabor de Mexico Template (template.css) */

/* HTML Elements */ 
* { margin: 0px; padding: 0px; }

html { height: 100%; }

body {
	text-align: center;
	background: #73AE43 url(../images/background.jpg) top center no-repeat;
	color: #333333;
	font-size: .9em;
	margin-top: 50px;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

img { border: none; }

a { text-decoration: underline; color: #278420; outline: none; }

a:hover { text-decoration: none; }

p { line-height: 1.3em; margin-bottom: 1em; }

/* Form Elements */
input[type=text] { font-size: 1em; }

textarea { font-size: 1em; }

/* End of HTML Elements */

/* Template Layout */

div#center { width: 782px; margin-left: auto; margin-right: auto; }

div#wrapperholder-top {
	background: transparent url(../images/top-bg.gif) top center no-repeat;
	padding-top: 11px;
	height: 100%;
}

div#wrapperholder-bottom {
	margin: 0px;
	background: transparent url(../images/bottom-bg.gif) bottom center no-repeat;
	padding-bottom: 11px;
	height: 100%;
}

div#wrap {
	float: right;
	width: 762px;
	background: transparent url(../images/middle-bg.gif) top center repeat-y;
	text-align: left;
	padding: 0px 10px;
}

div#header {
	margin-bottom: 10px;
	padding: 0px;
}

div#logo { }

div#mainholder {
	background: transparent url(../images/content-bg.gif) top center no-repeat;
	padding: 16px 16px 0px 16px;
}

/* Template Blocks */

/* Top Menu  */

div#topmenu { float: right; margin-top: 15px; }

#topmenu ul {
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: normal;
	list-style-type: none;
}

#topmenu li { display: inline; line-height: 1em; }

#topmenu li a {
	background: transparent url(../images/topmenu-left-bg.gif) top left no-repeat;
	float: left;
	margin-left: 3px;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	cursor: pointer;
	color: #278420;
	font-size: 12px;
}

#topmenu li a span {
	background: transparent url(../images/topmenu-bg.gif) top right no-repeat;
	height: 14px;
	display: block;
	float: left;
	padding: 13px 10px 13px 0px;
}

#topmenu li a:hover, #topmenu li.current a { background: transparent url(../images/topmenu-left-bg.gif) no-repeat bottom left; }

#topmenu li a:hover span, #topmenu li.current a span { background: transparent url(../images/topmenu-bg.gif) no-repeat bottom right; }

#topmenu li a:hover span { color: #73AE43; }

#topmenu li.current a span { color: #494949; }

/* End of Top Menu */

/* Left Column */

div#left {
	background: transparent;
	float: left;
	text-align: left;
	width: 160px;
}

#left .block { margin-bottom: 15px; }

#left .block { margin-bottom: 15px; }

#left .block h2 {
	color: #278420;
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	margin-bottom: 5px;
	padding: 0px 0px 3px 0px;
}

#left .block ul { list-style-type: none; }

#left .block li { padding-bottom: 10px; line-height: 1.3em; }

#left .htmlblock .htmlcontent { padding: 0px 5px; }

#left .menublock h2 { background: transparent url(../images/h2_block_bg.png) bottom left no-repeat; }

#left .menublock ul { list-style-type: none; text-transform: uppercase; }

#left .menublock ul li { padding: 0px; line-height: 1em; margin-bottom: 10px; }

#left .menublock ul li a {
	background: transparent url(../images/leftmenu-bg.gif) top left no-repeat;
	height: 14px;
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #FFFFFF;
	padding: 13px 10px 13px 10px;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
}

#left .menublock ul li a:hover {
	background: transparent url(../images/leftmenu-bg.gif) bottom left no-repeat;
	color: #F6CBCD;
}

/* End Left Column */

/* Main Content */

div#maincontent { }

.content-column { margin-left: 160px; padding-left: 20px; width: 550px; }

.content h1.title {
	background: transparent url(../images/chilli_pepper.gif) top left no-repeat;
	padding-left: 27px;
	padding-top: 3px;
	display: block;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
	margin-top: 0px;
	margin-bottom: .8em;
	color: #278420;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 8px;
}

.content h1,
.content h2 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	margin-top: .2em;
	margin-bottom: .5em;
}

.content h3,
.content h4 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	margin-top: .3em;
	margin-bottom: .2em;
}

.content h1, .content h3 { color: #D92D36; }
.content h2, .content h4 { color: #73AE43; }

.content ul, #content ol { margin: 0 1.5em; margin-bottom: 1em; }

.content li {
	list-style-position: outside;
	line-height: 1.2em;
	text-indent: 0px;
	padding: 2px 0px;
}

/* Main Content Ends */

/* User1 Block */

div#user1 { margin-bottom: 10px; }

/* User1 Block Ends */

/* Copyright Section */

div#copyright-top {
	margin-top: 10px;
	background: transparent url(../images/top-bg-green.gif) top center no-repeat;
	padding-top: 11px;
	height: 100%;
}

div#copyright-bottom {
	margin: 0px;
	background: transparent url(../images/bottom-bg-green.gif) bottom center no-repeat;
	padding-bottom: 11px;
	height: 100%;
}

div#copyright {
	float: right;
	width: 762px;
	background: transparent url(../images/middle-bg-green.gif) top center repeat-y;
	text-align: left;
	padding: 0px 10px;
	font-size: 90%;
	line-height: 1.3em;
}

#copyright p { margin: 0px; padding: 0px; line-height: 32px; vertical-align: middle; }

/* Copyright Section Ends */

/* Menu Styles */

.menutable { margin-bottom: 1em; }

.menutable td { padding: 5px 10px; border-bottom: 1px dotted #DDDDDD; }

.menutable tr:hover { background-color: #DEF2D6; }

.menutable td.description {
	width: 80%;
	color: #278420;
	text-align: left;
}

.menutable td.price {
	width: 20%;
	color: #D92D36;
	text-align: right;
	font-weight: bold;
}

/* End Menu Styles */

/* Useful CSS */

.floatleft { float: left; }

.floatright { float: right; }

.clearfloat {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}
.clearleft {
	clear: left;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}
.clearright {
	clear: right;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}

.leftalign { text-align: left; }

.rightalign { text-align: right; }

.green { color: #278420; }

.red { color: #D92D36; }