body
{
    background-color:#FFF;
    font-size:small;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-weight:normal;
    margin: 0;
    padding: 0;
    color: #696969;   
}


:focus
{
    outline-style:none;
}

/*for FireFox*/
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
{   
    border : 0px;
} 



a:link
{
    color: blue;  
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
    
}

a img
{
    border-color:White;
    vertical-align:bottom;
}

/*********************************************************
                     HEADINGS   
***********************************************************/
h1, h2, h3, h4, h5, h6
{
    font-size:200%;
    color: #696969;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 200%;
    padding-bottom: 0;
    margin-bottom: 0;   
}

h2
{
	font-size: 180%;   
}

h3
{
    font-size:160%;
    padding:3px 0px 0px 0px;
    margin:0px;   
}


h4
{
    font-size:140%;
}

h5
{
    font-size: 120%;
    margin: 15px 0 15px 10px;
}

h6
{
    font-size: 100%;
     margin: 15px 0 15px 10px;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}



/***********************************************************
                    primary layout elements
***********************************************************/



.fieldset-option-box
{
	margin-top:10px;
	display:inline;
}

fieldset div form
{
	display:inline;
}


fieldset 
{
	border: 1px solid #f8981D; /*orange */
	margin-bottom:5px;
	padding:3px 5px 5px 10px;
	width:auto;
}

p 
{
	padding: 0px;
    margin: 5px 0px 5px 10px;
}

p span
{
    vertical-align:top;
}

legend 
{
    font-size:medium;
    font-weight: 600;
    color:#f8981D; /* orange */
}



.home-page
{
	width:100%;
    margin-left: auto;
    margin-right: auto;
}



.page
{
	/*width:980px;
    margin-left: 50px;
    margin-right: 50px;*/
    background: #fff url(../images/LOL_background.gif) no-repeat bottom right;
}

#javascript_enabled
{
    margin-left:250px;
    color:Red;
}

#javascript_enabled h1
{
    position:relative;
    left:100px;
}

#headercontainer
{
    width:100%;
}


#header_title
{
   /* height:80px;*/
    width:320px;
	float:left;
	/*background:#FFF url(../images/LOL_banner.gif) no-repeat;*/
	margin:0 0 10px 0;
}

#header_title h1
{
    display:none;
}

#header_advertising img
{
    border:0px;
}

#maincontentcontainer
{
    padding:0px 13px 20px 10px ;
}

#footercontainer
{
    color: #696969;
    padding: 10px;
    text-align: center;
    line-height: normal;
    margin-top:5px;
    background-color:#E1E790;
    height:20px;
/*    width: 1250px;*/
    clear:both;
}




/***********************************************************
                 horizontal header menu
************************************************************/
#horizontal_nav
{
    margin:0 0 0 0 ;
    height:40px;
}

#horizontal_nav ul
{
    font-family: Arial, Helvetica, sans-serif;
	list-style-type:none;
	margin:0;
	padding:0px;
	text-align:left;
	font-size:100%;
}

#horizontal_nav li 
{
    display:inline-block;
    width:192px;
    height:30px;
    text-align:center;
    padding-top:5px;
}

#horizontal_nav a
{  
	text-decoration:none;
	color:#696969;
	font-weight:bold;
	padding:0 60px 7px 60px; /* padding to to widen area for mouse pointer */ 
}


#nav_home
{
    background:  transparent url(../images/left_horizontal_menubutton.gif) no-repeat;
}


#nav_home:hover, #nav_home.nav-home-highlight
{
	background: transparent url(../images/left_horizontal_menubutton_active.gif) no-repeat;
}


#nav_feedback
{
    background: transparent url(../images/right_horizontal_menubutton.gif) no-repeat;
    
}

#nav_feedback:hover, #nav_feedback.nav-feedback-highlight
{
	background: transparent url(../images/right_horizontal_menubutton_active.gif) no-repeat;
}


#nav_contactus,#nav_aboutus, #nav_faq, #nav_login
{
    background: transparent url(../images/horizontal_menubutton.gif) no-repeat;
}


#nav_contactus:hover,#nav_aboutus:hover, #nav_faq:hover, #nav_contactus.navhighlight, 
#nav_aboutus.navhighlight, #nav_faq.navhighlight, #nav_login:hover, #nav_login.navhighlight
{
    background: transparent url(../images/horizontal_menubutton_active.gif) no-repeat;
}



/**************************************************************
              main horizontal menu for the home page           
/*************************************************************/

#home_horizontal_nav_container
{
    background-color:#E1E790;
    margin:0 0 1% 0 ;
    height:40px;
}

#home_horizontal_nav
{
    width:900px;
    margin-left:auto;
    margin-right:auto;
}

#home_horizontal_nav ul
{
    font-family: Arial, Helvetica, sans-serif;
	list-style-type:none;
	margin:0;
	padding:0px;
	text-align:left;
	font-size:100%;
}

#home_horizontal_nav li 
{
    display:inline-block;
    width:100px;
   
    text-align:center;
    
    padding:12px 0px 12px 0px;
    background:  transparent url(../images/home_horizontal_menubutton.gif) no-repeat;
}


#home_horizontal_nav li:hover, #home_horizontal_nav li.navhighlight
{
       background:  transparent url(../images/home_horizontal_menubutton_active.gif) no-repeat;
}


#home_horizontal_nav a
{  
	text-decoration:none;
	color:#696969;
	font-weight:bold;
	
	padding:12px 15px 12px 15px;
}


/***********************************************************
                    vertical popout menu
************************************************************/
div#menu ul
{
	font-family: Arial, Helvetica, sans-serif;
	list-style-type:none;
	margin:0;
	padding:0px;
	text-align:center;
	font-size:100%;
}


div#menu a
{
	text-decoration:none;
	display:block;
	color:#696969;
	font-weight:bold;
	padding-top:10px;
    height:30px;
}


div#menu li 
{
	position: relative;	
	background-image:url(../images/vertical_menubutton_active.gif);
	background-repeat:no-repeat;
}


div#menu ul ul
{
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	background-color:Fuchsia;
	display:none;
}


div#menu ul li
{
	border-top:solid 2px #FFFFFF;
}


div#menu a:hover
{
	background-image:url(../images/vertical_menubutton.gif);
	background-repeat:no-repeat;	
	color:#FFF;
}

/* sub-menu off the popup */
div#menu ul li:hover ul 
{
	display:block;
}


/* this class gets added to the active menu item (li). it targets the anchor contained in
li. this is done so that this has higher specificity than the  div#menu li */
.menuhighlight a
{
	background-image:url(../images/vertical_menubutton.gif);
    background-repeat:no-repeat;
	color:#FFF;
}


/********************************************************
             product category menu
********************************************************/


#productcategorymenu
{
	padding:70px 10px 0 30px;
}


#productcategorymenu li
{
	font-weight:900;
	font-size:medium;
	list-style-position:inherit;
	list-style-type:circle;
	margin-bottom:8px;
	text-decoration:none;
	color:#C3CF21;
	cursor:pointer;
}


#productcategorymenu li:hover
{
    color: #f8971c;
    text-decoration: none;
}


#productcategorymenu li.orange-highlight 
{
	color:#f8971c;
}


.round {
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 
} 

/*****************************************************
						INPUTS
*****************************************************/

textarea
{
    background-color:#FFF;
    font-size:small;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-weight:normal;
    margin: 0;
    padding: 0;
    color: #000;   
    border: solid 1px #CCCCCC;
}

input
{
    border: 1px solid #CCC;    
}

input[type='checkbox']
{
    vertical-align:bottom;
}

.input-short input[type="text"]
{
	width:100px;
}

.input-short input[type="password"]
{
	width:100px;
}

.input-short select
{
	width:100px;
}
.input-medium-short select
{
	width:150px;
}

.input-medium-short input[type="text"]
{
	width:150px;
}

.input-medium input[type="text"]
{
	width:200px;
}

.input-medium input[type="password"]
{
	width:200px;
}

.input-medium select
{
	width:200px;
}

/* if you uncomment this it will make the print menu to short
.input-medium-short select
{
	width:150px;
}*/

.input-long input[type="text"]
{
	width:300px;
}

.input-long input[type="password"]
{
	width:300px;
}

.input-long select
{
	width:300px;
    margin: 0 10px 0 0;
}

.input-long textarea
{
	width:300px;
}




/******************************************************
						LABELS
******************************************************/


label
{
	display:inline-block;
	width:auto;
}

.label-long label
{
	width:300px;
	text-align:right;
}

.label-medium-align-left label
{
	width:200px;
	text-align:left;
}

.label-medium label
{
	width:200px;
	text-align:right;
}

.label-medium-short label
{
	width:150px;
	text-align:right;
}

.label-medium-short-align-left label
{
	width:150px;
	text-align:left;
}

.label-short label
{
	width:100px;
	text-align:right;
}

.label-short-align-left label
{
	width:100px;
	text-align:left;
}


.label-short-tiny-align-left label
{
	width:75px;
	text-align:left;
}

.label-tiny label
{
	width:50px;
}

.label-tiny-align-left label
{
	width:50px;
	text-align:left;
}

.label-free-align-left label
{
    width:auto;
    text-align:left;
}

/* targets error labels that have been generated by the jquery validation plugin */
#providerlogin label[generated='true'], #organisationLogin label[generated='true']
{
	width:200px;
	margin-left:105px;
	text-align:left;	
}

 label[generated='true']
{
	width:auto;
	text-align:left;
	margin-left:10px;	
}

/***********************************************************
                table formatting
***********************************************************/

table 
{
  border: solid 1px #C3CF21;
  border-collapse: collapse;
  width:97%;
  margin:10px;
}

table td 
{
  padding: 5px;   
  border: solid 1px #C3CF21;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color:#E1E790;
  border: solid 1px #C3CF21;   
 
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}


/***************************************************
				MODAL DIALOG BOXES
***************************************************/


.modal {
	background-color:#fff;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;

	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

.modal h2 {
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}


/*****************************************************
            create orders page
*****************************************************/


div[id="orders"]  p
{
	display:inline-block;
}


/* format the orders menu list and cart */
.products img
{
	float:left;
	padding:10px;
}


#orderscategorysidebar
{
	float:left;
	width:17%;
	height:85%;
}

#ordersbody {
	margin-left: 17%;
	height:85%;
}

div[id="menulist"]
{
	float:left;
	width:55%;
	height:auto;
}

/* alterating table rows 
div[id="menulist"] tr.d0 td {
	background-color: #C3CF21; color: black;
}*/

div[id="cartcontainer"]
{
    float:right;
    width:330px;
	margin-right:5px;
	margin-bottom:10px;
	padding-right:6px;
	border:solid 1px #A1C720;
}


/* Sets the order fieldset to a min height, so that our cart doesn't run over it's boundaries*/
#order_fieldset
{
    min-height:250px;
}

div[id="menulist"] tr {
	background-color: #DEE494; color: black;
}


#cartheading
{
	margin-left:65%;
	font-size:medium;
	font-weight:900;
	color:#F8971C;
	text-decoration:'underline';
}


#balance p
{
	padding: 0px 10px 0px 10px;
	margin: 0px;
	font-weight:700;
	text-align:right;
}

.column-left
{
	width:250px;
}

.column-center
{
	width:auto;
}

.column-right
{
	width:50px;
}

/************************************************************
                    buttons 
*************************************************************/

.button-small input[type='button'], .button-small input[type='submit']
{
	color:#696969;
	height:30px;
	width:100px;
	background:url(../images/sgbutton.gif) no-repeat center;
	text-align:center;
	border:0;
	cursor:pointer;
    margin:0 0 0 10px;
}


.button-medium input[type='button'], .button-medium input[type='submit']
{
	color:#696969;
	height:30px;
	width:150px;
	border:0;
    margin:0 0 0 5px;
	background: url(../images/mgbutton.gif) no-repeat center;
    cursor:pointer;
    
}

.button-large input[type='button'],.button-large input[type='submit']
{
	color:#696969;
	height:30px;
	width:200px;
	border:0;
	background:url(../images/lgbutton.gif) no-repeat center;
	cursor:pointer;

}



#accountform input[type='submit'], #formlaunchmenu input[type='submit']
{
    margin:0 0 0 25px;
}





/************************************************
    make the main form entry labels right aligned
************************************************/
#accountregistration label, #formchangepassword label , #formeditmember label, #form_place_feedback label, #form_register_your_interest label
{
	text-align:right;
	vertical-align:top;
}



/* error div for making a payment */
#transaction_error
{
	border:solid 1px #FF0000;
	padding:10px;
	margin:10px;
	font-size:large;
	font-weight:900;	
}

/***************************************************
                    home page (login)
***************************************************/

#mainpage_leftcolumn
{
	float:left;
	width:24%;
	/*border: solid 1px grey; */
}

#mainpage_righcolumn
{
	width:27%;
	float:right;
}

#homepageblurb
{
	border:solid 1px CCC;
	margin-left:26%;
	width:46%;
}

/*************************************************
            submit container
*************************************************/

.submit
{
    margin:20px 0 10px 0;
}

fieldset.submit
{
    padding:10px;
}

div.submit input[type='button'],div.submit input[type='submit']
{
    margin:0 5px 5px 40px;
}




/*******************************************************
                make payments table 
*******************************************************/

#payment_table
{
    width:550px;    
}

#payment_table p
{
    padding:8px 0 0 10px ;
}




/*************************************************************
            fieldset and elements for the faq
*************************************************************/
            
#fieldset_faq
{
    list-style:none;
    margin: 0 0 15px 0;
}

#fieldset_faq ol>li
{
    margin: 0 0 15px 0;
    color:#696969;
}

#fieldset_faq ul>li
{    
    margin: 0 0 15px 0;

}

#fieldset_faq ul>li p:first-child
{
    color:#696969;
    font-weight:900;
}


#menulist h6, h5, h4
{
    color:#C3CF21;
}

#add_edit_member_div
{
    width:600px;
}


.inline-block
{
	display:inline-block;
}

.please-note
{
    padding:20px 0 0 0 ;
}


.captcha-image
{
	
}


.vertical-align-top
{
    vertical-align:top;
}

.vertical-align-middle
{
    vertical-align:middle;
}

.vertical-align-bottom
{
    vertical-align:bottom;
}




/* used to provide server orginated feedback to users inside a div */
.feedback
{
	padding:10px;
	font-size:larger;
	font-weight:bold;
	border:solid 1px #f8971c;
}


/* used to provide server orginated errors to users inside a div */
.message-container
{
	/*border:solid 1px #FF0000;*/
	color:#FF0000;
	padding:10px;
	margin:10px;
	font-size:large;
	font-weight:900;	
}


/* the page banner, e.g. account name, provider name, or name */
.banner
{
	padding:10px 20px 0 20px;
	margin-bottom: 10px;
	font-size:x-large;
	font-weight:900;
	height:50px;
	border: solid 2px #f8971c;
}


.required-field
{
	margin-left:10px;
}


.image-clear-float-left
{
	clear:left;
}



.clear
{
    clear: both;
}

.jquery-error-container
{
    color:Red;
    display:none;
    font-size:140%;
    padding:10px;
}

.jquery-error-container-small
{
    color:Red;
    display:none;
}

.error
{
    color:Red;
}

.inline
{
	display:inline;
}


.align-left
{
	float:left;
}

.align-right
{
	float:right;
}

.hides 
{
	display:none;
}


.text-align-left
{
	text-align:left;
}

.text-align-right
{
	text-align:right;
}
.text-align-center
{
	text-align:center;
}



/* home template items */






#homeheadercontainer
{
    width:900px;
    height:90px;
    margin-left: auto;
    margin-right: auto;
}


/* the login here text */
#homeheadercontainer a
{
    background: #FFF url(../images/lol_login_button2.gif) no-repeat 0 20px;
    font-family:Bradley Hand ITC, Comic Sans MS;
    font-size:180%;
    font-weight:bold;
    padding: 45px 16px 40px 16px;
    margin: 0px 0px 0px 40%;
    display:block;
    width:160px;
    text-decoration:none;
    color:#696969;
}

#homeheadercontainer a:hover
{
    background: #FFF url(../images/lol_login_button2.gif) no-repeat  -193px 20px ;
}


#homefootercontainer
{
    color: #696969;
    padding: 10px;
    text-align: center;
    line-height: normal;
    margin-top:20px;
    background-color:#E1E790;
    height:100px;
    clear:both;
}

#homefooter_textcontainer
{
    width:1200px;
    margin-left:auto;
    margin-right:auto;
}

#homefreephone
{
    float:right;   
}
#homelol_banner
{
    float:left;
}

#homemaincontentparentcontainer
{
    background:#F5F5DC;
    height:100%;
    width:100%;
    margin:0px;
    padding:0px;
}

#homemaincontentcontainer
{
    width:1200px;
    margin-left:auto;
    margin-right:auto;
}

#introduction_container 
{
    width:auto;
    font-size:120%;
    color:#696969;
    text-decoration:none;
    text-align:justify;
    margin-bottom:20px;
}



#introduction_image
{
    float:right;
    margin-bottom:20px;
}


#ourcommunity
{
    width:auto;
    height:230px;
    padding:10px;
    background:#FFFFFF;
    border:1px solid #DEB887;
    margin-bottom:20px;
    clear:right;
}


.ourcommunity-image
{
    margin-bottom:20px;
    margin-left:20px;
    width:200px;
    height:40px;
    background:transparent url(../images/text_images.gif) no-repeat ; 
}


#ourcommunnity_inner a
{
    width:150px;
    height:150px;
    display:block;
    float:left;
    margin-left:20px;
    border: 1px solid #C3CF21;
    text-align:center;
    text-decoration:none;
    font-size:130%;
    font-weight:bold;
    color:#696969;
}

#ourcommunity_school
{
    background:#FFFFFF url(../images/ourcommunity.gif) no-repeat -311px 2px;
}

#ourcommunity_business
{
    background:#FFFFFF url(../images/ourcommunity.gif) no-repeat;
}

#ourcommunity_family
{
    background:#FFFFFF url(../images/ourcommunity.gif) no-repeat -276px -173px;
}

#ourcommunity_provider
{
    background:#FFFFFF url(../images/ourcommunity.gif) no-repeat -10px -165px;
}

#ourcommunity_lol
{
    background:#FFFFFF url(../images/ourcommunity.gif) no-repeat -160px 0px;
}

#lol_login
{
    margin-left:430px;
}


#roysye_image
{
    float:left;
    margin-left:20px;
}

.left-quote
{
    display:inline;
}

.right-quote
{
    float:right;
}

#facebook
{
    float:right;
}

/* images for the schools/families/business etc pages */
#school, #families, #business, #provider,#davidchapman
{
    float:right;
    margin:0 20px 10px 20px ;   
}

#leanne_and_jason_heaven, #davidchapman
{
    float:left;
    margin-left:20px;
    margin-right:20px;
}


 #davidchapman
{
    float:left;
    margin-top:10px;
    margin-left:10px;
    margin-right:20px;
}


/*testimonial formatting */
.testimonial-image
{
    margin-bottom:20px;
    width:200px;
    height:40px;
    background:transparent url(../images/text_images.gif) no-repeat  12px -34px;    
}

#school_text
{
    width:130px;
    height:35px;
    background:transparent url(../images/text_images.gif) no-repeat  -190px -5px;    
}

#provider_text
{
    width:165px;
    height:40px;
    background:transparent url(../images/text_images.gif) no-repeat  -190px -50px;    
}


#family_text
{
    width:150px;
    height:50px;
    background:transparent url(../images/text_images.gif) no-repeat  -165px -106px;    
}


#business_text
{
    width:170px;
    height:40px;
    background:transparent url(../images/text_images.gif) no-repeat  5px -108px;    
}


#aboutus_text
{
    width:170px;
    height:40px;
    background:transparent url(../images/text_images.gif) no-repeat  -310px -109px;    
}

#faq_text
{
    width:500px;
    height:50px;
    background:transparent url(../images/text_images.gif) no-repeat  10px -154px;    
}


.testimonials
{
    width:550px;
    height:270px;
    padding:10px;
    background:#FFFFFF;
    border:1px solid #DEB887;
    margin-bottom:20px;
}

.testimonials p
{
    margin-left:200px;
    font-size:120%;
}

.testimonials span
{
    display:block;
    margin-top:20px;
    font-size:90%;
    font-weight:bold;
}

#testimonials_provider
{
    height:330px;
    width:auto;
    margin-right:5px;
}

#testimonials_families
{
    height:430px;
    width:auto;
    margin-right:5px;
}

#testimonials_families p
{
    margin-left:20px;
}

#testimonials_school
{
    width:auto;
    height:350px;
    margin-right:5px;
}


#testimonials_aboutus
{
    height:150px;
    width:auto;
    margin-right:5px; 
}




#testimonials_aboutus p
{
    margin-left:140px;
}


.fieldset-marketing
{
    font-size:120%;
    font-weight:lighter;
}

.fieldset-marketing p
{
    margin-bottom:20px;
}


.fieldset-marketing   ul>li p:first-child
{
    font-weight:bold;
}

.fieldset-marketing li
{
    margin-bottom:10px;
}

/**********************************
	product 
**********************************/

#product_available_leftcolumn
{
	/*width:300px;
	min-width:350px;
	float:left;*/
}

#product_available_rightcolumn
{
	margin-left:75px;
	/*float:right;*/
	width:220px;
	padding:0px 5px 0px 0px;
}

#product_available
{
	padding:5px 0px 0px 0px;
	width:480px;
	/*min-width:500px;*/
	margin:10px 0px 10px 90px;
}

#product_image
{
	margin-right :20px;
    min-height :200px; min-width:200px;
}

#product_image_upload
{
	margin-top: 80px;
}

#productlist_dates_container
{
    margin-left:260px;
    height:268px;
    /*border: 1px solid #000000;   */
}

#productlist_availability_table_container 
{
    width:260px;
    float:left;
    /*border:1px solid #000000;*/
}

#productlist_specificdates_table
{
    float:left;
    width:330px;
}

#productlist_excludedates_table
{
    margin-left:325px;
    width:200px;
}

#productlist_availability_table_container input[type=text]
{
    margin-left:20px;
    
}

#add_date_to_exclude , #add_date_to_include
{
    background-color:#ffffff;
}


#supplier_pickup_table
{
    margin-left:115px;
}


#account_title
{
    border: 1px solid blue;
    font-size:160%;
    margin:0px 0px 10px 0px ;
}

#fieldset_supplier_home{ height:300px;}


.table-no-styling, .table-no-styling td
{
    border:0px;
    padding:20px;
}



.label-short-short label
{
	width:75px;
	text-align:right;
}