html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-image: url(../images/bkg_orange.png);
	background-repeat:repeat-x;
	}

.body_mobile {background-image: none}

#container{
    width: 910px;
    border: #c7da2b;
	padding-top: 0px;
	background-color:#FFF;
    border-width: 0px;
	margin: auto;
    font-family: sans-serif;
    overflow: hidden;
}


#container1{
    width: 1050px;
    border: solid black;
    border-width: 0px;
    margin: auto;
    margin-top: 10px;
    font-family: sans-serif;
}


/* header styling */

#header{
    background-image: url(../images/ezlunchbanner21Feb.png);
	background-repeat:no-repeat;
    height: 160px;
    text-align: left;
	margin-top:5px;
	
    }

#header_index{
    background-image: url(../images/ezlunchbanner_index.png);
	background-repeat:no-repeat;
    height: 160px;
    text-align: left;
	margin-top:0px;
	
    }
	
#header_top{
    background-image: url(../images/curve_top.png);
	background-repeat:no-repeat;

	
    }
	
#header2{
    /*background-image: url(../images/ezlunchbanner21Feb.png);*/
    background-image: url(../images/ezlunchbanner_background.png);
	background-repeat:no-repeat;
    height: 140px;
    text-align: left;
	margin-top: 0px;
    }
	
#header_topnav{
    background-image: url(../images/ezlunchbanner2.png);
	background-repeat:no-repeat;
    height: 135px;
    text-align: left;
	margin-top: 10px;
	margin-left: 150px;
    }
	
#progessbar2{
    background-color:#0C0;
    }
	
#headerquick{
    background-image: url(../images/logo/ezlunch_logosmall.png);
	background-repeat:no-repeat;
    height: 55px;
    text-align: left;
	margin-left: 0px;
	
    }
	
	/*ezlunch links*/
a.ez:link {font-family: Arial, Helvetica, sans-serif; color: #060; font-size: 12px; font-weight: bold; }
a.ez:visited {color: #060; font-size: 12px; font-weight: bold; }
a.ez:hover {text-decoration:underline; font-size: 12px; color:#E84B00; }
a.ez:active {color: #060; font-size: 12px; } 

/*ezlunch foodsupplier links*/
a.ezfs:link {font-family: Arial, Helvetica, sans-serif; color: #554b6d; font-size: 12px; font-weight: bold; }
a.ezfs:visited {color: #554b6d; font-size: 12px; font-weight: bold; }
a.ezfs:hover {text-decoration:underline; color:#E84B00; }
a.ezfs:active {color: #554b6d; } 

/*ezlunch school links*/
a.ezs:link {font-family: Arial, Helvetica, sans-serif; color: #4b7ec0; font-size: 12px; font-weight: bold; }
a.ezs:visited {color: #4b7ec0; font-size: 12px; font-weight: bold; }
a.ezs:hover {text-decoration:underline; color:#E84B00; }
a.ezs:active {color: #4b7ec0; } 

/*ezlunch userhome*/
a.uh:link {font-family: Arial, Helvetica, sans-serif; color: #060; font-size: 12px; font-weight: bold; }
a.uh:visited {color: #060; font-size: 12px; font-weight: bold; }
a.uh:hover {text-decoration:none; font-size: 12px; color:red; }
a.uh:active {color: #060; font-size: 12px; } 

/*ezlunch texting links*/
a.txt:link {font-family: Arial, Helvetica, sans-serif; color: #ae1c1a; font-size: 12px; font-weight: bold; }
a.txt:visited {color: #4b7ec0; font-size: 12px; font-weight: bold; }
a.txt:hover {text-decoration:underline; font-size: 12px; color:#4b7ec0; }
a.txt:active {color: #4b7ec0; font-size: 12px; } 

/*ezlunch index login*/
a.txt_tiny:link {font-family: Arial, Helvetica, sans-serif; color: #ae1c1a; font-size: 11px; font-weight: bold; }
a.txt_tiny:visited {color: #4b7ec0; font-size: 11px; font-weight: bold; }
a.txt_tiny:hover {text-decoration:underline; font-size: 11px; color:#4b7ec0; }
a.txt_tiny:active {color: #4b7ec0; font-size: 11px; } 

/*ezlunch email link*/
a.email_link:link {font-family: Arial, Helvetica, sans-serif; color: #ae1c1a; font-size: 11px; }
a.email_link:visited {color: #4b7ec0; font-size: 11px;  }
a.email_link:hover {text-decoration:underline; font-size: 11px; color:#4b7ec0; }
a.email_link:active {color: #4b7ec0; font-size: 11px; } 

/*just underline and bold link*/
a.underline_bold_link:link {font-family: Arial, Helvetica, sans-serif; text-decoration:underline; font-weight: bold;}
a.underline_bold_link:visited {}
a.underline_bold_link:hover {}
a.underline_bold_link:active {} 

.login {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#F90;
	font-size: 9px;
	font-style: normal;
	width: 160px;
	float:right;
	padding-top: 4em;
	 
}

.aboutus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	width: 260px;
	float:right;
	padding-top: 0em;
	 
}



/*
.feedburnerFeedBlock { 
border:1px solid #f37221; 
width: 150px;
padding-top:5px; 
padding-left: 20px;
font-size:0.75em;

}

*/
div.feedburnerFeedBlock { 
	border:0px solid #f37221; 
	width: 150px;
	padding-top:5px; 
	padding-left: 20px;
	font-size: 0.75em;

}

div.feedburnerFeedBlock p.feedTitle {
	font-size: 2em; }


/* top navigation styling */

/* top navigation styling */

#anav, #nava ul { 
	padding: 3px;
	margin: 0px;
	list-style: none;
	line-height: 1;
	z-index: 1000;
	
}

#anav a {
	display: block;
	width: 9em;
	text-decoration: none;
	font-size: 0.8em;
        color: black;
       /* padding-left: 0.1em;
        padding-right: 0.1em;*/
	z-index: 1000;
}

#anav li { /* all list items */
	float: right;
	width: 9m; /* width needed or else Opera goes nuts */
	padding-right: 0em; /* push over */
		z-index: 1000;
		-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#anav li ul { /* second-level lists */
	position: absolute;
	background-color:#ff7b22;	
	width: 9em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 1000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#anav li:hover ul, #anav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#anav li li a:hover, #nava li li a.sfhover { /* drop down text color on mouse over*/
	background-color:#F30;	
	color:white;

}

#anav li a:hover, #anav li a.sfhover { /* top level text colour on mouse over*/
	color:grey;
}
/* top navigation styling */

#nav, #nav ul { 
	padding: 3px;
	padding-top:9px;
	margin-top: 0px;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 6.5em;
	text-decoration: none;
	font-size: 0.8em;
        color: black;
        padding-left: 0.5em;
        padding-right: 0.5em;
}

#nav li { /* all list items */
	float: right;
	width: 6.5em; /* width needed or else Opera goes nuts */
	padding-right: 1em; /* push over */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: transparent;
	width: 6.5em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li li a:hover, #nav li li a.sfhover { /* drop down text color on mouse over*/
	color:red;
}

#nav li a:hover, #nav li a.sfhover { /* top level text colour on mouse over*/
	color:grey;
}


/* process navigation styling - drive actions for ordering*/

#process_navf{

   	width: 670px;
	padding: 0.2em 1em;
}



/* process navigation styling - drive actions for ordering*/

#process_nav{
	
    background-color: none;
    padding: 0.25em 0.2em;
}

#process_nav a {
    color:black;
	text-decoration: none;
    font-size: 1em;
    color: black;
    padding: 0.25em 0.5em;
}

#process_nav a:hover, a:focus  {
	color:red;
}

#column_links {
	float:left;
	width:100%;		
}

#content_editmenu {
	float:left;
}

/* content stying */

#content h1 {
    font-size: 1.2em;
    margin: 5px;
}

#content h2 {
    font-size: 16px;
	padding-left: 5px;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #ae1c1a;
	text-align: left;

}

#content p {
    font-size: 0.9em;
	
}

.introtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #ae1c1a;
	text-align: left;
	

}

.introtext_tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #ae1c1a;
	text-align: left;
	

}

.lostpassword {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #ae1c1a;
	text-align: left;
	padding-left: 132px;
	

}



.introtextschool {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #ae1c1a;
	text-align: left;
}

.introtextschool_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

.introtextfood {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	

}

.boldtextgreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #488f00;
	text-align: left;
	

}

.introtextfamilies {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #488f00;


}

.greentext_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #488f00;
	text-align: left;
	

}

.userhome_account {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #488f00;
}

.myaccount_balance_amount {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #488f00;
}

.myaccount_balance {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: red;
	/*padding-left: 20px;*/	
}

.myaccount_warning{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: red;
}

.userhome_topup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: red;
	cursor: pointer;
	text-decoration: underline;
	
}

#login_index {
	font-family:Arial, Helvetica, sans-serif;
	/*padding-top: 70px;
	padding-left: 525px;*/
	text-decoration:none;	
}

#survey_div{
	
}

#surveyLink{
	font-weight: bold;
	color: red;
}

#surveynlogin{
	padding-top: 10px;
	padding-left: 280px;
	width:600px
}

#surveynlogin_table{
	width:600px
}

input.small 
{
font-size: 75%;
cursor: pointer;
width:90px;
}

input.bigger 
{
font-size: 65%;
cursor: pointer;
}

#menuh_login_register{
	width: 330px;
	font-family:Arial, Helvetica, sans-serif;
	float:right;	
	margin-top: 6px;
}

#helpdesk_nav {
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-color: #48903c;
	float:right;
	text-decoration:none;
	margin-top: 9px;
	
	
}

#helpdesk_nav2 {
	width: 200px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-color: #48903c;
	float:right;
	text-decoration:none;
	
	
}

#helpdesk_nav2012 {
	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-color: #48903c;
	float:right;
	text-decoration:none;
	
	
}


#supplier_logo {
	width: 150px;
	padding-left: 150px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-color: #48903c;
	float:left;
	text-decoration:none;
	
	
}

#supplier {
	width: 250px;
	height: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-color: #48903c;
	float:left;
	padding-left: 150px;
	text-decoration:none;
	
	
}

.helpdesk_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: red;
	text-deocration: none;
}

.helpdesk_hours {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #488f00;
}

.assistance_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #488f00;
	/*padding-left:100px;*/
}

p.small {line-height: 90%
}



.user_home_welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: left;
}


.heading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: bold;
	color: #488f00;
	text-align: left;
}

.join_step_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #70af00;
	text-align: left;
}

.headingsubfamily {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #488f00;
	text-align: left;
}

.heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #e5721e;
	text-align: left;
}

.headingfood {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #60567b;
	text-align: left;
	

}

.headingschl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #ae1c1a;
	text-align: left;
	

}

.subHeadingschl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #333;
	text-align: left;
	

}

.headingfoodsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #60567b;
	text-align: left;
	

}

.purpletext_medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #60567b;
	text-align: left;
}

.purpletext_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #60567b;
	text-align: left;	
}

.bluetext_medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-align: left;
}

.numbering {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #488f00;
	text-align: left;
}

.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-align: left;
}

.bodytext_bold {
	font-style: normal;
	font-weight: bold;
	color: #666;
	text-align: left;
}

.bodytext_bold_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666;
	text-align: left;
}

.bodytext_bold_black_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000;
	text-align: left;
}

.bodytext_grey_11{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

.bodytext_grey_10{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

.bodytext_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

.bodytext_black_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.bodytext_black_18 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
}

.bodytext_medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	/*color: #333333;*/
	text-align: left;
}

.bodytext_medium_big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

.bodytext_big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

.bodytext_tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-align: left;
}

.bodytext_tiny_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

.bodytext_whitehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bolder;
	color: #000000;
	text-align: left;
	

}
.bodytext_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bolder;
	color: #000000;
	text-align: left;
	

}

.bodytextfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-align: left;
	

}

/* footer styling */

#footer {
    text-align:center;
	margin-bottom: 10px;
}

#footer1 {
    text-align:center;
}


/* links styling */

.links a{
    	text-decoration: none;
		font: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
        color: black;
        padding-left: 0.5em;
        padding-right: 0.5em;
}

.links a:hover, a:focus  {
	color:grey;
}

/* main links styling */

.mainlinks a{
    	text-decoration: none;
		font: Arial, Helvetica, sans-serif;
	    font-size: 1em;
        padding-left: 0.1em;
        padding-right: 0.1em;
}

.mainlinks a:hover, a:focus  {
	color:green;
	text-decoration:underline;
}

/* column right styling */

#col_left {
    float:left;
    width: 280px;
	padding: 15px;
}


#col_left_quicktour_head {
    float:left;
    width: 900px;
	padding-left: 10px;
	padding-top: 50px;
}

#col_left_quicktour {
    float:left;
    width: 900px;
	padding-left: 40px;
	padding-top: 0px;
	/*background-image:url(../images/quicktour/background_quicktour2012.jpg);*/
	background-repeat: no-repeat;
	background-position:center;
}
#col_left2 {
    float:left;
    width: 670px;
	padding-left: 15px;
	padding-top: 0px;
}

#col_left_userhome {
    float:left;
    width: 630px;
	padding-left: 30px;
	padding-top: 0px;
}

#col_leftco {
    float:left;
    width: 900px;
	padding-left: 10px;
	padding-top: 2px;
}

#col_left2userhome {
    float:left;
    width: 890px;
	padding-left: 15px;
	padding-top: 0px;
}

#col_leftmyaccount {
    float:left;
    width: 850px;
	padding-left:25px;
	padding-top: 0px;
}




#actionpete {
    float:left;
    width: 320px;
	padding-left: 15px;
	padding-top: 0px;
}

#orderdetails_check {
	padding-top: 20px;
	padding-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	color: red;
	font-size:12px;
	
}


#col_leftmenus {
     float:left;
	margin-left: 5px;
	width: 300px;
    background-color:transparent;
   left-padding: 2px;
}

#col_leftread {
    float:left;
    width: 180px;
	
	padding: 5px;
}

#col_left_customer {
    float:left;
    width: 500px;
	padding-left: 15px;
	padding-top: 0px;
}

/* column right styling */

#col_right {
    float:right;
    width: 185px;
    background-color:transparent;
   left-padding: 2px;
}

#col_right_userhome {
    float:right;
    width: 220px;
	padding-right: 10px;
    background-image: url(../images/user_home/green_bkground_accountdetails2.png);
	background-repeat:no-repeat;
	padding-top: 5px;
   padding-left: 12px;
}



#col_right_userhome_menus {
    float:right;
    width: 200px;
	padding-right: 10px;
    padding-top: 20px;
   padding-left: 20px;
}

#col_rightco {
    float:right;
    width: 200px;
    background-color:transparent;
   padding-right: 65px;
}

#col_rightmenus {
    float:right;
    width: 720px;
    background-color:transparent;
   left-padding: 2px;
}

#quickordermenu_pb {
    float: left;
	margin-left: 150px;
	width: 680px;
	height: 27px;
    background-color: transparent;
   left-padding: 2px;
   padding-top: 40px;
}

#quickordermenu_shop {
    float: left;
	margin-left: 180px;
	width: 630px;
	height: 27px;
    background-color: transparent;
   left-padding: 2px;
   padding-top: 42px;
}

#quickordermenu_include {
    float: left;
	margin-left: 180px;
	width: 630px;
	height: 27px;
    background-color: transparent;
   left-padding: 2px;
   padding-top: 55px;
}

#quickordermenu {
     float:left;
	margin-left: 125px;
	width: 655px;
	height: 55px;
    background-color:transparent;
   left-padding: 2px;
}

#quickordermenu2 {
    float:right;
	margin-left: 105px;
	width: 755px;
	height: 55px;
    background-color:transparent;
   left-padding: 2px;
}

#quickordermenu_original {
    float:left;
	margin-left: 125px;
	width: 655px;
	height: 55px;
    background-color:transparent;
   left-padding: 2px;
}

#header_buttons {
	width: 680px;
	height: 27px;
    background-color: transparent;
   left-padding: 2px;
   padding-top: 0px;
}

#banner_shop_name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px; 
	color:white; 
	font-weight: bold;
}

#banner_shop_logo {
	visibility:hidden;
}


#shop_banner_table {
	float:left;
	margin-left: 20px;
	emptyCells:"show";
}

#shop_banner {
	float:left;
}

#controls{
	float:left;
	width:100%;
}

#col_rightlogin {
    float:right;
    width: 255px;
    background-color:transparent;
    padding-right: 5px;
}

#col_right_customer {
    float:right;
    width: 350px;
    background-color:transparent;
}

/* middle column styling*/

#col_midread{
    padding-left: 5px;
	padding-right: 20px;
    margin: 0px 210px 0px 205px; 
}
#col_midlogin{
    padding-left: 55px;
    margin: 0px 270px 0px 345px; 
}

#col_mida{
       padding: 5px;
	   margin: 0px 215px 0px 295px; /*need to take into account the width and padding of the left and right columns*/
}
#col_mid{
    background-color: white;
    padding: 5px;
    margin: 0px 260px 0px 310px; /*need to take into account the width and padding of the left and right columns*/
}
#col_mid_wide{
    background-color: white;
    padding: 5px;
    margin: 0px 20px 0px 20px; /*need to take into account the width and padding of the left and right columns*/
}

#col_mid_index{
    background-color: white;
    padding: 5px;
    margin: 0px 260px 0px 310px; /*need to take into account the width and padding of the left and right columns*/
}

/* right side rollover navigation */

#sro_1 {
   display: block;
   width: 170px;
   height: 70px;
   background: url("../images/navigation/nav_join.png") no-repeat;  0 0;
}

#sro_1:hover { 
   background: url("../images/navigation/nav_join_o.png") no-repeat 0 0;
}
 
#sro_1 span{
   display: none;
}

#sro_2 {
   display: block;
   width: 165px;
   height: 70px;
   background: url("../images/navigation/nav_order.png") no-repeat 0 0;
}

#sro_2:hover { 
   background: url("../images/navigation/nav_order_o.png") no-repeat 0 0;
}
 
#sro_2 span{
   display: none;
}

#sro_3 {
   display: block;
   width: 165px;
   height: 70px;
   background: url("../images/navigation/nav_share.png") no-repeat 0 0;
}

#sro_3:hover { 
   background: url("../images/navigation/nav_share_o.png") no-repeat 0 0;
}
 
#sro_3 span{
      display: none;
} 

#sro_4 {
   display: block;
   width: 165px;
   height: 70px;
   background: url("../images/navigation/nav_atmy.png") no-repeat 0 0;
}

#sro_4:hover { 
   background: url("../images/navigation/nav_atmy_o.png") no-repeat 0 0;
}
 
#sro_4 span{
      display: none;
} 

/* right side rollover navigation */

#sro_1a {
   display: block;
    float: left;
   width: 170px;
   height: 65px;
   background: url("../images/navigation/nav_join.png") no-repeat;  0 0;
}

#sro_1a:hover { 
   background: url("../images/navigation/nav_join_o.png") no-repeat 0 0;
}
 
#sro_1a span{
   display: none;
}

#sro_2a {
   display: block;
    float: left;
   width: 165px;
   height: 65px;
   background: url("../images/navigation/nav_order.png") no-repeat 0 0;
}

#sro_2a:hover { 
   background: url("../images/navigation/nav_order_o.png") no-repeat 0 0;
}
 
#sro_2a span{
   display: none;
}

#sro_3a {
   display: block;
    float: left;
   width: 165px;
   height: 65px;
   background: url("../images/navigation/nav_share.png") no-repeat 0 0;
}

#sro_3a:hover { 
   background: url("../images/navigation/nav_share_o.png") no-repeat 0 0;
}
 
#sro_3a span{
      display: none;
} 

#sro_4a {
   display: block;
    float: left;
   width: 165px;
   height: 65px;
   background: url("../images/navigation/nav_atmy.png") no-repeat 0 0;
}

#sro_4a:hover { 
   background: url("../images/navigation/nav_atmy_o.png") no-repeat 0 0;
}
 
#sro_4a span{
      display: none;
} 

/* bottom navigation rollover styling */

#ro_1 {
   display: block;
   float: left;
   width: 210px;
   height: 80px;
   background: url("../images/footernav/foodsupp_o.png") no-repeat 0 0;
 }

#ro_1:hover { 
   background: url("../images/footernav/foodsupp.png") no-repeat 0 0;
 }
 
#ro_1 span{
      display: none;
}

#ro_2 {
   display: block;
   float: left;
   width: 165px;
   height: 80px;
   background: url("../images/footernav/schools_o.png") no-repeat 0 0;
 }

#ro_2:hover { 
   background: url("../images/footernav/schools.png") no-repeat 0 0;
 }
 
#ro_2 span{
      display: none;
}

#ro_3 {
   display: block;
   float: left;
   width: 165px;
   height: 80px;
   background: url("../images/footernav/families_o.png") no-repeat 0 0;
 }

#ro_3:hover { 
   background: url("../images/footernav/families.png") no-repeat 0 0;
 }
 
#ro_3 span{
      display: none;
} 

#ro_4 {
   display: block;
   float: left;
   width: 160px;
   height: 91px;
   background: url("../images/logo/F4LLogoVersion2A.jpg") no-repeat 0 0;
 }

#ro_4:hover { 
   background: url("../images/logo/F4LLogoVersion2A.jpg") no-repeat 0 0;
 }
 
#ro_4 span{
      display: none;
} 


/* quickorder rollover navigation */

#qo_1 {
   display: block;
   float: left;
   width: 100px;
   height: 40px;
   background: url("../images/ordernav/quickorder.png") no-repeat  0 0;
}

#qo_1:hover { 
   background: url("../images/ordernav/quickorder_o.png") no-repeat 0 0;
}
 
#qo_1 span{
   display: none;
}

#qo_2 {
   display: block;
   float: left;
   width: 100px;
   height: 40px;
   background: url("../images/ordernav/multiorder.png") no-repeat  0 0;
}

#qo_2:hover { 
   background: url("../images/ordernav/multiorder_o.png") no-repeat 0 0;
}
 
#qo_2 span{
   display: none;
}

#qo_3 {
   display: block;
      float: left;
   width: 100px;
   height: 27px;
   background: url("../images/ordernav/myorder.png") no-repeat  0 0;
}

#qo_3:hover { 
   background: url("../images/ordernav/myorder_o.png") no-repeat 0 0;
}
 
#qo_3 span{
   display: none;
}

#qo_4 {
   display: block;
      float: left;
   width: 100px;
   height: 40px;
   background: url("../images/ordernav/mydetails.png") no-repeat  0 0;
}

#qo_4:hover { 
   background: url("../images/ordernav/mydetails_o.png") no-repeat 0 0;
}
 
#qo_4 span{
   display: none;
}
#qo_5 {
   display: block;
   float: left;
   width: 100px;
   height: 40px;
   background: url("../images/ordernav/print.png") no-repeat  0 0;
}

#qo_5:hover { 
   background: url("../images/ordernav/print_o.png") no-repeat 0 0;
}
 
#qo_5 span{
   display: none;
}

#qo_6 {
   display: block;
      float: left;
   width: 100px;
   height: 27px;
   background: url("../images/ordernav/myhome.png") no-repeat  0 0;
}

#qo_6:hover { 
   background: url("../images/ordernav/myhome_o.png") no-repeat 0 0;
}
 
#qo_6 span{
   display: none;
}

#qo_7 {
   display: block;
      float: left;
   width: 100px;
   height: 27px;
   background: url("../images/ordernav/mydetails.png") no-repeat  0 0;
}

#qo_7:hover { 
   background: url("../images/ordernav/mydetails_o.png") no-repeat 0 0;
}
 
#qo_7 span{
   display: none;
}

#qo_8 {
   display: block;
      float: left;
   width: 100px;
   height: 27px;
   background: url("../images/ordernav/suppliers.png") no-repeat  0 0;
}

#qo_8:hover { 
   background: url("../images/ordernav/suppliers_o.png") no-repeat 0 0;
}
 
#qo_8 span{
   display: none;
}

/*news rss feed icon*/
#rss_news {
   display: block;
   float: right;
   width: 179px;
   height: 61px;
   background: url("../images/headings/news_icon.png") no-repeat  0 0;
}

#rss_news:hover { 
    background-position: 0 -61px;
}
 
#rss_news span{
  position: absolute;
  top: -999em;
}

/* green tabs rollover navigation */

#grntab_myhome {
   display: block;
   float: left;
   width: 100px;
   height: 27px;
   background: url("../images/ordernav/my_home.png") no-repeat  0 0;
}

#grntab_myhome:hover { 
    background-position: 0 -27px;
}
 
#grntab_myhome span{
  position: absolute;
  top: -999em;
}

#grntab_myaccount {
   display: block;
   float: left;
   width: 100px;
   height: 27px;
   background: url("../images/ordernav/my_account.png") no-repeat  0 0;
}

#grntab_myaccount:hover { 
    background-position: 0 -27px;
}
 
#grntab_myaccount span{
  position: absolute;
  top: -999em;
}

#grntab_myorders {
   display: block;
   float: left;
   width: 100px;
   height: 27px;
   background: url("../images/ordernav/my_orders.png") no-repeat  0 0;
}

#grntab_myorders:hover { 
    background-position: 0 -27px;
}
 
#grntab_myorders span{
  position: absolute;
  top: -999em;
}

#grntab_mydetails {
   display: block;
   float: left;
   width: 100px;
   height: 27px;
   background: url("../images/ordernav/my_details.png") no-repeat  0 0;
}

#grntab_mydetails:hover { 
    background-position: 0 -27px;
}
 
#grntab_mydetails span{
  position: absolute;
  top: -999em;
}

#grntab_calendar {
   display: block;
   float: left;
   width: 100px;
   height: 27px;
   background: url("../images/ordernav/calendar.png") no-repeat  0 0;
}

#grntab_calendar:hover { 
    background-position: 0 -27px;
}
 
#grntab_calendar span{
  position: absolute;
  top: -999em;
}

/* Text rollover image */
#text_doitnow {
   display: block;
   float: left;
   width: 113px;
   height: 50px;
   background: url("../images/txt/txt_doitnow.png") no-repeat  0 0;
}

#text_doitnow:hover { 
    background-position: 0 -50px;
}
 
#text_doitnow span{
  position: absolute;
  top: -999em;
}



/* finish green tabs rollover navigation */

#bottom_navicon{
	padding-top: 30px;
	padding-left: 20px;

}
#bottom_nav{
	height: 80px;
	padding-left: 20px;
    clear:both;
}
#footer{
	clear:both;
}

/* feed burner iframe styling */

#feed iframe {
	width: 100%;
	height: 250px;
	background-color: white;
	border: #FFF;
}

/* feed burner iframe styling */

#feedhome iframe {
	width: 80%;
	border: none;
	height: 150px;
	background-color: white;
	border: #FFF;
}

/*next button*/
.button {
    background: transparent url('../images/slidingbuttons/bg_button_a.gif') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 48px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

.button span {
    background: transparent url('../images/slidingbuttons/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 24px;
    padding: 0px 0 3px 15px;
} 


.button:active {
    background-position: bottom right;
	text-decoration:underline;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

.button:active span {
    background-position: bottom left;
	text-decoration:underline;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

a.button1 {
    /* Sliding right image */
    background: transparent url('../images/slidingbuttons/bg_button_a.gif') no-repeat scroll top right; 
display: block;
float: left;
height: 48px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 18px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.button1 span {
/* Background left image */ 
background: transparent url('../images/slidingbuttons/bg_button_span.gif') no-repeat; 
display: block;
line-height: 32px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 9px 0 5px 55px;
} 
a.button1:hover span{
text-decoration:underline;
}
/* supplier page sliding button */

a.supplierbutton {
		/* Sliding right image */
	background: transparent url('../images/slidingbuttons/supplier_a.gif') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 0px;
	padding-right: 8px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
a.supplierbutton span {
/* Background left image */ 
background: transparent url('../images/slidingbuttons/supplier_span2.gif') no-repeat; 
display: block;
line-height: 13px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 9px 0px 5px 5px;
} 
a.supplierbutton:hover span{
text-decoration:underline;
cursor: pointer;
}




/* supplier page sliding button ENDS */

#supplierbutton_pos {
    margin-left: 25px;
	width: 755px;
    background-color:transparent;
   padding-left: 2px;
   padding-top:20px;
}

#supplierbutton_pos2 {
    margin-left: 225px;
	width: 655px;
    background-color:transparent;

}


.login_logout {
	font-weight:bold
	
}

.user_home_school {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #e3651e;
	text-align: left;
	

}



a.button2 {
    /* Sliding right image */
    background: transparent url('../images/slidingbuttons/bg_button_agreen.jpg') no-repeat scroll top right; 
display: block;
float: left;
height: 48px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 18px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.button2 span {
/* Background left image */ 
background: transparent url('../images/slidingbuttons/bg_button_spangreen.jpg') no-repeat; 
display: block;
line-height: 32px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 9px 0 5px 55px;
} 
a.button2:hover span{
text-decoration:underline;
}

a.header_dynamic_button {
    /* Sliding right image */
background: transparent url('../images/slidingbuttons/supplier_a.gif') no-repeat scroll top right; 
display: block;
float: left;
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 18px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.header_dynamic_button span {
/* Background left image */ 
background: transparent url('../images/slidingbuttons/supplier_span.gif') no-repeat; 
display: block;
line-height: 12px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 9px 0 10px 10px;
} 

a.header_dynamic_button:hover span{
background-image:url('../images/slidingbuttons/supplier_span_rollover.gif');
text-decoration:underline;
}

a.greentab_supplier {
    /* Sliding right image */
background: transparent url('../images/slidingbuttons/supplier_a.gif') no-repeat scroll top right; 
display: block;
float: left;
height: 36px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 18px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.greentab_supplier span {
/* Background left image */ 
background: transparent url('../images/slidingbuttons/supplier_span.gif') no-repeat; 
display: block;
line-height: 12px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 9px 0 10px 10px;
} 

a.greentab_supplier:hover span{
background-image:url('../images/slidingbuttons/supplier_span_rollover.gif');
text-decoration:underline;
}

a.greentab_school {
    /* Sliding right image */
background: transparent url('../images/slidingbuttons/school_a.gif') no-repeat scroll top right; 
display: block;
float: left;
height: 36px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 18px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.greentab_school span {
/* Background left image */ 
background: transparent url('../images/slidingbuttons/school_span2.gif') no-repeat; 
display: block;
line-height: 12px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 9px 0 10px 10px;
} 

a.greentab_school:hover span{
background-image:url('../images/slidingbuttons/school_span_rollover.gif');
text-decoration:underline;
}





.uh_option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #e3651e;
	text-align: left;
	

}






#userhome_actions ul {
	list-style-type: none;
}

#userhome_actions li {		
	float:right;
	width:210px;
	padding: 0px;
}

#userhome_actions li a {
		display: block;
		width: 200px;
		height: 63px;
		background-image: url(../image/toucancombo.jpg);
		text-indent: -999em;
}


#userhome_actions li a:hover {
		background-position: bottom;
		
}

/*columns for quickOrder page */
#col_left_quickorder {
    float:left;
	width: 340px;
	padding-left: 25px;
	font-size:x-small;
}

#content_top {
    float:left;
	width: 860px;
	height: 70px;
	padding-left: 25px;
	font-size:x-small;
}



#col_right_quickorder {
    float:right;
    width: 520px;
    background-color:transparent;
    padding-top: 10px;
	padding-left: 10px;
	padding-right: 15px;
	font-size:x-small;
}

.save_order_inactive{
    height:30px;
    width:240px;
	float:right;
    background: url(../images/quick_order/save_doanother.jpg);
    background-repeat: no-repeat;
    color:#8c8c8c;
    padding-left: 16px;
    padding-top: 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
	
}

	
.save_order_active{
    height:30px;
    width:240px;
	float: right;
    background: url(../images/quick_order/save_doanother.jpg);
    background-repeat: no-repeat;
    color:#000;
    padding-left: 16px;
    padding-top: 8px;
    cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.save_order_active:hover {
    text-decoration:underline;
	background: url(../images/quick_order/save_doanother_hover.jpg);
	background-repeat: no-repeat;
}


.check_out_inactive{
    height:30px;
    width:240px;
	float:right;
    background: url(../images/quick_order/save_checkout_inactive.jpg);
    background-repeat: no-repeat;
    color:#8c8c8c;
    padding-left: 16px;
    padding-top: 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

	
}

	
.check_out_active{
    height:30px;
    width:240px;
	float: right;
    background: url(../images/quick_order/save_checkout.jpg);
    background-repeat: no-repeat;
    color:#000000;
    padding-left: 16px;
    padding-top: 8px;
    cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.check_out_active:hover {
    text-decoration:underline;
	background: url(../images/quick_order/save_checkout_hover.jpg);
	background-repeat: no-repeat;
}



.place_order_inactive{
	position:relative;
	top:10px;
    height:40px;
    width:210px;
	float: right;
    background: url(../images/checkout/placeorder1.gif);
    background-repeat: no-repeat;
    color:#000000;
    padding-left: 20px;
    padding-top: 12px;
    cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	visibility: hidden;

}

	
.place_order_active{
	position:relative;
	top:10px;
    height:40px;
    width:210px;
	float: right;
    background: url(../images/checkout/placeorder1.gif);
    background-repeat: no-repeat;
    color:#000000;
    padding-left: 20px;
    padding-top: 12px;
    cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;	
}

.place_order_active:hover {
    text-decoration:underline;
	background: url(../images/checkout/placeorder2.gif);
	background-repeat: no-repeat;
}


/* checkout column left and mid styling */

#checkoutcol_left_and_mid {
    float:left;
    width: 600px;
    padding-top: 1px;
	padding-left: 5px;
}


/* checkout column left styling */

#checkoutcol_left {
    float:left;
    width: 220px;
	height: 250px;
    background-image: url(../images/checkout/green_bkground.png);
	background-repeat:no-repeat;
    padding-top: 1px;
	padding-left: 5px;
}
/* checkout column right styling */

#checkoutcol_right {
    float:right;
    width: 265px;
	height: 250px;
    /*background-image: url(../images/checkout/green_bkgroundRight.png);*/
    background-image: url(../images/checkout/grey_frame.png);    
	background-repeat:no-repeat;
    padding-top: 1px;
	padding-left: 5px;
}

/* checkout middle column styling*/

#checkoutcol_mid{
    background-image: url(../images/checkout/green_bkg_mid.png);
	background-repeat:no-repeat;
	height: 250px;
    padding-top: 1px;
	padding-left: 5px;
    margin: 0px 190px 0px 230px; /*need to take into account the width and padding of the left and right columns*/
}

#checkoutOrdersTable tr{
	vertical-align: top;
}

#checkoutOrdersTable td{
	padding-right:10px;
}


#topup {
    float:left;
    width: 100%;
	padding-left: 0px;
	padding-top: 20px;
}

.checkout_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	padding-left: 12px;
	color: red;
	text-align: left;
	

}

.checkouttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-align: left;
	

}

.checkoutvisa {
	/*padding-right: 30px;*/
	
}

.btn_voucher_style {
	cursor: pointer;
}

#btn_voucher {
	cursor: pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;	
	padding: 2px;
}
	
#printfav {
   display: block;
   width: 106px;
   height: 26px;
   background: url("../images/user_home/print_favs.png") no-repeat  0 0;
}

#printfav:hover { 
    background-position: 0 -26px;
}
 
#printfav span{
  position: absolute;
  top: -999em;
}

.print_fav_uh{
	cursor:pointer;
}


#savefav {
   display: block;
   width: 135px;
   height: 26px;
   background: url("../images/calendar/help_savefavs.png") no-repeat  0 0;
}

#savefav:hover { 
    background-position: 0 -26px;
}
 
#savefav span{
  position: absolute;
  top: -999em;
}

.my_details_save{
    width:20px;
	background: url(../images/checkout/placeorder1.gif);
    background-repeat: no-repeat;
    color:#000000;
    cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.video {
	cursor:pointer;
}

/*shop header menu css*/
#menuh
	{
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	width:35%;
	padding-left: 5px;
	padding-right: 20px;
    margin: 0px 210px 0px 205px; 
	}


		
#menuh a
	{
	text-align: left;
	display:block;
	border: 0px solid #0040FF;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: black;
	background-color: white;		/* white */
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color: #f6871f;	/* ezlunch orange */
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(../images/icons/arrow_grey.png);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(../images/icons/arrow_grey.png);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9.8em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

.product_opts_list{
	font-size:9px;
}

.btn_edit_remove{
	padding: 2px;
	font-size:10px;
	font-family: arial, helvetica, sans-serif;
}



.cart_table_btn{
	text-align:center;
}

#ff_family_list{
	cursor:pointer;
	font-size:12px
}


#dymo_status{	
	width:850px;
	float:left;
}

#label_status{
	width:850px;
	float:left;
}

#ff_results{
	float:left;
	width:850px;
}

#family_info{
	float:left;
	width:850px;
}

#saved_for_results{
	float:left;
	margin: 20px 20px 20px 20px;
	font-size:14px;
	cursor: pointer;
	width: 850px
}

#help_desk{
	/*text-align:center;*/
	text-transform:uppercase;
	color:#A7C942;
	font-weight:bold;
	font-size:23px;
	padding-left:350px;
}

#div_fi_family_name{
	text-transform:uppercase;
	color:#339900;

}

.fi_bold{
	font-size:18px;
	font-weight:bold;
	color:#339900;
}

.fi_column{
	font-size:12px;
	font-weight:bold;
	/*color:#808080;*/	
	color:#000000;
}

.fi_data{
	font-size:12px;
}

.hr_grey{
	color:#F8f8f8;
}

.fi_list_heading{
	font-size:14px;
	font-weight:bold;
	color:#009999;
}

.late_key{
	font-weight:bold;
	font-size: 15px;
	color:#006699;
}

#fi_transaction_table, .transaction_table{
	vertical-align:top;	
}

#fi_transaction_table th, #fi_transaction_table td, .transaction_table th, .transaction_table td{
	text-align:left;
	vertical-align:top;
	padding: 10px 20px 10px 0px;	
}

.fi_tran_table_Purchase{
	color:#006699;
}

.fi_tran_table_PurchaseCancelled{
	color:#888888;
}

.fi_tran_table_Refund{
	color:#CC3300;
}

.fi_tran_table_Topup{
	color:#009900;
}

.fi_tran_table_Settlement{
	color:#555555;
}

ul.fi_tran_table_ul{
	padding:0px 0px 0px 20px;
}

#fi_saved_order_table{
	vertical-align:top;			
}

#fi_saved_order_table th, #fi_saved_order_table td{
	text-align:left;
	vertical-align:top;
	padding: 10px 20px 10px 0px;		
}

.red_font{
	color:red;
}

.red_font_14_bold{
	font-family: arial, helvetica, sans-serif;
	color:red;
	font-weight:bold;
	font-size:14px;
}

.red_font_12{
	font-family: arial, helvetica, sans-serif;
	color:red;
	font-size:12px;
}

.red_font_small{
	color:red;
	font-size:10px;
	font-weight:bold;
}

.gray_font{
	color:#222222;
}

.orange_font{
	color:#f87217;
	font-size:10px;
	font-weight:bold;
}

.bigfont{
	font-size:12px;
}

.bigfont_bold{
	font-size:12px;
	font-weight:bold;
}

#family_info_table td{
	vertical-align:top;
}

#school_editor_title{
	font-family: arial, helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#006600;
	float:left;
	padding-left: 20px;
}

#div_btn_save{
	float:right;
	padding-right:20px;
}

#assistance_list{
	padding-left: 40px;
	font-size:11px;
}

#assistance_title{
	padding-left: 15px;
	font-size:20px;
	font-weight:bold;
	color:#006600;
}


#contact_result{
	font-weight:bold;
	color:red;
	font-size:11px;
}



.btn_up{
	padding: 0px;
	background-image: url(../images/up.png);
	background-repeat:no-repeat;   
	border: 0px;
    height: 20px; 
    width:14px; 
	cursor: pointer;
}

.btn_down{
	padding: 0px;
	background-image: url(../images/down.png); 
	background-repeat:no-repeat;
	border: 0px;
    height: 20px; 
    width:14px; 
	cursor: pointer;
}

.btn_add_mcat{
	padding: 0px;
	font-size:12px;
}

.btn_small{
	padding: 0px;
	font-size:12px;
}

#div_btn_add_service{
	padding-left: 10px;
}

#service_list_table th{
	padding: 0px 15px 0px 0px;
}

#school_match{
	font-size:15px;
}



.helpdesk_logout{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 50px;
	float:right;
	padding-top: 10px;	
	text-decoration:none;
}


#table_customer_pre_order, #table_customer_pre_order td, #table_customer_pre_order th{
    border-color: #aaaaaa;
    border-style: solid;
}

#table_customer_pre_order{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

#table_customer_pre_order td, #table_customer_pre_order th{
    margin: 0;
    padding: 2px;
    border-width: 1px 1px 0 0;
}

#late_closing_key{	
	padding: 0px 0px 0px 150px;	
	
}

#helpdesk_title{
	font-size: 13px;
	color: #555555;
	padding: 10px 0px 20px 0px;		
}

.saved_card_detail{
	padding-left: 30px;
	font-size: 10px;
	color:#666666;
}

.my_favs_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-style: normal;
	font-weight: bold;
	color: red;
}

.my_favs_subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: bold;
	height:500px;
	vertical-align:top;
}

.my_favs_large_green {
	font-family: Cambria, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: bold;
	color: #00b050	
}

.my_favs_text{
	font-size: 17px;	
}

.my_favs_medium_text{
	font-size: 15px;	
}

.my_favs_large_text{
	font-size: 25px;
	font-weight: bold;
	padding-right:20px;
	vertical-align: bottom;
}

.my_favs_small_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.print_cal_purchase_student{
	font-size: 18px;
	font-weight: bold;
}

.fav_dlg_grey_small_text{
	font-size: 10px;
	color: #222;
}

.create_account_span{
	color:#228800;
	font-weight:bold;
	font-size: 13px;
}

.print_my_fav_col_heading{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-left: 1px;
	padding-bottom: 5px;		
}

.print_my_fav_items{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
}

.logintext{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color:#339900;
	font-size: 45px;
	font-weight:bold;
}

.logintext_medium{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color:#339900;
	font-size: 35px;
	font-weight:bold;
}

.loginhover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.login_page_forgot_pwd_link{
	font-family: Arial, Helvetica, sans-serif;	
	padding-left:190px;
	font-size: 10px;
	color:red;
}

.quickorder_page_forgot_pwd_link{
	font-family: Arial, Helvetica, sans-serif;	
	padding-left:100px;
	font-size: 10px;
	color:red;
}

.checkout_page_forgot_pwd_link{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color:red;
	padding-right:20px;
}

.shopheader_forgot_pwd_link{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color:red;
}

#login_page_container{
	width:650px;
	height:480px;
	/*background-size:cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/login/loginbox.png',sizingMethod='scale'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/login/loginbox.png',sizingMethod='scale')";*/
	background-image: url(../images/login/loginbox650450.png); 
	background-repeat:no-repeat;
	background-color:transparent; 
	padding-top:20px;	
	text-align:left;
}

.login_page_input_hint_email{
	background-image: url(../images/login/email_hint.png); 
	background-repeat:no-repeat;
	background-color:transparent; 
	height:30px;
	width:350px;
}

.login_page_input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:30px;
	width:350px;
}

.login_page_input_hint_pwd{
	background-image: url(../images/login/password_hint.png); 
	background-repeat:no-repeat;
	background-color:transparent; 	
	height:30px;
	width:350px;	
}

.login_page_input_pwd{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	height:30px;
	width:350px;	
}

.login_button{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	width:100px;
	height:35px;	
	font-size:18px;
	font-weight:bold;
}

.quickorder_login_button{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	width:70px;
	height:25px;	
	font-size:15px;
	font-weight:bold;
}

#login_page_table{
	height:300px;
	width:550px;
	background-color:transparent;
	margin-left:50px;
	margin-right:10px;
	margin-top:25px;
}

.supplier_partner_site_link{
	font-weight: bold;
	color: #330066;
	font-size:13px;
}

.supplier_partner_site_link:hover{
	color: #CC3300;
}

#push_pass_note{
	color:red;
	font-size:18px;
	font-weight:bold;
}


#supplier_page_title{
	font-family: arial, helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#006600;
	float:left;
	padding-left: 20px;	
}

.login_input_hint_email{	/*checkout_input_hint_email*/
	background-image: url(../images/login/pre_login_email_hint.png); 
	background-repeat:no-repeat;
	background-color:transparent; 
	height:20px;
	width:200px;
}


.login_input_hint_pwd{	/*checkout_input_hint_pwd*/
	background-image: url(../images/login/pre_login_password_hint.png); 
	background-repeat:no-repeat;
	background-color:transparent; 	
	height:20px;
	width:200px;	
}

.shopheader_input_hint_email{
	background-image: url(../images/login/shopheader_email_hint.png); 
	background-repeat:no-repeat;
	background-color:transparent;
	/*
	height:15px;
	width:150px;*/
}

.shopheader_input_email{
	background-image: none; 
	border:0px;	
	height:15px;
	width:150px;	
}

.shopheader_input_hint_pwd{
	background-image: url(../images/login/shopheader_password_hint.png); 
	background-repeat:no-repeat;
	background-color:transparent; 	
	
}

.shopheader_input_pwd{
	background-image: none; 
	border:0px;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
}

.login_input_email{
	background-image: none; 
	border:0px;	
	/*height:15px;
	width:150px;*/	
}

.login_input_pwd{
	background-image: none; 
	border:0px;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
}

.checkout_create_account_button {
    font-size: 14px;
    padding:0px 30px 0px 30px ;	
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #ae1c1a;
	text-align: left;
}

.checkout_login_button {
    font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #ae1c1a;
}

.shopheader_create_account_button {
	background-image: url(../images/buttons/shopheader_register.png);
	background-repeat:no-repeat;
	height: 20px;
	width: 100px;
	 /*		
    font-size: 9px;
    padding:30px 30px;	
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #ae1c1a;
	text-align: left;*/
}

.shopheader_create_account_button:hover {
	background-image: url(../images/buttons/shopheader_register_hover.png);
}

.shopheader_login_button {
	background-image: url(../images/buttons/shopheader_login.png);
	background-repeat:no-repeat;
	height: 20px;
	width: 90px;
	 /*	
    font-size: 9px;
    padding-top:0px;
    margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #ae1c1a;*/
}

.shopheader_login_button:hover {
	background-image: url(../images/buttons/shopheader_login_hover.png);
}

#shopheader_lost_password_link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #ae1c1a;	
}

#shopheader_lost_password_link:hover{
	color: #1aae1c;	
}

#delivery_address_type{
	font-weight: bold;
}

.font_yellow{
	color: #cc9900;	
	font-style:italic;
	font-weight:bold;
}

.warning_msg_red{
	color:red;
	font-size:20px;
	font-weight:bold;
}

#promotion_staffroom_shout {
   display: block;
   width: 240px;
   height: 240px;
   background: url("../images/promotion/staffroom_shout.png") no-repeat 0 0;
}

.login_page_help_blue_heading{
	color:#365f91;
	font-size:22px;
	font-weight:bold;	
}

.login_page_help_blue_subtitle{
	color:#4f81bd;
	font-size:20px;
	font-weight:bold;	
}

.login_page_help_yellow_subtitle{
	color:#ff5500;
	font-size:18px;
	font-weight:bold;		
}


.login_page_help_bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:black;
	font-style: normal;
	font-weight: normal;
}

.login_page_help_li{
	padding:10px 0px 10px 0px
}

.green_15_bold{
	color:#228800;
	font-weight:bold;
	font-size: 15px;
}

.green_12_bold{
	color:#228800;
	font-weight:bold;
	font-size: 12px;
}

/*#00b0f0;*/
.blue_12_bold{
	color:#0066FF; 
	font-weight:bold;
	font-size: 12px;
}

.pink_12_bold{
	color:#CC3333;
	font-weight:bold;
	font-size: 12px;	
}

.pink_18_bold{
	color:#FF0066;
	font-weight:bold;
	font-size: 18px;	
}

.red_12_bold{
	color:red;
	font-weight:bold;
	font-size: 12px;	
}

.red_15_bold{
	color:red;
	font-weight:bold;
	font-size: 15px;
}

.orange_14_bold{
	color:#FF6600;
	font-size:14px;
	font-weight:bold;
}

.orange_18_bold{
	color:#FF6600;
	font-size:18px;
	font-weight:bold;
}

a.red_hover:link {text-decoration:none;}
a.red_hover:hover {color:red; }
a.red_hover:visited {font-weight: bold; }