/*********************** 

*  	GENERAL STYLES	 *

***********************/

body {
background-attachment: fixed;
margin: 0px;
background-image: url(images/bg.png);
background-repeat:repeat-x;
}

.bannerframe {
	background-image:url(images/Frame2.jpg);
	background-repeat:no-repeat;
	width:341px;
	height:255px;

}
	
.bannerhead1 {
	height:60px;
	padding-top: 8px;
	padding-left: 10px;
	}

.bannerinfo1 {
	height:60px;
	padding-top: 5px;
	padding-left: 10px;
	}


.bannerinfo1 a:link			{color:#0072BC; font-weight:bold; text-decoration:underline;}

.bannerinfo1 a:visited		{color:#0072BC; font-weight:bold; text-decoration: underline;}

.bannerinfo1 a:active		{color:#0072BC; font-weight:bold; text-decoration: underline;}

.bannerinfo1 a:hover		{color:#0072BC; font-weight:bold; text-decoration: underline;}


.bannerimages {
	height:252px;
	}
	
/***headings - rightarea**/

H1 {
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: normal;
}

H2 {
color: #0072BC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
text-decoration:underline;
}

H3 {
color:#0072bc;
font-size:11px;
font-weight:bold;
vertical-align:middle;
text-align:center;
}

H4 {
color: #0072bc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;

}

/***sub-headings**/

H5 {
color: #000;
font-size: 11px;
font-weight: bold;
}

H6 {
color: #000;
font-size: 11px;
font-weight: normal;
}


/**positions the mainTable**/


#padder

{

	padding: 11px;

	padding-top: 0px;

}



#padder2

{

	padding-left: 8px;

	padding-top: 0px;

	padding-right: 0px;

}

.mtn { margin-top: 0 !important; }

.mbn { margin-bottom: 0 !important; }

.prdhdr {
background-image: none;
background-color: white;
padding-right: 6px;
}


.holder {
width:1000px;
margin-left: 50%;
position:absolute;
left:-500px;
top: 0px;
}

/****/

.mainTable {
height: 100%;
vertical-align: top;
background-color:#FFF;
margin-top:20px;
}

.header {
background:url(images/head.png) center no-repeat;
height:100px;
}

.contentTable {
width: 930px;
vertical-align: top;
padding-bottom:60px;
}


.contentArea {
background-color:#000;
margin:15px;
width: auto;
height: 100%;
vertical-align: top;
padding: 20px 25px 10px 25px;
border-top:3px solid #abadb3;
border-right:2px solid #dbdfe6;
border-left:2px solid #abadb3;
}



.leftArea {
background-color:#e6e6e6;
width: 128px;
text-indent: 5px;
vertical-align: top;
margin-left: 30px;
margin-top: 0px;
position:absolute;
left:0px;
top:160px;
}

.leftAreaHeading {
text-align:left;
font-size:10px;
font-weight:bold;
padding-left:0px;
}

.leftAreaText {
text-align:left;
font-size:10px;
font-weight:bold;
padding-left:0px;
}

.smallavg {
	width:9px;
}
	

/**if needed**/

.rightArea {

vertical-align: top;
padding-left: 4px;
padding-top: 5px;

}

.rightAreaMain {

vertical-align: top;
padding-left: 4px;
padding-top: 55px;

}

.righttBox {
background-color:#FFF;
border-left: #D8D8D8 1px solid;
border-right: #D8D8D8 1px solid;
}

.righttBoxBack {
	background-image:url(images/right_body.gif);
	background-repeat:repeat-y;
	}


.boxshot {
padding: 5px 5px 5px 15px;

}

.boxheading {
padding-left: 15px;	
}

.boxtexst {
padding: 0px 5px 0px 5px;
}

/************************* 

*        ELEMENTS        *

*************************/



.justify {

text-align: justify;

}



/**text contentarea**/



table, td, div {

color: #000;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

}



.normal {

color: #000;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

}



/**text rightarea**/



.rightArea td {

color: #000;

}



.rightArea .normal {

color: #000;

}



/**hr contentarea**/



hr {

border: 0;

height: 1px;

color: #dbdfe6;

background-color: #dbdfe6;

}



/**hr rightarea**/



.rightArea hr {

border: 0;

height: 1px;

color: #dbdfe6;

background-color: #dbdfe6;

}



/**standard links contentarea**/



a:link						{color:#000; font-weight:bold; text-decoration:underline;}

a:visited					{color:#000; font-weight:bold; text-decoration: underline;}

a:active					{color:#000; font-weight:bold; text-decoration: underline;}

a:hover						{color:#000; font-weight:bold; text-decoration: underline;}






.CommandButton a:link		{color:#000; font-weight:bold; text-decoration:underline;}

.CommandButton a:visited	{color:#000; font-weight:bold; text-decoration:underline;}

.CommandButton a:active		{color:#000; font-weight:bold; text-decoration:underline;}

.CommandButton a:hover		{color:#000; font-weight:bold; text-decoration:underline;}



/**standard links - rightarea**/



.rightArea a:link						{color:#000; font-weight:bold; text-decoration:underline;}

.rightArea a:visited					{color:#000; font-weight:bold; text-decoration: underline;}

.rightArea a:active						{color:#000; font-weight:bold; text-decoration: underline;}

.rightArea a:hover						{color:#000; font-weight:bold; text-decoration: underline;}



.rightArea .CommandButton a:link		{color:#000; font-weight:bold; text-decoration:underline;}

.rightArea .CommandButton a:visited		{color:#000; font-weight:bold; text-decoration:underline;}

.rightArea .CommandButton a:active		{color:#000; font-weight:bold; text-decoration:underline;}

.rightArea .CommandButton a:hover		{color:#000; font-weight:bold; text-decoration:underline;}



/***headings - contentarea**/






/************************** 

*  MAIN NAVIGATION TABS  *

**************************/



.navPosition {

padding-top: 6px;
padding-left:75px;
padding-right: 50px;
}

*html .navPosition {
height:40px;
}



.mainTabs a:link 		{color:#fff; font-size:12px; text-decoration:none; font-weight:normal;}

.mainTabs a:active 		{color:#fff; font-size:12px; text-decoration:none; font-weight:normal;}

.mainTabs a:visited 	{color:#fff; font-size:12px; text-decoration:none; font-weight:normal;}

.mainTabs a:hover		{color:#fff; font-size:12px; text-decoration:underline; font-weight:normal;}



.navImage{

background: url(images/nav_img3.png) center no-repeat;
background-color:#FFF;

height:29px;
text-align:center;
}


/*********************** 

*  	     FOOTER         *

***********************/

.footer {
font-size:6px;
background-image:url(images/foot.png);
background-repeat:no-repeat;
height:100px;
width: 100%;
vertical-align: middle;
}

.footerTop {
color: #1782C6;
font-weight: normal;
text-align: center;
width: 100%;
padding-top: 10px;
}

.footerBottom {
font-weight: normal;
text-align: center;
width: 100%;
padding-bottom: 44px;
}

.footerBottom a:link	{color:#000; font-weight:normal; text-decoration:underline;}
.footerBottom a:active	{color:#000; font-weight:normal; text-decoration:underline;}
.footerBottom a:visited	{color:#000; font-weight:normal; text-decoration:underline;}
.footerBottom a:hover	{color:#1782C6; font-weight:normal; text-decoration:underline;}

.footerTop a:link	{color:#1782C6; font-weight:normal; text-decoration:underline;}
.footerTop a:active	{color:#1782C6; font-weight:normal; text-decoration:underline;}
.footerTop a:visited	{color:#1782C6; font-weight:normal; text-decoration:underline;}
.footerTop a:hover	{color:#1782C6; font-weight:normal; text-decoration:underline;}


/*********************** 

*  	    LOGIN BOX	   *

***********************/



.loginTable {

width: 266px;

padding:10px;

margin-bottom: 12px;

background-color:#fff;

border-bottom:1px solid #e3e9ef;

border-top:3px solid #abadb3;

border-right:2px solid #dbdfe6;

border-left:2px solid #abadb3;

}



.loginSelect {text-align:left;}



.loginContent {

color: #000;

font-size: 11px;

vertical-align: top;

}



.loginContent td {padding:2px 2px;}



.loginField {

width: 120px; 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 11px;

}



.loginButton {

position:relative;

top:-14px;

padding-left:3px;

padding-right:2px;

}



/*********************** 

*  	  LOGIN NOTE	   *

***********************/



.loginNote {

color: #000;

text-align: justify;

width: 266px;

margin-bottom: 20px;

padding:0px 10px 10px 10px;

background-color:#fff;

border-bottom:1px solid #e3e9ef;

border-top:3px solid #abadb3;

border-right:2px solid #dbdfe6;

border-left:2px solid #abadb3;

}

*html .loginNote {

width: 290px;

}



.loginNote h2 {

margin-top:14px;

}



/*********************** 

*  	 BLOCK STYLES    *

***********************/



.surveyBlock {

color: #000;

width: 486px;

padding: 12px;

border: 1px dashed #dbdfe6;

}

*html .surveyBlock {

width: 510px;

}



.survey {

padding: 15px;

border: 1px solid #dbdfe6;

}



.reschedule {

width: 370px;

padding: 12px;

border: 1px dashed #dbdfe6;

margin-top:20px;

}



.infoBox {

color: #000;

width: 256px;

padding: 15px;

border-top:3px solid #abadb3;

border-right:2px solid #dbdfe6;

border-left:2px solid #abadb3;

border-bottom:1px solid #e3e9ef;

background-color: #fff;

}

*html .infoBox {

width: 289px;

}



.loginAlert {

width:480px;

color: #000;

text-align: justify;

padding: 12px;

border: 1px dashed #dbdfe6;

margin: 12px 0px 8px 0px;

}



/*********************** 

*  	 ERRORS/WARNINGS    *

***********************/



.errorNote {

color: #FF0000;

font-weight: bold;

width: 500px;

padding: 12px;

border: 1px solid #FF0000;

margin-top: 15px;

margin-left: 20px;

}

*html .errorNote {

width: 524px;

}





.Warning {

color: #FF0000;

font-weight: bold;

padding: 12px;

border: 1px solid #FF0000;

margin-bottom: 20px;

}





/*********************** 

*         FLASH        *

***********************/



.flashposition {

width: 546px;

height: 315px;

text-align: left;

}









/*********************** 

*        IMAGES        *

***********************/



.image {

margin-left:auto;

margin-right:auto;

display:none;

}

*html .image {

text-align:center;

margin-left:0px;

margin-right:0px;

}



.image_home {

display:none;

}





/*********************** 

*       COLLECT 	   *

***********************/



.LocationName {color: #000; font-size: 11px; font-weight: bold; text-decoration: none;}



.LocationAddress {

color: #000; 

font-size: 11px;

font-weight: normal; 

text-decoration: none;

}



.LocationPhone	{

color: #000; 

font-size: 11px;

font-weight: normal;

text-decoration: none;

}





.PSDistrict {

color: #000;

font-size: 14px;

font-weight: bold; 

}



.PSLocationName {

color: #000;

font-size: 11px;

text-decoration: none;

}



.PSLocationName a:link		{color:#000; font-size:12px; text-decoration:none;}

.PSLocationName a:visited	{color:#000; font-size:12px; text-decoration:none;}

.PSLocationName a:active	{color:#000; font-size:12px; text-decoration:none;}

.PSLocationName a:hover		{color:#000; font-size:12px; text-decoration:none;}



.PSLocation {

color: #000;

font-size: 11px;

text-decoration: none;

}



.PSLocation a:link			{color:#000; font-size:12px; text-decoration:none;}

.PSLocation a:visited		{color:#000; font-size:12px; text-decoration:none;}

.PSLocation a:active		{color:#000; font-size:12px; text-decoration:none;}

.PSLocation a:hover			{color:#000; font-size:12px; text-decoration:none;}





/************************** 

*   SCHEDULE YOUR ORDER   *

**************************/



.scheduleLocation 		{font-weight:bold;}

.estTime	 			{font-weight:bold;}

.schedulePrompt 		{color:#000; font-size:12px; text-decoration:underline; font-weight:bold; padding-top:10px; padding-bottom:10px;}

.scheduleDate 			{font-weight:bold;}

.scheduleDateList 		{width:150px;}

.scheduleDateSelector   {width:150px;}

.scheduleTime 			{font-weight:bold;}

.scheduleTimeList 		{width:150px;}

.scheduleSlotList 		{width:150px;}



.changeOrder {

width: 510px;

border: 1px dashed #dbdfe6;

margin-top:20px;

padding: 10px;

}

*html .changeOrder {

width: 530px;

}



.groupOrder {

color: #000;

font-size: 11px;

font-style: italic;

}





/********************************************** 

*                  MENU PAGES                 *

**********************************************/



/*********************** 

*  MENU TYPE SELECTOR *

***********************/



.MenuSelectTable {

width: 470px;

padding-left: 3px;

}



.MenuTabs {

width: 120px;

background-color: #356599;

text-align: center;

margin-right: auto;

margin-left: auto; 

height: 18px;

padding: 12px;

border: 1px solid #000;

}



.MenuTabs a:link    {color:#fff; font-size:12px; font-weight:bold; text-decoration:none; text-transform:none;}

.MenuTabs a:visited {color:#fff; font-size:12px; font-weight:bold; text-decoration:none; text-transform:none;}

.MenuTabs a:active  {color:#fff; font-size:12px; font-weight:bold; text-decoration:none; text-transform:none;}

.MenuTabs a:hover   {color:#000; font-size:12px; font-weight:bold; text-decoration:none; text-transform:none;}



.MenuSelectDivider {

height: 5px;

padding-left:10px;

}



/*************************** 

*  	MENU CATEGORY SELECTOR *   

***************************/



.MenuSectionsTabs {

background-color: #000;



vertical-align: middle;

width:150px;

height:40px;

text-align:center;

}



.MenuSectionSeperator {

width:0px;

}



.MenuSectionsTabs a:link    {color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold;}

.MenuSectionsTabs a:visited {color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold;}

.MenuSectionsTabs a:active  {color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold;}

.MenuSectionsTabs a:hover   {color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold;}



/*************************** 

*  	MENU CATEGORY IMAGES *   

***************************/



.menusection_image {

position:relative;

top:-10px;

display:none;

}



/*******************************

*  	 MENU ITEM MAIN HEADING   *

*******************************/



.MC {

color: #000;

font-size: 18px;

font-weight: bold;

text-decoration: none;

padding-bottom:20px;

}



/******************************

*  	 MENU ITEM SUB-HEADINGS   *

******************************/



.MIAlt 				{border-right:10px solid #fff;}



.MIAlt a:link		{}

.MIAlt a:visited	{}

.MIAlt a:active		{}

.MIAlt a:hover		{}



.MI 				{margin-right:10px;}

*html .MI 			{margin-right:0px; margin-left:0px; border-right:10px solid #fff;}



.MI a:link			{}

.MI a:visited		{}

.MI a:active		{}

.MI a:hover			{}





/******************************

*  	 MENU ITEM DESCRIPTIONS   *

******************************/



.MIAltdescription {

color: #000; 

font-size: 11px; 

text-decoration: none;

}



.MIdescription {

color: #000; 

font-size: 11px; 

text-decoration: none;}



/******************************

*  	    MENU ITEM PRICES       *

******************************/



.MIAltPrice {

color: #000; 

font-weight:bold;

text-decoration: none; 

}



.MIPrice {

color: #000; 

font-weight:bold;

text-decoration: none; 

}





/**************************** 

*   MENU ITEM DETAIL PAGE   *

****************************/



/***Table***/

.MenuItemDetailTable {

vertical-align: top; 

position:relative;

top:-5px;

}



/***Sub-table***/

.MenuItemDetailTop	{

font-size: 14px;

}







/***Description***/

.description {

color: #000; 

font-size: 11px; 

font-weight: normal

}



/***Price***/

.MIBig {

color: #000; 

font-size: 11px;

font-weight: bold; 

text-decoration: none;

}



.MIPriceBig {

color: #000; 

font-size: 16px;

font-weight: bold; 

text-decoration: none;

}



/***'Select' Headings***/

.OptionHeader {

color: #000; 

font-size: 11px;

font-weight: bold; 

text-align: left;

vertical-align: top; 

padding: 12px 0px 5px 0px;

}





/*********************** 

*      ORDERBUILD			 *

***********************/



.orderBuildMain {

background-color:#fff;

width: 266px;

padding: 10px;

border-bottom:1px solid #e3e9ef;

border-top:3px solid #abadb3;

border-right:2px solid #dbdfe6;

border-left:2px solid #abadb3;

}

*html .orderBuildMain {

width: 262px;

}



.orderBuild {

color: #000;

font-size: 11px;

padding: 12px 0px;

border: 1px solid #fff;

}



.orderBuildMain .TableHeader2 td {

color: #000;

}



.orderBuildMain h2 {

color:#000;

}



.orderBuildMain hr {

border: 0;

height: 1px;

color: #abadb3;

background-color: #abadb3;

}



.cancelOrder {

text-align: center;

margin-left: auto;

margin-right: auto;

height: 15px;

}



/*********************** 

*  	 UPSELLS        *

***********************/



.upsellBox {

width:480px;

padding: 12px;

border: 2px solid #dbdfe6;

}



.upsellHeading {

color: #000;

font-size: 17px;

font-weight: bold;

padding-bottom: 5px;

border-bottom: 1px solid #dbdfe6;

}



.upsellDivider {

height: 15px; 

}



/*********************** 

*  	 PAYMENT PAGE       *

***********************/



.dd_busy_processing_cl{

padding:15px;

color:#fff;

background:#000;

font-size:15px;

}



/*********************** 

*  	 SUBMIT PAGE       *

***********************/



/**order tracker**/



#ModuleBodyTable {

background-color: #fff;

}



.OrderNumber {

color:#000;

font-weight:bold;

font-size:16px;

padding-bottom:15px;

}





/*********************** 

*      MY ACCOUNT	   *

***********************/



.accounts_info  {

width:530px;

}



/*********************** 

*      MY POINTS	 *

***********************/



.Grid {

border: 1px #dbdfe6 solid;

border-collapse: collapse;

}



.GridHeader				{background-color:#fff; font-weight:bold;}

.GridHeader td			{color:#000;}

.GridItem				{color:#000; background-color:#fff;}

.GridItemAlt			{color:#000; background-color:#fff;}

.GridTotalsHeader		{color:#000; background-color:#fff; font-weight:bold}

.GridTotalsItem			{color:#000; background-color:#fff; font-weight:bold}



/*********************** 

*  	 ORDER HISTORY     *

***********************/



.orderHistoryDays_Table {}



#orderHistory_Table {}

.orderHistory .TableHeader {color:#000; background-color:#000; padding:5px;}

.ListTable {color:#000; background-color:#fff; font-size:12px; padding:3px; border: #000 1px solid; font-weight:bold; border-collapse:collapse}

.ListTable2 {color:#fff; background-color:#dbdfe6; font-size:12px; padding:3px; border: #000 1px solid; font-weight:bold; border-collapse:collapse}







/*********************** 

*  	 FAQ       *

***********************/



.faqHeading1 {

color: #000;

font-size: 17px;

font-weight: bold;

margin: 0px 0px 0px 0px;

}



.faqHeading2 {

color: #000;

font-size: 11px;

font-weight: bold;

margin: 0px 0px 5px 0px;

}



.faqOrder {

font-size: 11px;

padding: 0px 14px 0px 0px;

border: 1px solid #dbdfe6;



}



/************************** 

*  TERMS AND CONDITIONS   *

**************************/



.terms {

background-color: #fff;

text-align: justify;

width: 700px;

height: 100%;

padding: 30px 30px 80px 30px;

}





/**************************** 

* OTHER MENU STYLES  *

****************************/





.optionalTopping {

color: #000;

font-size: 11px;

font-weight: bold; 

text-decoration: underline;

padding: 12px 0px 12px 0px

}



.qty {

color: #999999;

font-size: 9px;

height: 12px;

border: 1px solid #000;

}





/*********************** 

*      LOCATIONS	   *

***********************/



.DistrictName {

color: #000; 

font-size: 16px;

font-weight: bold;

text-transform: capitalize;

text-decoration: none; 

}



.DistrictName a:hover {

color: #000; 

font-size: 16px;

font-weight: bold;

text-transform: capitalize;

text-decoration: none; 

}



/*********************** 

*      OTHER    			 *

***********************/



input 	{color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

select 	{color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}



.forms 	{

padding: 0px; 

border: 0px; 

margin: 0px;

} 





/*********************** 

*  COUPON			 *

***********************/



.CouponName {

color: #000;

font-size: 17px;

font-weight: bold;

text-decoration: underline;

}



.CouponDescription {

color: #000;

font-weight: bold;

}



.CouponConditions {

color: #000;

}



.red {
	color: #FF2503;
}



