/*********************** 
*  	GENERAL STYLES	 *
***********************/

/**change color**/
body {
background-color:#fff;
margin:15px 0px 10px 0px;
}

/**change image**/
.header {
background:url(Resources/images/site/rocklands/header_02.png) center top repeat-x;
}

/**change background-color**/
.navPosition {
height:28px;
padding-top:8px;
background-color:#990000;
margin-left:auto;
margin-right:auto;
padding-left:20px;
border-bottom:2px solid #000;
}
*html .navPosition {
height:36px;
}

.mainTabs a:link{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
}

.mainTabs a:active{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
}

.mainTabs a:visited{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
}

.mainTabs a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
background-color:#000;
text-decoration:none;
text-transform:uppercase;
}

/*********************** 
*  	     FOOTER         *
***********************/

/**change background-color**/
.footer{
background-color:#990000;
width: 100%;
vertical-align:middle;
color:#fff;
font-weight:bold;
border-top: 2px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

.footer a:link {
color:#fff;
font-weight:bold;
text-decoration: underline;
}

.footer a:active {
color:#fff;
font-weight:bold;
text-decoration:underline;
}

.footer a:visited {
color:#fff;
font-weight:bold;
text-decoration:underline;
}

.footer a:hover {
color:#fff;
background-color:#000;
font-weight:bold;
text-decoration:underline;
}

.footerLeft {
width:50%;
text-align:left;
padding:10px 20px;
color:#fff;
font-weight:bold;
}

.footerRight {
width:50%;
text-align:right;
padding:10px 20px;
}

/********************************/

table, td, div {
color:#000;
font-family: Times New Roman, Arial, Helvetica, sans-serif;
font-size:14px;
}

hr {
border: 0;
height: 1px;
color: #000;
background-color: #000;
}

.mainTable {
background-color:#fff;
width:900px;
vertical-align:top;
}

.contentTable {
border: 1px solid #000;
vertical-align:top;
height: 100%;
}

.contentArea {
width: auto;
height: 100%;
padding:5px 25px 75px 20px;
vertical-align:top;
}

.rightArea {
padding:5px 20px 15px 15px;
height: 100%;
width: 280px;
vertical-align:top;
}

.image {
padding:5px 0px 5px 0px;
}

/**tracking window table**/

#ModuleBodyTable {
background-color:#fff;
}

/*********************** 
*     STANDARD TEXT    *
***********************/

.normal {
font-family: Times New Roman, Arial, Helvetica, sans-serif;
font-size:14px;
color: #000;
}

.justify {
text-align:justify;
}

/*********************** 
*  STANDARD LINKS			 *
***********************/

a:link	  {color:#990000; text-decoration:underline; font-weight:bold; }
a:visited {color:#990000; text-decoration: underline; font-weight:bold;}
a:active  {color:#990000; text-decoration: underline; font-weight:bold;}
a:hover	  {color:#000; text-decoration:underline; font-weight:bold;}

a.CommandButton:link	{color: #990000; text-decoration:underline; font-weight:bold; }
a.CommandButton:visited {color: #990000; text-decoration:underline; font-weight:bold; }
a.CommandButton:active  {color: #990000; text-decoration:underline; font-weight:bold; }
a.CommandButton:hover   {color: #000; text-decoration:underline; font-weight:bold; }


/*********************** 
*  	   HEADINGS        *
***********************/

/**change-color**/
h1 {
font-family: Times New Roman, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color: #000;
text-transform:uppercase;
margin:0px 0px 10px 0px;
}

h2 {
font-family: Times New Roman, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color: #000;
text-transform:uppercase;
}

/***h5 -> sub-headings**/
.h5 {
font-size:14px;
font-weight:bold;
color: #990000;
font-family: Times New Roman, Arial, Helvetica, sans-serif;
}


/*********************** 
*  			LOGIN BOX		   *
***********************/

.loginTable {
width:255px;
margin-bottom:10px;
}

/**change-color**/
.loginHeader {
font-family: Times New Roman, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color: #000;
text-transform:uppercase;
padding-bottom:15px;
}

.loginSelect {text-align:left;}

.loginContent {
vertical-align:top;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
}

.loginContent td {padding:2px 2px;}


.loginField {
width:120px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
}

.loginButton {padding-left:10px;}

.loginTable a:link	   {color: #990000; text-decoration:underline; font-weight:bold;}
.loginTable a:visited  {color: #990000; text-decoration:underline; font-weight:bold;}
.loginTable a:active   {color: #990000; text-decoration:underline; font-weight:bold;}
.loginTable a:hover	   {color: #000; text-decoration:underline; font-weight:bold;}


/*********************** 
*  	 BLOCK STYLES    *
***********************/

.surveyBlock {
width:522px;
padding: 10px;
border: 1px solid #000;
color: #000;
}
*html .surveyBlock {
width:542px;
}

.loginNote {
width:250px;
text-align:justify;
color:#000;
margin-bottom:20px;
}

/**change-color**/
.loginNoteHeading {
font-family: Times New Roman, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color: #000;
text-transform:uppercase;
padding-bottom:15px;
}

.infoBox {
width:255px;
padding:10px;
border:1px solid #990000;
color:#000;
}
*html .infoBox {
width:275px;
}

/*********************** 
*  	 ALERTS/WARNINGS    *
***********************/

.loginAlert {
padding:10px;
text-align:justify;
border:1px solid #000;
color: #000;
}

.errorNote {
width:530px;
margin-top:15px;
margin-left:20px;
font-weight:bold;
color:#FF0000;
border:1px solid #FF0000;
padding:10px;
}

.Warning {
font-weight:bold;
color:#FF0000;
border:1px solid #FF0000;
padding:10px;
margin-bottom:20px;
} 

/*********************** 
*  	SURVEY             *
***********************/

.survey {
padding:15px;
border:1px solid #990000;
}

/*********************** 
*  	 FAQ       *
***********************/

.faqHeading1 {
font-family: Times New Roman, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #990000;
margin:0px 0px 0px 0px;
}

.faqHeading2 {
font-family: Times New Roman, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #990000;
margin:0px 0px 5px 0px;
}

.faqOrder {
font-family: Times New Roman, Arial, Helvetica, sans-serif;
font-size:14px;
padding:0px 14px 0px 0px;
border:1px solid #000;

}

/************************** 
*  TERMS AND CONDITIONS   *
**************************/

.terms {
background-color:#fff;
height:100%;
width:700px;
text-align:justify;
padding:30px;
border: 1px solid #000;
margin-top:20px;
}




/*********************** 
*  	 ORDER HISTORY     *
***********************/

#orderHistory_Table {border: #000 1px solid;}

.History_headings {
color:#fff; 
background-color:#990000; 
font-size:12px; 
padding:3px; 
font-weight:bold;
}

.ListTable {
color:#000; 
background-color:#fff; 
font-size:12px; 
padding:3px; 
font-weight:bold;
}






/********************************************** 
*                  MENU PAGES                 *
**********************************************/


/*********************** 
*  MENU TYPE SELECTOR *
***********************/

.MenuSelectTable {
width: 140px;
padding-left:3px;
}

.MenuTabs {
height:18px;
background-color:#990000;
text-align:center;
padding:10px;
border:5px solid #fff;
}

.MenuTabs a:link    {color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase;}
.MenuTabs a:visited {color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase;}
.MenuTabs a:active  {color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase;}
.MenuTabs a:hover   {color:#000; text-decoration:none; font-weight:bold; text-transform:uppercase;}

.MenuSelectDivider {
height:5px;
}

/*************************** 
*  	MENU CATEGORY SELECTOR *   
***************************/

.MenuSectionsTabs {
background-color:#990000;
vertical-align:middle;
height:60px;
text-align:center;
width:150px;
border-bottom:10px solid #fff;
border-top:3px solid #000;
padding-left:10px;
padding-right:10px;
}

.MenuSectionSeperator{
width:10px;
}

.MenuSectionsTabs a:link    {color:#fff; text-decoration:none; font-size:11px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.MenuSectionsTabs a:visited {color:#fff; text-decoration:none; font-size:11px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.MenuSectionsTabs a:active  {color:#fff; text-decoration:none; font-size:11px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.MenuSectionsTabs a:hover   {color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}


/*******************************
*  	 MENU ITEM MAIN HEADING   *
*******************************/

.MC 		 {color:#000; font-family: Times New Roman, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:24px; text-decoration:none; font-weight:bold;}

/******************************
*  	 MENU ITEM SUB-HEADINGS   *
******************************/

.MIAlt a:link	 {color:#990000; font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:underline; font-weight:bold;}
.MIAlt a:visited {color:#990000; font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:underline; font-weight:bold;}
.MIAlt a:active	 {color:#990000; font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size:13px;  text-decoration:underline; font-weight:bold;}
.MIAlt a:hover	 {color:#000; font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size:13px;  text-decoration:underline; font-weight:bold;}

.MI a:link	     {color:#990000; font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:underline; font-weight:bold;}
.MI a:visited	 {color:#990000; font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:underline; font-weight:bold;}
.MI a:active	 {color:#990000; font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:underline; font-weight:bold;}
.MI a:hover	     {color:#000; font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:underline; font-weight:bold;}

/******************************
*  	 MENU ITEM DESCRIPTIONS   *
******************************/

.MIAltdescription  {color:#000; font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none;}
.MIdescription     {color:#000; font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none;}

/******************************
*  	    MENU ITEM PRICES       *
******************************/

.MIAltPrice        {color:#000; font:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}
.MIPrice           {color:#000; font:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}


/**************************** 
*   MENU ITEM DETAIL PAGE   *
****************************/

/***Table***/
.MenuItemDetailTable {
font-weight: bold; 
vertical-align:top; 
}

/***Sub-table***/
.MenuItemDetailTop	{
font-size: 14px;
}

/***Heading***/
.MenuItemDetailItemName	{
font-family: Times New Roman, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color: #000;
text-transform:uppercase;
padding-top:10px;
padding-bottom:10px;
}

/***Description***/
.description {
color: #000; 
font-size: 13px; 
font-weight:normal
}

/***Price***/
.MIBig       {color:#000; font-weight:bold; font:13px Arial, Helvetica, sans-serif;  text-decoration:none;}
.MIPriceBig  {color:#000; font-weight:bold; font:13px Arial, Helvetica, sans-serif;  text-decoration:none;}

/***'Select' Headings***/
.OptionHeader	{
color:#990000; 
font-weight:bold; 
vertical-align:top; 
text-align: left;
padding: 10px 0px 5px 0px;
font-size: 13px;
}

/**************************** 
* OTHER  *
****************************/

.MenuDetailTableHeading	{
color:#000; 
font-weight: bold; 
vertical-align:top; 
font-size: 13px; 
text-align:left; 
text-decoration:none; 
padding:10px 0px;
}

.MenuHeading	{
color:#990000; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
font-size: 14px;
}

.optionalTopping {
font:13px Arial, Helvetica, sans-serif;
font-weight: bold; 
color: #000;
text-decoration:underline;
padding:10px 0px 10px 0px
}

.qty {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999;
height: 12px;
border: 1px solid #000;
}

/*********************** 
*      ORDERBUILD			 *
***********************/

.obPosition{
}

.orderBuildMain {
width:255px;
}

.orderHeading {
font-family: Times New Roman, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color: #000;
text-transform:uppercase;
}

.orderBuild {
padding:10px 0px;
font-size:10px;
border: 1px solid #000;
}

.cancelOrder {}

/*********************** 
*  	 UPSELLS        *
***********************/

.upsellBox {
width:540px;
background:#fff;
border:1px solid #990000;
padding:10px;
}

.upsellHeading {
font-size:15px;
font-weight:bold;
color:#990000;
padding-bottom:5px;
border-bottom:1px solid #990000;
}

.upsellDivider {
height:10px; 
}

/*********************** 
*      MY POINTS	 *
***********************/

.Grid {
border:1px #990000 solid;
border-collapse:collapse;
}

.GridHeader	     {background-color: #990000 ; font-weight:bold; }
.GridHeader td		{color:#fff;}
.GridItem	       {background-color: #fff; color: #000 }
.GridItemAlt 	   {background-color: #fff; color: #000 }
.GridTotalsHeader {background-color: #fff; color: #000; font-weight:bold }
.GridTotalsItem   {background-color: #fff; color: #000; font-weight:bold }



/*********************** 
*      LOCATIONS			 *
***********************/
.PickupSelectorTable {}
.LocationPrompt {}
.RegionSelectorTable {}
.RegionName {}
.DistrictSelectorTable {}
.LocationSelectorTable {}

.DistrictName   {
color:#990000; 
font-size:18px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:capitalize;
text-decoration:none; 
}

.DistrictName a:hover  {
color:#000; 
font-size:18px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:capitalize;
text-decoration:none; 
}

.LocationName	{
font-size:13px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
color:#990000;
font-weight: bold;  
font-size:12px; 
text-decoration:none;}

.LocationAddress{
font-size:13px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;;
color:#000; 
font-weight:normal;
font-size:12px; 
text-decoration:none;
}

.LocationPhone	{
font-size:13px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
font-weight:normal;
text-decoration:none;
}

.PSDistrict {
color: #990000;
font-size:16px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
font-weight: bold; 
}

.PSLocationName {
font-size:13px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
color:#990000;
text-decoration:none;
}

a.PSLocationName:link {
font-size:13px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
color:#990000;
text-decoration:none;
}

a.PSLocationName:visited {
font-size:13px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
color:#990000;
text-decoration:none;
}

A.PSLocationName:active {
font-size:13px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
color:#990000;
text-decoration:none;
}

A.PSLocationName:hover {
font-size:13px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
color: #000;
text-decoration:none;
}

.PSLocation {
font-size:13px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
color:#990000;
text-decoration:none;
}

A.PSLocation:link {
font-size:13px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
color:#990000;
text-decoration:none;
}

A.PSLocation:visited {
font-size:13px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
color:#990000;
text-decoration:none;
}

A.PSLocation:active {
font-size:13px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
color:#990000;
text-decoration:none;

}

A.PSLocation:hover {
font-size:13px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
color: #000;
text-decoration:none;

}


/*********************** 
*     SCHEDULE ORDER    *
***********************/
.scheduleLocation 		{font-weight:bold;}
.scheduleLocationList   {}
.estTime	 			{font-weight:bold;}
.estTimeList 			{}
.schedulePrompt 		{color:#990000; font-weight:bold; padding-top:8px; padding-bottom:5px;}
.scheduleDate 			{font-weight:bold;}
.scheduleDateList 		{width:150px;}
.scheduleDateSelector   {width:150px;}
.scheduleTime 			{font-weight:bold;}
.scheduleTimeList 		{width:150px;}
.scheduleSlotList 		{width:150px;}
.scheduleSlot 			{}
.scheduleDateSelector   {}

.groupOrder {
font: 11px Arial, Helvetica, sans-serif;
color: #000;
font-style:italic;
}

.changeOrder {}

.reschedule {
margin-top:20px;
border:1px solid #000;
padding:10px;
width:370px;
}


/*********************** 
*  			PAYMENT  PAGE  *
***********************/
.orderTable {}
.OrderTable a:link 	  {}
.OrderTable a:hover   {} 
.OrderTable a:active  {} 
.OrderTable a:visited {} 


/*********************** 
*      OTHER    			 *
***********************/


INPUT	{FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; color: #000;}
SELECT	{FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; color: #000;}

.forms {
margin: 0px;	
padding:0px;
border: 0px;
}