/*

basic.css / v0.85  -- part of the seamless web stylesheet package
the basic style rules that style HTML elements, a base class or two, and some color abstractions

*/

BODY {
	margin: 0; padding: 0;
	background: #FFF;
	color: #666;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
}


/* -- header styles */
H1, H2, H3, H4, H5, H6 { margin: 0; padding: 0; }
H1 { font-size: 115%;}
H2 { font-size: 110%;}
H3 { font-size: 95%; }
H4 { font-size: 80%; }
H5 { font-size: 75%; }
H6 { font-size: 70%; }



/* -- standard elements we'll use for text on the site */
P .Text { font-size: 70%; color:Black; margin-top: 0em; }


/* -- link colors */
A { text-decoration: none; color: #333; }
A:link { }
A:active { }
A:hover { text-decoration: underline; }
A:visited { }

A IMG { border: 0; }


/* -- control of margin/padding on these elements */
/* --- FORM { margin: 0; padding: 0; method:post } */
FORM { margin: 0; padding: 0; }
FIELDSET { margin: 0 !important; padding: 0 !important; border: none !important; }
LEGEND { margin: 0; padding: 0; }
LABEL, INPUT { vertical-align: middle; }


/* -- some form elements to be styled, maybe? */
SELECT, OPTION, INPUT, TEXTAREA { }


/* -- make the dict lists look better */
DL, DT, DD { margin: 0; padding: 0; }

DT { font-weight: bold; }
DD { margin-bottom: 1em; }


/* -- control font-sizing of super- and sub-scripted elements */
SUP, SUB { font-size: 70%; }

/* -- red box for error messages */

#displayErrors { border: solid thin red; }
#displayMessages { font-weight: bold; color: Green; }

SPAN { color:#C00000 }



.width30 {width:30%}

.border0 {border:0}
.border1 {border:1}
.border2 {border:2}
.border- {border:"-"}

.fontVerdana {font-family:Verdana;color:Black}

.fontVerdana30        {width:30%;
                       font-family:Verdana;
                       color:Black;}
                           
                           
.orderDetailNumber 
{font-family:Verdana;
  color:#000066;
  text-decoration:none;}
  
.orderDetail20
{font-family:Verdana;width:20; color: #333;}
                 
.specialinstructions {color: #333; font-weight: bold; font-style: italic;}
                 
.orange12Text
{ color:#C60;}
 
.navy12Text
{font-family:Verdana; color: #333; }

.navy12TextW30
{color: #333; width:30%;}

.navy12TextW40
{color: #333; width:40%;}

.navy12TextW50
{color: #333; width:50%;}


.black14TextSan
{color:Black; width:50%;}

.deliver {color:Black;}

/* Orange */

.font110OrangeBold {font-family:Verdana; color: #C60; font-weight:bold}

.fontSmallerOrange {font-family:Verdana; color: #C60; font-weight:normal}

.fontSmallOrange {font-family:Verdana; color: #C60; font-weight:normal}

.fontSmallerOrangeBold {font-family:Verdana; color: #C60;  font-weight:bold}

.font80OrangeBolder {font-family:Verdana; color: #C60; font-weight:bolder}

.font90OrangeBolder {font-family:Verdana; color: #C60; font-weight:bolder}

.fontSmallOrangeBold {font-family:Verdana; color: #C60; font-weight:bold}

.fontSmallOrangeBolder {font-family:Verdana; color: #C60; font-weight:bolder}

.fontMediumOrange {font-family:Verdana; color: #C60; font-weight:normal}

.fontMediumOrangeBold {font-family:Verdana; color: #C60; font-weight:bold}

.fontMediumOrangeBolder {font-family:Arial Black; color: #C60; font-weight:bolder}

/* Dark Blue */

.fontXXSmallNavy {font-family:Verdana; color: #333; font-weight:normal}

.fontXXSmallNavyBold {font-family:Verdana; color: #333;  font-weight:bold}

.font110NavyBold {font-family:Verdana; color: #333; font-weight:bold}

.fontSmallerNavy {font-family:Verdana; color: #333; font-weight:normal}

.fontSmallNavy {font-family:Verdana; color: #333; font-weight:normal}

.fontSmallerNavyBold {font-family:Verdana; color: #333; font-weight:bold}

.fontSmallNavyBold {font-family:Verdana; color: #333; font-weight:bold}

.fontSmallNavyBolder {font-family:Verdana; color: #333; font-weight:bolder}

.fontMediumNavy {font-family:Verdana; color: #333; font-weight:normal}

.fontMediumNavyBold {font-family:Verdana; color: #333; font-weight:bold}

.fontMediumNavyBolder {font-family:Arial Black; color: #333; font-weight:bolder}

/* Eco To Go */
.ecotogo {font-family:Verdana; color: #090; font-weight:bold}

/* Black */

.fontXXSmallBlack {font-family:Verdana; color:black; font-weight:normal}

.font80Black   {font-family:Verdana; color:black; font-weight:normal}

.font90Black   {font-family:Verdana; color:black; font-weight:normal}

.font80BlackBolder {font-family:Verdana; color:black; font-weight:bolder}

.font90BlackBolder {font-family:Verdana; color:black; font-weight:bolder}

.fontSmallerBlack {font-family:Verdana; color:black; font-weight:lighter}

.fontSmallBlack {font-family:Verdana; color:black; font-weight:lighter}

.fontSmallBlackBold {font-family:Verdana; color:black; font-weight:bold}

.fontSmallBlackBolder {font-family:Verdana; color:black; font-weight:bolder}

.fontSmallerBlackBold {font-family:Verdana; color:black; font-weight:bold}

.fontSmallerBlackBolder {font-family:Verdana; color:black; font-weight:bolder}

.fontMediumBlack {font-family:Verdana; color:black; font-weight:normal}

.fontMediumBlackBold {font-family:Verdana; color:black; font-size: 25px; font-weight:bold;}

.fontMediumBlackBolder {font-family:Verdana; color:black; font-weight:bolder}

/* DarkRed */

.fontDarkRedXSmall {color:rgb(153,51,0);font-weight:normal}

.fontDarkRedXXSmall {color:rgb(153,51,0);font-weight:normal}

.fontDarkRedXSmallBolder {color:rgb(153,51,0);font-weight:bolder}

.fontDarkRedXXSmallBolder {color:rgb(153,51,0); font-size: 11px; font-weight:bolder}

.fontDarkRedSmaller {color:rgb(153,51,0);font-weight:normal}

.fontDarkRedSmallerBold {color:rgb(153,51,0);font-weight:bold}

.fontDarkRedSmallBold {color:rgb(153,51,0);font-weight:bold}

.confirmation {font-family:Verdana; color: #C60; font-weight:bold}

.groupTitleXLarge {font-family:Verdana; width:432; color:Black; font-weight:bold}

.groupTitleLarge {color:Black; font-weight:bold}

.groupTitleMedium {color:Black; font-weight:bold}

.groupTitleSmall {width:432; color:Black; font-weight:bold}

.addressMedium632 {width:632; color:Black; font-weight:bold}

.width432Large {width:432; color:Black; }

.colorBlackMed {color:Black; }

.colorC60 {color: #C60}

.fontDarkRedSmallBold {color:rgb(153,51,0);font-weight:bold}

.fontDarkRedXSmallBold {color:rgb(153,51,0);font-weight:bold}

.fontDarkRedXXSmallBold {color:rgb(153,51,0);font-size: 11px; font-weight:bold}

.fontDarkRedLargeBold {color:rgb(204,0,0);font-size: 27px; font-weight:900}

.HeaderBox01 {  -x-background-x-position:0%;
		-x-background-y-position:0%;
		background-attachment:scroll;
		background-color:#FFFFE5;
		background-image:none;
		background-repeat:repeat;
		border-bottom-color:#CCCC33;
		border-bottom-style:solid;
		border-bottom-width:2px;
		border-top-color:#CCCC33;
		border-top-style:solid;
		border-top-width:2px;
		margin-top:0.5em;
		padding-bottom:0.5em;
		padding-left:0pt;
		padding-right:0pt;
		padding-top:0.5em;
		text-align:center;}
		
.HeaderBox02  { background: #FFFFE5; 
		padding: .5em 0; 
		border-top: 2p solid #CC3; 
		border-bottom: 2p solid #CC3; 
		text-align: center; 
		margin-top: .5em}		
		

.greenBox {-x-background-x-position:0%;
	    -x-background-y-position:0%;
	    background-attachment:scroll;
	    background-color:#FFFFE5;
	    background-image:none;
	    background-repeat:repeat;
	    border-bottom-color:#CCCC33;
	    border-bottom-style:solid;
	    border-bottom-width:2px;
	    border-top-color:#CCCC33;
	    border-top-style:solid;
	    border-top-width:2px;
	    margin-top:0.5em;
	    padding-bottom:0.5em;
	    padding-left:0pt;
	    padding-right:0pt;
	    padding-top:0.5em;
	    text-align:center;}
	    
	    
.otherBox  {background: #FFFFE5; 
            padding: .5em 0; 
            border-top: 2p solid #CC3; 
            border-bottom: 2p solid #CC3; 
            text-align: center; 
            margin-top: .5em}