/* Column caption */
.CAPTION         { background-color:#4488AA ; font-weight:bold; color: #DDEEFF;    }
.CAPTION2         { background-color:#4488AA ; font-weight:bold; color: #88CCFF;  }

/* GRADIENT caption styles */
/* H1 level caption        */
.GRADIENT1 {	PADDING-RIGHT:5px; PADDING-LEFT:5px; Z-INDEX:101; FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#C04489AA', EndColorStr='#FFFFFFFF') progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#C04489AA,strength=8); LEFT:0px; PADDING-BOTTOM:5px; FONT:bold 11pt verdana; WIDTH:105%; COLOR:white; PADDING-TOP:5px; TOP:0px; HEIGHT:32px;	}
/* H2 level caption        */
.GRADIENT2 {	FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#C0CCCCCC', EndColorStr='#FFFFFFFF') progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#C0CCCCCC,strength=8);  LEFT:5px; PADDING-LEFT: 5px; PADDING-BOTTOM:5px; FONT:bold 11pt arial; WIDTH:105%; COLOR:#777777; TOP:0px; HEIGHT:16px;	}
/* H3 level caption        */
/* .GRADIENT3 {	PADDING-RIGHT:0px; PADDING-LEFT:175px; Z-INDEX:101; FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#DDEEFF', EndColorStr='#4488AA'); LEFT:0px; PADDING-BOTTOM:0px; FONT:bold 11pt verdana; COLOR:white; HEIGHT:120px;} */
.GRADIENT3 {	background-image:url(../../images/dynamic/GradientLine.aspx?width=1200&height=1&Color1=0xDDEEFF&Color2=0x4488AA&cache=true); 	PADDING-RIGHT:0px; PADDING-LEFT:5px; Z-INDEX:101; LEFT:0px; PADDING-BOTTOM:0px; FONT:bold 11pt verdana; COLOR:Black; HEIGHT:120px;  }

/* Form Labels */
.LABEL           { color: Black; font-size: 8pt; font-weight:bold ;}
.LINKBARFONT     { color: #DDEEFF; font-size: 10pt; font-weight:bold ;}
/* Attention getting */
.errorfeedback,.ALERT           { color: Red; font-size: 10pt; }
.TITLE			 { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 16pt; }

INPUT            { font-size: 8pt; height:auto; }
SELECT           { font-size: 8pt; height:auto; }
SELECT.UOM	 { font-size: 8pt; height:auto; width:120px;}

/* PARAGRAPH TAG */
P                { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; }
.LISTPRICE      { font-family: Verdana ; font-size: 8pt; text-decoration:line-through ;}


.STANDARD    { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; }
.FOOTER      { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; }
.HEADER      { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 11pt; }
.SMALL       { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; }

.OUTLINED { BORDER-STYLE: solid; BORDER-WIDTH:1; }
	
TD               { font-family: VERDANA,HELVETICA,ARIAL; font-size: 8pt; }
/** Images for the TabStrip control **/
.TABSELECTED		{ background-image:url(tabFocus.jpg); width:144; font-weight:bold; }
.TABNORMAL			{ background-image:url(tab.jpg); width:144; }

/* HYPERLINKS */
A                { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; color: #002244; text-decoration: underline; cursor: hand; }
A:HOVER          { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; color: #00659C; text-decoration: underline; cursor: hand;}
.CAPTION A       {  font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; color: White; text-decoration: underline; cursor: hand; }
.CAPTION A:HOVER { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; color: White; text-decoration: underline; cursor: hand;}
.CAPTION A:VISITED {  font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; color: White; text-decoration: underline; cursor: hand; }


.LINKBAR	{ background-color:#4488AA; }

.TOOLBAR     { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; background-color:#AABBCC; color:Black  }

.LEFTCOL	 { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; background-color:#DDEEFF; color:Black  }
.RIGHTCOL		 { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; background-color:White; color:Black ;  }
/** Odd/Even row background colours **/
.EVEN			{ background-color:#D0E0FF }
.ODD			{ background-color:#DDEEFF }

.SMALLBOLD { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt; font-weight:bold }
/** skmMenu styles **/
.MENUITEM      { background-color:#669966;  color:black;    }
.MENUITEMHOVER { background-color:#669966;  color:red;   }
.TOPMENUITEM   { background-color:#669966;  color:black;  font-weight:bold;   }


div.scrollable
{
	overflow:auto;
}

.blocktext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #white;
	text-decoration: none;
}

/** Extended description div on product detail page **/
.ExtendedDescription
{
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	padding: 10px;
	width: 75%;
}

.AddressForm .CAPTION
{
	height:24px;
}

.AddressForm input
{
	margin-bottom: 3px;
}

/* HEADING TAGS */
h1
{
	font-family: 'Comic Sans MS' , VERDANA, HELVETICA, ARIAL, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: .25em;
}
h2               { font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 10pt; font-weight: bold; }

/** Color **/
h1
{
	color: Gray;
}
h2  { color: Gray; }

div#Features .subtitle		    
{ 
	font-family: VERDANA, HELVETICA, ARIAL, sans-serif;
	font-size: 12pt; 
	font-weight: bold; 
	color: #2C7CCB;
}

.buttongroup
{
	clear:both;
}

/** use background color instead of image for btn divs **/
.btn
{
	display:inline;
	width:80px;
	height:16px;
	text-align:center;
	background-color:#b5c8da;
	margin-left:2px;
	border: solid 2px #d1a99c;
}
.btn_narrow
{
	display:inline;
	width:45px;
	height:16px;
	text-align:center;
	background-color:#b5c8da;
	margin-left:2px;
	margin-top:5px;
	border: solid 2px #d1a99c;
	padding:2px;
}

/** Uses background image for btn divs **/
.btn_img
{
	display:inline-block;
	width:85px;
	height:24px;
	text-align:center;
	background-image:url(images/wide_button.png);
	background-repeat:no-repeat;
	margin-left:2px;
}

.btn_narrow_img
{
	float:left;
	width:57px;
	height:24px;
	text-align:center;
	margin-top: 7px;
	background-image:url(../../images/pizzazz_theme/buttons/button_small.gif);
	background-repeat:no-repeat;
	/*margin-left:2px;*/
	vertical-align:middle;
}



/** Links contained in btn div's **/

.btn a { color: white; text-decoration:none; }
.btn a:visited { color: Gray; }
.btn a:hover {color: black; }

.btn_narrow a { color: white;  text-decoration:none;}
.btn_narrow a:visited { color: gray; }
.btn_narrow a:hover {color: black; }
/*.btn_narrow {margin-top: 5px; }*/

/*.left 
{
	background-image:url(images/left.GIF);
	background-repeat:no-repeat;
	height:24px;
}
.right 
{
	background-image:url(images/right.GIF);
	background-repeat:no-repeat;
	height:24px;
}
.middle 
{
	background-image:url(images/middle.GIF);
	background-repeat:repeat-x;
	height:24px;
	padding-left:2px;
	padding-right:2px;
}*/


.menulink a { color: #f0f0f0; text-decoration:none; }
.menulink a:visited { color: #f0f0f0; }
.menulink a:hover {color: Yellow }

.menulink
{
	float:left;
	width:72px;
	height:16px;
	text-align:center;
	
	font-family:Comic Sans MS;
	font-weight: bold;
	color:#f0f0f0;
	margin-left:0px;
	border-left: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	padding-left:2px;
	padding-right:2px;
}

div#search-controls
{
	position:relative;

}

div#search
{
	position:absolute;
	top:55px;
	right:10px;
	z-index:1;
}

div#go_btn
{
	position:absolute;
	bottom:3px;
	right:3px;
	background-image: url(../../images/pizzazz_theme/buttons/button_search.gif);
	background-repeat:no-repeat;
	cursor:hand;
	width:57px;
	height:18px;
	
}



div#logo
{
	height:241px;
	width:5px;
	color:white;
	font-family:Comic Sans MS;
	font-size:18pt;
	font-weight:bold;
	margin-left:10px;
	text-align:center;
}


div#buttonbar
{
	position:absolute;
	top:0px;
	right:200px;
	width:50%;
	height:20px;
	padding:3px;
	z-index:2;
}

div#menulinks
{
	position:relative;
	width:100%;
	margin:0px;
	height:20px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#2C7CCB;
	border-bottom: solid 3px #AA0505;
}

.pulldownmenulink td
{
	color: black;
	padding-left:0px;
	padding-right:0px;
}
.pulldownmenulink table
{
	background-color:#F0F0C0;
	padding:1px;
}

.pulldownmenulink a
{
	margin-left:8px;
	margin-right:8px;
	font-family:Comic Sans MS;
	font-size: small;
}

.pulldownmenu,
#pulldownmenu
{
	color: black;
	font-family:m
	z-index:5;
	background-color:Transparent;
	/*border-style: solid;*/
}

.pulldownmenu a
{
	font-family:Comic Sans MS;
	font-size: small;
	color:black;
	text-decoration: none;
}
.pulldownmenu a:hover
{
	color:white;
	/*background-color: #c0c0f0;*/
	background-color: #b5c8da;
}

.MyAccountLinks a
{
	font-family:Comic Sans MS;
	font-size:small;
	color:Black;
	text-decoration:none;
	margin-right:15px;
	margin-top:5px;
	margin-left:10px;
}

.MyAccountLinks a:hover
{
	font-family:Comic Sans MS;
	font-size:small;
	color:Black;
	text-decoration:none;
	/*background-color: #c0c0f0;*/
	background-color: #b5c8da;
	
}



/*
* menusearchbar contains a dropdownmenu and a right-justified "search" box.
* See Header2.ascx for an example
*/
div#menusearchbar
{
	position:relative;
	float:left;
	width:100%;
	/*background-color:#2C7CCB;*/
	background-image:url(../../images/pizzazz_theme/pizzazzTMPL_860_02.jpg);
	height:50px;
	/*border-bottom: solid 3px maroon;*/
}

/*
* dropdownmenu is contained in a menusearchbar
*/
div#dropdownmenu
{
	position:absolute;
	left:10px;
	top:10px;
	z-index:2
}

div#dropdownmenu td
{
	padding:2px 5px 2px 5px;
}

/*** Positioning                  ***/
body             
{ 
	width:100%;
	font-family:Arial; font-size: 8pt; 
	background-color:#f6fbff;
	position:relative;
	padding:0px;
}
body#popup                
{ 
	font-family:Arial; font-size: 8pt; 
	background-color:#ffffff;
	position:relative;
	padding:0px;
}


#Container 
{
	position:relative;
	padding:0px;
	background-color:#bdd3e9;
	background-image:url(../../images/pizzazz_theme/mainwrapper_tile_860.jpg);
	width:860px;
	height:auto;
	margin:0px auto;
	text-align:left;	
	min-height:600px;
}


div#TopNav
{	
	background-color:White;
	background-image:url(../../images/pizzazz_theme/pizzazzTMPL_860_01.jpg);
	/*background-repeat:repeat-n;*/
	/*border-bottom:1px solid #9A9C86;*/
	width:100%;
	height:auto;
	height:290px;
	padding:0px;
}

div#ContentArea
{
	margin-left:20%;
	width:675px;
	min-height:400px;
	padding-left: 3px;
	padding-top: 3px;
	z-index:-1;
	border-left: solid 1px white;
	/*background-color:White;*/
}



div#SiteMap
{
	/*background-color:#BDD3E9;*/
	padding-left: 6px;
	float:left;
	width:19%;
	min-height:400px
}
div#padding
{
	min-height:400px;
	text-align:left;
	margin-left:30px;
	width:808px;
}
div#paddingsitemap
{
	min-height:220px;
	margin:5px 0px 0px 0px;
}

div#Footer
{
	background-image:url(../../images/pizzazz_theme/pizzazzTMPL_footer_861x58.jpg);
	background-repeat:yes-repeat;
	margin-left:0px;
	margin-right:0px;
	width:100%;
	height:58px;
	z-index:2;
	padding:0px;
	text-align:center;
	vertical-align:bottom;
}


div#Features
{
	float:left;
	/*background-color: #BDD3E9;*/
	width:21%;
	/*border-top: solid 3px #AA0505;*/
	margin: 0px;
	height:100%;
	text-align:center;
	padding: 2%;
}



div#News
{
	float:left;
	/*background-color: #64A9EE;*/
	width:30%;
	/*border-top: solid 3px #AA0505;*/
	border-right: solid 1px white;
	border-left: solid 1px white;
	margin-left:0px;
	margin-right:0px;
	min-height:100%;
	padding:2%;
}

div#News h2
{
	font-family: font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt;color:black;
}
div#News
{
	font-family: font-family: VERDANA, HELVETICA, ARIAL,sans-serif; font-size: 8pt;color:black;	
}

div#About
{
	float:left;
	/*background-color: #2C7CCB;*/
	width:36%;
	/*border-top: solid 3px #AA0505;*/
	margin-left:0px;
	margin-right:0px;
	height:100%;
	padding:2%;
}

/*
* Style for the "Searching..." message that appears to popup just below the SEARCH box
*/
div#pleaseWait
{
	color:red;
	clear:both;
	background-color:#F7F2F2;	
}

div.adminmenulink
{
	margin-top:5px;
}
.errorfeedback
{
	padding:5px;
	background-color:#f0c0c0;
	color:Black;
}

.feedback
{
	padding:5px;
	background-color:#c0f0c0;
	color:Black;
}

a.tab
{
	white-space:nowrap;
  display:block;
  background:url("images/tabs/right.gif") no-repeat;
  background-position: right top;
  padding:4px 15px 4px 6px;
  text-decoration:none;
   position:relative;
   top: -3px;

}
table.tab
{
	border: none;
	background-color:#CDC7AD;
}
.tab td
{
  background:url("images/tabs/left.gif") no-repeat left top;
  
  margin:0px;
  padding: 0px 0px 0px 4px;
  height:20px;
}

/*JQuery Calndar */
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}