﻿@charset "utf-8";
/* CSS Document */

body {
	background-color:#ab0b0b;
	background-image:url(../img/BG5.gif);
	background-repeat:repeat;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

#Rock 
{
    width:auto;
    height:660px;
    margin:0;
    padding:0;
    background-image:url(../img/BG3.gif);
	background-repeat:repeat-x;
	position:relative;
}
/*html>body #Rock {margin-top:-29px;}*/

#overAll {
	margin:0px auto 0 auto;
	padding-top:30px;
	width:1100px;
	height:650px;
	position:relative;
}

a {border:none;}

#a {background-image:url(../img/BG_transparentA.png);width:1100px;height:20px;}
#b {background:url(../img/BG_transparentB2.png) repeat;width:1100px;height:644px;}
#c {background-image:url(../img/BG_transparentC.png);width:1100px;height:20px;}
    
.footerText {font-size:10px;color:#FFFFFF;margin:0 0 0 20px;float:left;margin:6px 0px 0 860px;}
a.footerLink:link {text-decoration:underline;color:#FFFFFF;}
a.footerLink:visited {text-decoration:underline;color:#FFFFFF;}
a.footerLink:hover {text-decoration:none;color:#FFFFFF;}
a.footerLink:active {text-decoration:underline;color:#FFFFFF;}

#header {
	width:1100px;
	height:110px;
	color:#FFFFFF;
}

#lns {width:370px;height:110px;float:left;}

.logo {
	width:110px;
	height:100px;
	float:left;
}

a.logo:link {background:url(../img/img_logoTrans2.png) no-repeat bottom right;}
a.logo:visited {background:url(../img/img_logoTrans2.png) no-repeat bottom right;}
a.logo:hover {background:url(../img/img_logoTrans2.png) no-repeat bottom right;}
a.logo:active {background:url(../img/img_logoTrans2.png) no-repeat bottom right;}

#name {padding:36px 0 0 0px;font-size:40px;}

#slogan {font-size:15px;}

#phoneNum {font-size:20px;color:White;margin:0 0 14px 30px;}/* margin-left:590px; if wanted on the right */
a.emailAddy:link {color:White;text-decoration:underline;}
/*a.emailAddy:visited {color:White;text-decoration:underline;}*/
a.emailAddy:hover {color:Red;text-decoration:none;}
/*a.emailAddy:active {color:White;text-decoration:underline;}*/

#menu {
	width:700px;
	height:100px;
	float:left;
}

.menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7 {width:95px;height:94px;float:left;margin:2px 0 0 4px;}

a.menu6:link {background:url(../img/btn_topHome.png) no-repeat;}
a.menu6:visited {background:url(../img/btn_topHome.png) no-repeat;}
a.menu6:hover {background:url(../img/btn_topHome.png) no-repeat;background-position:-96px 0;}
a.menu6:active {background:url(../img/btn_topHome.png) no-repeat;}

a.menu1:link {background:url(../img/btn_topContactUs.png) no-repeat;}
a.menu1:visited {background:url(../img/btn_topContactUs.png) no-repeat;}
a.menu1:hover {background:url(../img/btn_topContactUs.png) no-repeat;background-position:-95px 0;}
a.menu1:active {background:url(../img/btn_topContactUs.png) no-repeat;}

a.menu2:link {background:url(../img/btn_topDesserts.png) no-repeat;}
a.menu2:visited {background:url(../img/btn_topDesserts.png) no-repeat;}
a.menu2:hover {background:url(../img/btn_topDesserts.png) no-repeat;background-position:-95px 0;}
a.menu2:active {background:url(../img/btn_topDesserts.png) no-repeat;}

a.menu3:link {background:url(../img/btn_topCatering.png) no-repeat;}
a.menu3:visited {background:url(../img/btn_topCatering.png) no-repeat;}
a.menu3:hover {background:url(../img/btn_topCatering.png) no-repeat;background-position:-95px 0;}
a.menu3:active {background:url(../img/btn_topCatering.png) no-repeat;}

a.menu4:link {background:url(../img/btn_topMenus.png) no-repeat;}
a.menu4:visited {background:url(../img/btn_topMenus.png) no-repeat;}
a.menu4:hover {background:url(../img/btn_topMenus.png) no-repeat;background-position:-95px 0;}
a.menu4:active {background:url(../img/btn_topMenus.png) no-repeat;}

a.menu5:link {background:url(../img/btn_topOrdering.png) no-repeat;}
a.menu5:visited {background:url(../img/btn_topOrdering.png) no-repeat;}
a.menu5:hover {background:url(../img/btn_topOrdering.png) no-repeat;background-position:-95px 0;}
a.menu5:active {background:url(../img/btn_topOrdering.png) no-repeat;}

a.menu7:link {background:url(../img/btn_topInquiry.png) no-repeat;}
a.menu7:visited {background:url(../img/btn_topInquiry.png) no-repeat;}
a.menu7:hover {background:url(../img/btn_topInquiry.png) no-repeat;background-position:-95px 0;}
a.menu7:active {background:url(../img/btn_topInquiry.png) no-repeat;}

.whiteBar {
	margin:auto;
	width:1048px;
	height:17px;
	background:url(../img/img_whiteBar.png) no-repeat;
}

#content {
	width:1100px;
	height:350px;
	margin-left:8px;
}

/**************************/

.c2, .c3, .c4, .c5, .c6 {float:left;margin:4px 0px 0 10px;width:200px;height:325px;}

.c2 a span, .c3 a span, .c4 a span, .c5 a span, .c6 a span {display: none;}

.c2 a:hover span, .c3 a:hover span, .c4 a:hover span, .c5 a:hover span, .c6 a:hover span {
	display:block;
	position:absolute;
	top:540px;
	left:50px;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
}

a.c2:link {background:url(../img/btn_ContactUsFront.png) no-repeat;}
a.c2:visited {background:url(../img/btn_ContactUsFront.png) no-repeat;}
a.c2:hover {background:url(../img/btn_ContactUsFront.png) no-repeat;background-position: -200px 0;}
a.c2:active {background:url(../img/btn_ContactUsFront.png) no-repeat;}

a.c3:link {background:url(../img/btn_DessertsFront.png) no-repeat;}
a.c3:visited {background:url(../img/btn_DessertsFront.png) no-repeat;}
a.c3:hover {background:url(../img/btn_DessertsFront.png) no-repeat;background-position: -200px 0;}
a.c3:active {background:url(../img/btn_DessertsFront.png) no-repeat;}

a.c4:link {background:url(../img/btn_CateringFront.png) no-repeat;}
a.c4:visited {background:url(../img/btn_CateringFront.png) no-repeat;}
a.c4:hover {background:url(../img/btn_CateringFront.png) no-repeat;background-position: -200px 0;}
a.c4:active {background:url(../img/btn_CateringFront.png) no-repeat;}

a.c5:link {background:url(../img/btn_MenusFront.png) no-repeat;}
a.c5:visited {background:url(../img/btn_MenusFront.png) no-repeat;}
a.c5:hover {background:url(../img/btn_MenusFront.png) no-repeat;background-position: -200px 0;}
a.c5:active {background:url(../img/btn_MenusFront.png) no-repeat;}

a.c6:link {background:url(../img/btn_OrderingFront.png) no-repeat;}
a.c6:visited {background:url(../img/btn_OrderingFront.png) no-repeat;}
a.c6:hover {background:url(../img/btn_OrderingFront.png) no-repeat;background-position: -200px 0;}
a.c6:active {background:url(../img/btn_OrderingFront.png) no-repeat;}

span#content {text-decoration:none;}

#subcontent {
	width:1050px;
	height:120px;
	margin-left: 18px;
}

.s2, .s3, .s5 {float:right;margin:4px 0px 0 10px;width:200px;height:94px;}
.s4 {float:left; margin:7px 0px 0 10px;width:384px;height:94px;}

.s2 a span, .s3 a span {display: none;}

.s2 a:hover span, .s3 a:hover span {
	display:block;
	position:absolute;
	top:540px;
	left:50px;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
}

a.s2:link {background:url(../img/btn_BikeMenu.png) no-repeat;}
a.s2:visited {background:url(../img/btn_BikeMenu.png) no-repeat;}
a.s2:hover {background:url(../img/btn_BikeMenu.png) no-repeat;background-position: -200px 0;}
a.s2:active {background:url(../img/btn_BikeMenu.png) no-repeat;}

a.s3:link {background:url(../img/btn_BikeOrder.png) no-repeat;}
a.s3:visited {background:url(../img/btn_BikeOrder.png) no-repeat;}
a.s3:hover {background:url(../img/btn_BikeOrder.png) no-repeat;background-position: -200px 0;}
a.s3:active {background:url(../img/btn_BikeOrder.png) no-repeat;}

a.s5:link {background:url(../img/btn_BikeContact.png) no-repeat;}
a.s5:visited {background:url(../img/btn_BikeContact.png) no-repeat;}
a.s5:hover {background:url(../img/btn_BikeContact.png) no-repeat;background-position: -200px 0;}
a.s5:active {background:url(../img/btn_BikeContact.png) no-repeat;}

span#subcontent {text-decoration:none;}

/*---*/

#info {width:1041px;height:96px;background-image:url(../img/img_infoBarFront.png);margin:10px 0 0 27px;}


#contentMain {width:1100px;height:480px;}

#contentLeft {width:850px;height:480px;float:left;color:#FFFFFF;font-size:12px;}

#aboutImg 
{
    width:210px;
    height:230px;
    background:url(../img/img_contactImg.png) no-repeat bottom right;
    float:left;
    margin:40px 22px 0 60px;
}

#aboutContent 
{
    width:500px;
    height:290px;
    background:url(../img/BG_aboutContent3.png) no-repeat;
    float:left;
    font-size:12px;
    color:#FFFFFF;
    text-align:justify;
    margin-top:10px;
    margin-left:45px;
}

a.email:link {text-decoration:underline;color:#FFFFFF;}
a.email:visited {text-decoration:underline;color:#FFFFFF;}
a.email:hover {text-decoration:none;color:#FFFFFF;}
a.email:active {text-decoration:underline;color:#FFFFFF;}

span.email {text-decoration:underline;color:#FFFFFF;}

span.email:hover {text-decoration:none;color:#FFFFFF;}


table.detailsTable 
{
    border:none;
    margin-left:20px;
}
td.detailsWidth
{
    width:70px;
}

/*p {margin:20px 20px 0 20px;}*/
p.contact {margin:14px 20px 0 20px;}
p.details {margin:18px 20px 0 20px;line-height:18px;}

.btn_about, .btn_inquiry, .btn_testimonials {width:231px;height:60px;float:left;margin:15px 0 0 36px;}
.btn_why, .btn_news, .btn_classes {width:231px;height:60px;float:left;margin:23px 0 0 36px;}

a.btn_about:link {background:url(../img/btn_about_aboutUs2.png) no-repeat;}
a.btn_about:visited {background:url(../img/btn_about_aboutUs2.png) no-repeat;}
a.btn_about:hover {background:url(../img/btn_about_aboutUs2.png) no-repeat;background-position: -231px 0;}
a.btn_about:active {background:url(../img/btn_about_aboutUs2.png) no-repeat;}

a.btn_why:link {background:url(../img/btn_about_whyUs2.png) no-repeat;}
a.btn_why:visited {background:url(../img/btn_about_whyUs2.png) no-repeat;}
a.btn_why:hover {background:url(../img/btn_about_whyUs2.png) no-repeat;background-position: -231px 0;}
a.btn_why:active {background:url(../img/btn_about_whyUs2.png) no-repeat;}

a.btn_testimonials:link {background:url(../img/btn_about_testimonials2.png) no-repeat;}
a.btn_testimonials:visited {background:url(../img/btn_about_testimonials2.png) no-repeat;}
a.btn_testimonials:hover {background:url(../img/btn_about_testimonials2.png) no-repeat;background-position: -231px 0;}
a.btn_testimonials:active {background:url(../img/btn_about_testimonials2.png) no-repeat;}

a.btn_inquiry:link {background:url(../img/btn_about_inquiry2.png) no-repeat;}
a.btn_inquiry:visited {background:url(../img/btn_about_inquiry2.png) no-repeat;}
a.btn_inquiry:hover {background:url(../img/btn_about_inquiry2.png) no-repeat;background-position: -231px 0;}
a.btn_inquiry:active {background:url(../img/btn_about_inquiry2.png) no-repeat;}

a.btn_news:link {background:url(../img/btn_about_news2.png) no-repeat;}
a.btn_news:visited {background:url(../img/btn_about_news2.png) no-repeat;}
a.btn_news:hover {background:url(../img/btn_about_news2.png) no-repeat;background-position: -231px 0;}
a.btn_news:active {background:url(../img/btn_about_news2.png) no-repeat;}

a.btn_classes:link {background:url(../img/btn_about_faq.png) no-repeat;}
a.btn_classes:visited {background:url(../img/btn_about_faq.png) no-repeat;}
a.btn_classes:hover {background:url(../img/btn_about_faq.png) no-repeat;background-position: -231px 0;}
a.btn_classes:active {background:url(../img/btn_about_faq.png) no-repeat;}



#contentRight {float:left;margin:10px 0 0 20px;}




/*- Dessert Page -*/
#dessertImg 
{
    width:161px;
    height:230px;
    background:url(../img/img_dessertImg.png) no-repeat;
    float:left;
    margin:10px 0 0 110px;
}

.redPotContent p {margin:45px 40px 0 40px;}

#prodImg {width:231px;height:230px;background:url(../img/img_redpotImg.png) no-repeat;float:left;margin:20px 0 0 40px;}
*:first-child+html #prodImg {margin-left:310px;}


/*- Catering Page -*/
#cateringImg, #cateringImg2 
{
    width:224px;
    height:240px;
    background:url(../img/img_cateringImg.png) no-repeat;
    float:left;
    margin:10px 0 0 70px;
}

#backstageImg {width:266px;height:230px;background:url(../img/img_backstageImg.png) no-repeat;float:left;margin:10px 0 0 26px;}
*:first-child+html #backstageImg {margin:30px 0 0 270px;}


/*- Corporate Catering Page -*/
#cateringImg2 {float:none;margin:10px 0 0 40px;}

#corpText1 
{
    width:262px;
    height:203px;
    background:url(../img/BG_corpCatering1.png);
    margin:27px 0 0 20px;
    color:#FFFFFF;
    font-size:12px;
}
#corpText1 p {padding:50px 25px 0 25px;text-align:justify;}
*:first-child+html #corpText1 p {padding:50px 25px 0 25px;}

#corpText3 
{
    width:543px;
    height:471px;
    background:url(../img/BG_corpContent.png);
    position:absolute;
    top:214px;
    left:300px;
    color:#FFFFFF;
    font-size:12px;
}
#corpText3 p {padding:0;margin:40px 45px 0 45px;text-align:justify;}
*:first-child+html #corpText2 p {padding:0;margin:30px 25px 0 25px;}


/*- Backstage Events Page -*/
#backstageImg2 {width:266px;height:230px;background:url(../img/img_backstageImg.png) no-repeat;float:left;margin:20px 0 0 40px;}


#backstageText2 
{
    width:302px;
    height:200px;
    background:url(../img/BG_backstage_Content2.png) no-repeat;
    float:left;
    margin:25px 0 0 15px;
}
#backstageText2 p {margin:26px 18px 18px 18px;text-align:justify;}
ul.backstageList1 {line-height:9px;}
*:first-child+html ul.backstageList1 {line-height:15px;}

#backstageText3 
{
    width:503px;
    height:200px;
    background:url(../img/BG_backstage_Content3.png) no-repeat;
    float:left;
    margin:25px 0 0 25px;
}
#backstageText3 p {margin:13px 18px 18px 18px;text-align:justify;}
ul.backstageList2 {line-height:9px;}
*:first-child+html ul.backstageList2 {line-height:15px;}

.backstageTable {padding:0 20px 0 20px;}

/*- Ordering Page -*/
#orderImg {width:224px;height:240px;background:url(../img/img_ordering.png) no-repeat;float:left;margin:10px 0 0 140px;float:none;}
#orderBG1 {width:440px;height:200px;background:url(../img/BG_menuText3.png);margin:30px 0 0 20px;color:#FFFFFF;font-size:12px;}
#orderText1 {margin:0px 0 0 5px;overflow-y:auto;overflow-x:hidden;width:424px;height:200px;}
#orderText2 {overflow-y:auto;overflow-x:hidden;width:350px;height:460px;margin:7px 0 0 5px;text-align:right;}

.corpText2 
{
    width:370px;
    height:470px;
    background:url(../img/BG_orderingDetails2.png);
    position:absolute;
    top:214px;
    left:479px;
    color:#FFFFFF;
    font-size:12px;
}

form#orderBoxForm {margin:14px 0 0 0;}
*:first-child+html form#orderBoxForm {margin:0;}

input.orderBox {margin:0 10px 10px 0;}/*size:40px;background: #fff777;*/
*:first-child+html input.orderBox {margin:10px 8px 0px 0;}

table.orderTable th {text-align:center;}
table.orderTable td {text-align:center;}

table.itemName td {text-align:left;}


/*- Menu Page -*/
#menuImg {width:244px;height:222px;background:url(../img/img_menuImg.png) no-repeat;margin:20px 0 0 120px;}

#menuText1 
{
    width:530px;
    height:200px;
    background:url(../img/BG_menuText2.png);
    margin:38px 0 0 20px;
    color:#FFFFFF;
    font-size:12px;
}
#menuText1 p {padding:26px 20px 0 20px;text-align:justify;}


#menuText2 
{
    width:275px;
    height:490px;
    background:url(../img/BG_menuList2.png);
    position:absolute;
    top:214px;
    left:577px;
    color:#FFFFFF;
    font-size:12px;
}
#menuText2 p {padding:0;margin:4px 14px 0 25px;}

a.menuText:link {color:#FFFFFF;text-decoration:none;}
a.menuText:visited {color:#FFFFFF;text-decoration:none;}
a.menuText:hover {color:#FFFFFF;text-decoration:underline;}
a.menuText:active {color:#FFFFFF;text-decoration:none;}

.menu_style
{
    text-align:left;
    font-weight:bold;
}

.order_table th
{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.order_table td
{
    text-align: left;
}



#ticker {width:195px;height:471px;background:url(../img/BG_ticker.png);position:relative;}

#marqueecontainer {
    width:180px;
    height:450px;
    position:absolute;
    top:14px;
    overflow:hidden;
}

#vmarquee 
{
    position:absolute;
    top:0px;
    left:13px;
}

#marqueecontainer img
{
    margin-bottom:2px;
}


/* Add/Delete Items */

#addItems {margin:100px;}

#deleteItems {margin:20px 0 0 0px;width:auto;height:460px;overflow-y:scroll;overflow-x:hidden;}

a.addDeleteItemsBtn:link {font-size:16px;color:#FFFFFF;text-decoration:none;}
a.addDeleteItemsBtn:visited {font-size:16px;color:#FFFFFF;text-decoration:none;}
a.addDeleteItemsBtn:hover {font-size:16px;color:#FFFFFF;text-decoration:underline;}
a.addDeleteItemsBtn:active {font-size:16px;color:#FFFFFF;text-decoration:none;}


/* Inquiry */

#inquiry 
{
    width:543px;
    height:471px;
    background:url(../img/BG_corpContent.png);
    position:absolute;
    top:214px;
    left:200px;
    color:#FFFFFF;
    font-size:12px;
    overflow-y:auto;
    overflow-x:hidden;
}
#inquiry p {margin:20px 20px 0 20px;}

.inquiryForm td {padding:0 20px;}

#inquiryError {color:#000000;}

#inquiry span {color:#000000;}

table.inquiryTable {margin-left:30px;}

/* Red Pot Foods */

#redPot 
{
    width:543px;
    height:471px;
    background:url(../img/BG_corpContent.png);
    position:absolute;
    top:156px;
    left:200px;
    color:#FFFFFF;
    font-size:12px;
    overflow-y:auto;
    overflow-x:hidden;
}

#redpotText {margin:100px;}

p.thanks {color:#FFFFFF;font-weight:bold; text-align:center;background:url(../img/BG_minQuan.png) repeat;}

.minQuan {color:#FFFFFF;font-weight:bold; text-align:center;background:url(../img/BG_minQuan.png) repeat;}




.desHoverBox {width:500px;height:220px;float:left;margin:10px 0 0 79px;position:relative;}
.desHoverBoxImg {width:500px;height:220px;float:left;background:url(../img/BG_box.png) no-repeat;position:relative;}
.desHoverBoxText {margin:-170px 50px 0 50px;position:relative;float:left;}


.RPFhoverBox {width:500px;height:220px;float:left;clear:both;margin:14px 0 0 40px;position:relative;}
.RPFhoverBoxImg {width:500px;height:220px;float:left;background:url(../img/BG_box.png) no-repeat;position:relative;}
.RPFhoverBoxText {margin:-180px 50px 0 50px;position:relative;float:left;}


.CPChoverBox {width:500px;height:220px;float:left;margin:10px 0 0 50px;position:relative;}
.CPChoverBoxImg {width:500px;height:220px;float:left;background:url(../img/BG_box.png) no-repeat;position:relative;}
.CPChoverBoxText {margin:-160px 50px 0 50px;position:relative;float:left;}

.BShoverBox {width:500px;height:220px;float:left;clear:both;margin:5px 0 0 35px;position:relative;}
.BShoverBoxImg {width:500px;height:220px;float:left;background:url(../img/BG_box.png) no-repeat;position:relative;}
.BShoverBoxText {margin:-170px 50px 0 50px;position:relative;float:left;}


.BSEhoverBox {width:500px;height:250px;float:left;margin:10px 0 0 39px;position:relative;}
.BSEhoverBoxImg {width:500px;height:250px;float:left;background:url(../img/BG_box2.png) no-repeat;position:relative;}
.BSEhoverBoxText {margin:-215px 50px 0 50px;position:relative;float:left;}
.BSEclick {margin:-30px 0 0 400px;position:relative;float:left;}

.CPCclick {margin:-30px 0 0 400px;position:relative;float:left;}
