body {
  text-align: center;
  font-family: Arial;
  font-size: 12px;
  color: #000;
  padding: 0px;
  margin: 0px;
  background-image: url(../images/bg.jpg);
}

img {
	border: 0px;
}

p {
  padding: 0px;
  margin: 0px;
  line-height: 15px;
}

h2 {
  padding: 0px;
  margin: 0px;
  background-image: url(../images/head-bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  height: 70px;
  line-height: 70px;
  color: #9e0226;
  font-size: 18px;
  text-align: center;
}

form {
  padding: 0px;
  margin: 0px;
}

a:link, a:visited {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #646464;
  text-decoration: underline;
}

#wrapper {
  width: 717px;
  margin: 0px auto 0px;
  text-align: left;
  padding: 0px;
  position: relative;
}

#content {
  width: 717px;
  margin: 0px auto 0px;
  padding: 0px;
}

#header {
  width: 697px;
  margin: 10px 0px 0px 0px;
  padding: 10px 0px 0px 20px;
  height: 159px;
  background: url(../images/header-bg.gif) no-repeat bottom;
}

.flt_lft {
	float: left;
}

.flt_rht {
	float: right;
}

#webim {
	margin:-15px 0px 0px 300px;
	position:absolute;
}

#viewcart {
	float: right;
	padding: 30px 20px 0px 0px;
	margin: 0px;
	text-align:right;
}

#viewcart a {
	color: #fff;
}

a#facebook, a#twitter {
	margin: 0px 0px 3px 10px;
	display:block;
	overflow: hidden;
	text-indent: -10000px;
	text-align:left;
	width: 90px;
	height: 15px;
	background: url(../images/facebook.jpg) no-repeat 0px -15px;
}

a#facebook:hover, a#twitter:hover {
	background-position: 0px 0px;
}

a#twitter {
	background-image: url(../images/twitter.jpg);
	margin-bottom:20px;
}

#topmenu {
	position: absolute;
  padding: 0px;
  margin: 0px 0px 0px 80px;
  height: 35px;
  line-height: 27px;
  color: #fff;
	width: 568px;
  text-align: center;
	background: #720e1f; 
	font-size: 14px;
	font-weight: bold;
	top:133px;
	left: 0px;
}

#topmenu ul .item, #topmenu ul .itemlast{
	display:none;
	font-size: 12px;
	font-weight: normal;
}

#topmenu ul:hover .item{
	display:block;
	background:#720e1f;
	padding:0px;
	margin:0px; 
	width: 175px; 
	text-align:left; 
	text-indent:10px; 
	font-size: 12px;
	font-weight: normal;
}

#topmenu ul:hover .itemlast{
  display:block;
  padding:0px 0px 5px 0px;
	margin:0px; 
	width: 175px; 
	text-align:left; 
	text-indent:10px;
  background-image: url(../images/sub-menu-bot.gif);
  background-repeat: no-repeat; 
  background-position: left bottom;
}

#topmenu ul#item0, #topmenu ul#item10 {
	width: 10px;
	padding: 0px;
	margin: 0px;
}

#topmenu ul#item1, #topmenu ul#item2 {
	width: 50px;
	padding-top:4px;
}

#topmenu ul#item3 {
	width: 100px;
	padding-top:4px
} 

#topmenu ul#item4, #topmenu ul#item5 {
	width: 75px;
	padding-top:4px
}

#topmenu ul#item6 {
	width: 85px;
	padding-top:4px
}

#topmenu ul#item7 {
	width: 85px;
	padding-top:4px
}

#topmenu ul:hover .item a, #topmenu ul:hover .itemlast a{
	color:#fff;
	text-decoration:none;
}

#topmenu ul:hover .item a:hover{
	color:#fff;
}

#topmenu ul li a:hover {
	text-decoration: underline;
}

#topmenu ul{width:100px;float:left;margin:0px;padding:0px 2px 0px 2px;list-style:none; text-align:center;}


#topmenu a:link, #topmenu a:visited, #topmenu a:hover {
  color: #fff;
}

#main {
  width: 717px;
  margin: 0px;
  padding: 0px;
  background: url(../images/main-bg.gif);
  float:left;
}

#main p {
  padding: 0px;
  margin: 0px;
}

#left {
  padding: 10px 0px 0px 46px;
  margin: 0px;
  width: 210px;
  float: left;
}

#right {
  padding: 10px 0px 0px 0px;
  margin: 0px;
  width: 744px;
  float: left;
}

/****************************** PAGES ******************************/

#home, #menu, #about, #contact, #sitemap, #account {
  padding: 5px 5px 10px 10px;
  margin: 0px;
  text-align: center;
}

.error, .success {
	width:100%;
	position:absolute;
	top:10px;
	left:0px;
	background: url(../images/error-bg.png);
}

.success {
	background: url(../images/success-bg.png);
}
	
.error p, .success p {
	line-height: 29px;
	color: #fff;
	font-weight: bold;
}

.f11 {
	font-size: 11px;
}

/****************************** HOME ******************************/

#opening, #footer_bar {
  padding: 0px;
  margin: 10px 0px 10px 0px;
  width: 100%;
  height: 26px;
  background-image: url(../images/open-bar.jpg);
  color: #f2f2f2;
  line-height: 26px;
}

#home_left, #home_right {
  padding: 0px;
  margin: 0px;
  width: 50%;
  float: left;
}

#home_right {
  text-align: left;
}  

/****************************** MENU **************************/

#menu  h3, #about h3, #sitemap h3 {
  padding: 0px;
  margin: 0px auto 0px;
  width: 667px;
  height: 35px;
  line-height: 35px;
  background-image: url(../images/menu-top-bg.jpg);
  text-indent: 10px;
  font-size: 16px;
  text-align: left;
}

.menubox {
	padding: 20px;
	margin: 0px;
	font-weight:bold;
	float:left;
}

.submenu_top, .submenu_bottom {
  padding: 0px;
  margin: 0px auto 0px;
  width: 640px;
  height: 20px;
  background-image: url(../images/submenu-top.jpg);
}

.submenu_bottom {
  background-image: url(../images/submenu-bottom.jpg);
}

.submenu {
  padding: 0px;
  margin: 0px auto 0px;
  width: 635px;
  text-align: left;
  background-color: #fff;
}

.subm_left {
  padding: 0px;
  margin: 0px;
  width: 635px;
  float: left;
  font-size: 11px;
}

.subm_left form {
	padding:0px;
	margin:0px;
	float:left;
}

.subm_right {
  padding: 0px;
  margin: 0px;
  width: 165px;
  float: right;
  text-align: right;
}

.subm_right a {
  float: right;
  margin-top: 5px;
}

.subm_desc {
  padding: 3px 5px 3px 10px;
  margin: 0px;
  width: 325px;
  float: left;
}

.third {
	width: 190px;
}

.subm_option {
	padding: 3px;
	margin: 0px;
	width: 129px;
	float:left;
	font-weight: bold;
}

.smlong {
  width: 435px;
}  

.subm_desc strong {
  color: #ac0f0f;
	font-size: 12px;
}

.subm_desc b {
	font-size: 12px;
}

.subm_desc i {
  color: #ac0f0f;
}

.subm_price {
  padding: 0px;
  margin: 0px;
  width: 150px;
  float: left;
  font-weight: bold;
	font-size:12px;
}

.shalf {
  width: 30px;
}

.w60 {
	width:60px;
	padding-left:5px;
}

.w45 {
	width: 45px;
}
	

.shalf strong {
  font-weight: normal;
  color: #ac0f0f;
}

img.menuarrow {
	float: left;
	padding: 5px 3px;
}

.menuinput {
	font-size:11px;
	border:1px solid #ddd; 
	width:20px;
	float: left;
}

.hotbox, .mildbox, .mediumbox, .vegbox {
	padding: 0px;
	margin: 2px 4px 2px 0px;
	float:left;
	background: #e02630;
	width: 10px;
	height: 10px;
}

.mildbox {
	background: #f1bb22;
}

.mediumbox {
	background: #3f2690;
}

.vegbox {
	background: #619c35;
}

.line {
	padding: 0px;
	margin: 10px 0px;
	width: 100%;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	border-bottom: 1px dashed #ddd;
}

/*********** FLOATING MENU **************/

	#floatMenu {
		position:absolute;
		top:150px;
		right:50%;
		margin-right:349px;
		width:170px;
		}
		#menutop, #menuend {
			padding: 0px;
			margin: 0px;
			width: 170px;
			height: 10px;
			background: url(../images/menu-top.gif) no-repeat top right;
		}
		
		#menuend {
			background: url(../images/menu-end.gif) no-repeat bottom right;
		}
		
		#floatMenu ul {
				list-style: none;
				margin: 0px;
				padding: 0px;
			}
			
			#floatMenu ul li {
				margin: 0px;
				padding: 0px;
			}
			
			#floatMenu ul li a {
				display:block;
				background:url(../images/menu-bg.gif) repeat-y right;
				text-decoration:none;
				color:#ccc;
				padding:5px 5px 5px 40px;
				margin: 0px;
			}
			#floatMenu ul li a:hover {
				color:#fff;
			}
			
			
	#floatCart {
		position:absolute;
		top:150px;
		left:50%;
		margin-left:353px;
		width:142px;
		}
		#carttop, #cartend {
			padding: 0px;
			margin: 0px;
			width: 142px;
			height: 10px;
			background: url(../images/cart-top.gif) no-repeat top left;
		}
		
		#cart {
			padding: 0px 0px 20px 0px;
			margin: 0px;
			background:url(../images/cart-bg.gif) repeat-y left;
			text-align: center;
			font-size:11px;
		}
		
		#cart .flt_lft {
			padding-left: 10px;
			text-align:left;
		}
		
		#cart .flt_rht {
			padding-right: 10px;
		}
		
		#cart h3 {
			width: 100%;
			text-align: center;
			margin:0px 0px 5px 0px;
			padding: 0px 0px 5px 0px;
			line-height: 25px;
			color: #720E1F;
			font-size: 12px;
			border-bottom: 1px dotted #ddd;
		}
		
		#cartend {
			background: url(../images/cart-end.gif) no-repeat bottom left;
		}

/****************************** ACCOUNT ***************************/

#usercp {
	padding: 0px;
	margin: 20px auto;
	text-align: left;
	width: 590px;
}

#loginbox {
	padding: 0px 20px;
	text-align: left;
}

.usercol {
	padding: 10px 0px;
	margin: 0px 0px 0px 20px;
	float:left;
	width: 270px;
}

.usercol img {
	float: left;
	margin: 0px 10px;
}

#usercp p {
	float: left;
	padding: 0px;
	margin: 30px 0px 0px 0px;
}

.usercol a {
	color: #9c0226;
}

.usercol a:hover {
	text-decoration: none;
	color: #c1042f;
}

.formhead {
	padding: 0px 20px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	height: 26px;
	line-height: 26px;
	background: url(../images/open-bar.jpg) repeat-x;
}

.form {
	text-align: left;
	margin: 20px 0px 20px 100px;
	padding: 0px;
}

.hishead, .hislist {
	padding: 5px 0px;
	margin: 0px;
	float: left;
	width: 70px;
	text-align:left;
}

.hishead {
	font-size: 12px;
	font-weight: bold;
	color: #9E0226;
}

.w30 {
	width: 30px;
}

.w50 {
	width: 55px;
}

.w115 {
	width:200px;
}

.w110 {
	width:110px;
}

.w201 {
	width: 400px;
}

.w395 {
	width: 555px;
	text-align:right;
	padding-right:10px;
}

.hisbutton {
	width:64px; 
	text-indent:10px;
	}

.hisrow {
	padding: 0px 0px 0px 10px;
	margin: 0px auto;
	width: 570px;
	border-top: 1px dotted #fff;
	background: #ddd;
	color: #000;
}

.headrow {
	width: 560px;
	margin: 0px auto;
}

.hisrow:hover {
	background: #999;
}

.hisrow a {
	color: #000;
}

.hisrow a:hover {
	text-decoration: none;
}

/*************************** SHOPPING CART *************************/

#shopping {
	width: 550px;
	margin: 10px auto;
	padding: 0px;
	text-align: left;
}

#shopping_cart {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100%;
	border: 1px dotted #999;
	font-size: 12px;
	background: #ddd;
	color: #034C0E;
	text-align:left;
}

#head_del, #head_desc, #head_qty, #head_price, #head_total, #head_desc_chk {
  padding: 0px 0px 5px 0px;
  font-weight: bold;
  margin: 0px;
  float: left;
	color: #9E0226;
}

#head_del {
  width: 10%;
	text-align:center;
}

#head_desc {
  width: 50%;
}

#head_qty {
  width: 10%;
}

#head_price {
  width: 10%;
}

#head_total {
  width: 15%;
  text-align: right;
	padding-right:15px;
}

.list_del, .list_desc, .list_qty, .list_price, .list_total, .left_total, .right_total {
  padding: 5px 0px;
  margin: 0px;
  float: left;
	color: #000;
	font-size: 12px;
}

.list_del {
  width: 10%;
	text-align:center;
	vertical-align: middle;
}

.list_desc {
  width: 50%;
}

.list_qty {
  width: 10%;
}

.list_price {
  width: 10%;
}

.hr {
	padding: 0px;
	margin: 0px;
	width: 100%;
	border-bottom: 1px dashed #999;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

.list_total {
  width: 15%;
  text-align: right;
	padding-right:15px;
}            

.left_total, .right_total {
  width: 80%;
  text-align: right;
  font-weight: bold;
}

.right_total {
  width: 15%;
	padding-right:15px;
}

.cart_buttons {
  float: left;
  width: 33%;
  padding: 0px;
  margin: 0px 0px 40px 0px;
  text-align: center;
}

#deloptions {
  padding:0px 0px 0px 10px;
  margin: 0px;
  text-align: left;
  width: 93%;
  float: left;
}

#continue {
	padding: 0px;
	margin: 40px auto;
	width: 200px;
	font-size: 16px;
}

#continue a {
	font-size: 12px;
	font-weight: bold;

}

.invtotal {
	text-align: right;
	font-size: 14px;
	padding: 5px 20px;
}

/****************************** CHECKOUT ***************************/

.stp1box {
	padding: 0px;
	margin: 0px;
	width: 50%;
	float: left;
}

.stp1box img {
	margin-top:5px;
}

.chk, #head_desc_chk {
	width: 60%;
	text-indent: 10px;
}

/****************************** ABOUT ***************************/

#about p, #sitemap p {
  padding: 20px 40px 20px 40px;
  margin: 0px;
  text-align: left;
}

#comments p {
  padding: 5px 40px 5px 40px;
}

#comments {
  padding: 15px 0px 15px 0px;
  margin: 0px;
}

#about h4 {
  padding: 0px 0px 0px 40px;
  margin: 0px;
  text-align: left;
  font-size: 14px;
}

/****************************** CONTACT ***************************/

#contact p {
  text-align: left;
}

/****************************** SITEMAP ***************************/

#sitemap ul {
  text-align: left;
  line-height: 25px;
  color: #960224;
  margin-bottom: 0px;
  margin-top: 0px;
}

/******************************* CLASSES ***************************/

.inputbox {
  border: 1px solid #960224;
  font-family: Arial;
  color: #646464;
  font-size: 14px;
  width: 200px;
}

.button {
  background-color: #960224;
  color: #f1f1f1;
  border: 1px solid #5b0217;
  font-weight:bold;
}

.button_wht {
  background-color: #fff;
  color: #0785d9;
  border: 1px solid #0785d9;
}

.button_link {
  background-color: #0785d9;
  border: 1px solid #e1dfdf;
  padding: 5px;    
  color: #e1dfdf;
  display: block;
}

.button_link a:link, .button_link a:visited, .button_link a:hover {
  color: #e1dfdf;
}

.category_link a:link, .category_link a:visited, .category_link a:hover {
  font-family: Arial Narrow;
  font-size: 14px;
  color: #0785d9;
}

.w200 {
  width: 200px;
}

.w70 {
  width: 70px;
  text-transform: uppercase;
}

.clear {
  clear: both;
}

.commentbox {
	width:550px;
	margin:0px 0px 0px 70px;
	border: 1px solid #ddd;
	color: #960224;
	font-size: 12px;
	font-family: Arial;
}

/****************************** CLASSES ******************************/

#controlpanel {
  width: 366px;
  float: left;
  padding: 0px;
  margin: 10px 0px 10px 0px;
}

.cpdark, .cplight {
  width: 120px;
  float: left;
  padding: 0px;
  margin: 0px;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  border: 1px solid #fff;
  background-color: #0785d9;
}

.cplight {
  background-color: #e1dfdf;
}

.cpdark a:link, .cpdark a:visited, .cpdark a:hover {
  color: #e1dfdf;
}

.cplight a:link, .cplight a:visited, .cplight a:hover {
  color: #0785d9;
}

.heading, .listing, .cartlisting {
  background-color: #0785d9;
  color: #e1dfdf;
  font-weight: bold;
  border: 1px solid #fff;
  font-size: 12px;
  padding: 5px;
}

.listing {
  background-color: #e1dfdf;
  color: #0785d9;
  font-weight: normal;
}

.cartlisting {
  background-color: #E7A1B0;
  color: #0785d9;
}

#footer_bar {
  width: 98%;
  text-align: center;
  margin: 0px 0px 0px 10px;
	padding: 0px;
}

#footer_bar a {
  color: #f2f2f2;
}

#footer {
  width: 717px;
  padding: 10px 0px 0px 0px;
  margin: 0px;
	background:  url(../images/footer-bg.gif) no-repeat;
  text-align: center;
  font-size: 11px;
	float:left;
  color: #fff;
}

#footer p {
  padding: 10px 0px 15px 0px;
}


#footer a:link, #footer a:visited, #footer a:hover {
  color: #e1dfdf;
}

#footer_left, #footer_right {
  width: 335px;
  float: left;
  padding: 10px 0px 15px 11px;
  margin: 0px;
  text-align: left;
  text-indent: 17px;
}

#footer_right {
  text-align: right;
}

#form, .comment {
  float: left;
  width: 600px;
  padding: 0px;
  margin: 10px 0px 10px 40px;
  text-align: left;
}

#form p {
  padding: 0px 0px 10px 0px;
  margin: 0px;
}

.comment {
  border-bottom: 1px dashed #ddd;
  margin: 5px 0px 5px 40px;
  padding: 0px 0px 10px 0px;
}

#form form {
  padding: 0px;
  margin: 0px;
  float: left;
}

.form_left, .form_right, .cmt_left, .cmt_right {
  float: left;
  width: 400px;
  padding: 5px 0px 5px 0px;
  margin: 0px;
}

.form_left, .cmt_left {
  width: 200px;
  font-weight: bold;
}

.cmt_left {
  width: 150px;
}

.imagebox {
  float: left;
  width: 150px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  text-align: center;
}

/********************************SLIDE SHOW**********************/

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid #999;
overflow: scroll; /*leave this value alone*/
width: 670px; /*Width of Carousel Viewer itself*/
height: 250px; /*Height should enough to fit largest content's height*/
margin: 0px 0px 10px 15px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 650px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
font-size: 11px;
}

.stepcarousel .panel img {
  border: 0px solid #fff;
  padding: 3px;
  /*background-color: #fff;  */
  float: left;
}

.panel .pleft{
  float: left;
  width: 310px;
}

.pleft h3 {
  padding: 15px 0px 15px 0px;
  margin: 0px;
  font-size: 14px;
  text-indent: 0px;
  text-align: left;
}

.text {
  background-color: #898989;
  margin: 0px 10px 0px 0px;
  padding: 10px;
  text-align: left;
}

/*************************** GOOGLE MAPS ***************************/

#map {
  width:350px;
  height:275px;
  margin: 10px 20px 10px 0px;
  border:2px solid #999;
  float: right;
}