/* BODY AND LAYOUT STYLES START */

body {
    margin:0;
    font-family:Trebuchet MS;
    font-size: 11px;
    position:relative;
    background-image: url(/images/Starwbs.jpg);
    background-repeat:no-repeat;
    color:#797979;
    background-color:#efe4d0;
   
}

H1
  {
   margin-bottom:7px;
   margin-top:7px;
   font-weight:normal;
   font-size:30px;
   color:#2F104C;
   }

a{color:#ad000f;}

.hovertest 
{
    width:60px; 
    height:57px; 
    border:1px solid silver;
}

.hovertest:hover
{
    background-color:#ededed;
}

.hovertest2
{
    width:66px; 
    height:65px; 
    border:1px solid silver;
}

.hovertest2:hover
{
    background-color:#ededed;
}


.BasketItems
{
    padding-top:4px;
    padding-bottom:4px;
    color:#333333;
    font-size:13px;
    padding-right:10px;
}

.BasketHead
{
    padding:5px;
}

.mainCart{height:56px; width:256px; float:right; border-top:1px dashed grey; border-bottom:1px dashed grey; background-color:#f5f5f5; margin-top:-28px;}
.cartText{float:left; padding-left:8px; color:#5A5A5A; padding-top:7px;}

#ctl00_lblHeading h3 {
    margin:0px;
    padding-left:14px;
    padding-bottom:10px;
    font-size:20px;
}

#lblHeading h3 {
    margin:0px;
    padding-left:14px;
    padding-bottom:10px;
    font-size:14px;
}

.Container {
    width:940px;
    margin:0 auto;
    border:1px solid black;
}

.Header {
    height:100px;
}

.TopMenu {
    background-color: #EDEDED;
    height:20px;
}

.LeftMenu {
    border:1px solid black;
    width:155px;
    float:left;
}

.Footer {
    width:940px;
    margin:0 auto;
    border:1px solid black;
    height:100px;
    clear:both;
}

.MainContent {
    width:781px;
    float:right;
    border:1px solid black;
}

#email a 
{
    text-decoration:none;
    color:#fff;
}

#email 
{
    color:#fff;
}

#Prod h4
{
    font-size:24px;
    color:#2f104c;
    font-family:Trebuchet MS;
    margin:0px 0px 0px 0px;
    padding:18px 0px 8px 0px;
}

#BodyText h4 
{
    font-size:20px;
    color:#2f104c;
    font-family:Trebuchet MS;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#BodyText 
{
    padding-left:20px;
    color:#797979;
}

#BodyText h3
{
    font-size:30px;
}

#rightContent {
    margin-top:15px;
    background-image: url(../images/hmetxt_bg.gif);
    background-repeat:no-repeat;
}

#rightText {
    padding:26px 18px 0 22px;
}

#leftContent{
    width:267px;
    padding-right:15px;
}
#leftContent a{color:#797979;text-decoration:none;}
#leftContent a:hover{text-decoration:underline;}



#leftText {
    padding-top:25px;
    width:251px;
}


/* BODY AND LAYOUT STYLES FINISH */
/* LEFT MENU STYLES START */




.menuLI{
    text-decoration:none;
    font-size:12px;
    color:#333333;
    line-height:22px;
     list-style-type:none;
     padding:0px;
}

.menuLI:Hover{text-decoration:underline;}

.menuLIon {
    color:#ad000f;
    text-decoration:none;
    font-size:12px;
    line-height:22px;
    list-style-type:none;
}

.menuLIon:Hover{text-decoration:underline;}

.menuLISub {
     list-style-type:none;
     padding-left:13px;
     display:block;
     color:#333;
     text-decoration:none;
    font-size:12px;
        line-height:20px;
}

.menuLISub:Hover{text-decoration:underline;}

.menuLISubon  {
    font-size:12px;
    text-decoration:none;
    color:#900A06;
     list-style-type:none;
     padding-left:13px;
     display:block;
         line-height:20px;
}

.menuLISubon:Hover{text-decoration:underline;}


.menu
{
    padding:0px 5px 0px 5px;
    margin-top:0px;
    font-size:11px;
    color:#2f104c;
    text-decoration:none;
    font-family:Trebuchet MS, Arial;
}

.menuOn 
{
    margin-top:0px;
    padding:0px 5px 0px 5px;
    text-decoration:none;
    color:#ad000f;
    font-size:11px;
}

#menu a:hover{text-decoration:none;color:#ad000f;}


.menuSml
{
    color:gray;
    text-decoration:none;
    font-family:Trebuchet MS, Arial;
    font-size:10px;
}
.menuOnSml
{
    color:gray;
    text-decoration:underline;
    font-family:Trebuchet MS, Arial;
    font-size:10px;
}

.MenuList 
{
    display:inline;
}


/* LEFT MENU STYLES FINISH */
/* RECIPE / CONTENT STYLES START */
.RecipeTxt a {
    font-size:12px;
    text-decoration:none;
}

.RecipeContent {
    text-align:center;
    font-size:11px;
    padding:20px;
}

.RecipeTitle {
    font-size:15px;
}


.RecipeImg {
 
}

.ContentLeft{
    border:0px;
    font-size: 12px;
    margin: 10px;
    color: #444444;
    font-family:Trebuchet MS;
}

.ShopContentLeft{
    border:0px;
    font-size: 12px;
    margin: 10px;
    color: #444444;
    font-family:Trebuchet MS;
    width:536px;
}

.ContentRight {
    border:0px;
    font-size:12px;
}

.ContentMenu {
    border:0px;
    font-size:12px;
    width:300px;
    background-color:Gray;
}

.ContentMenu H1 {
    text-align:center;
}

.ContentTable {
    border:0px;
    padding:10px;
}

.ShopContentTable {
    border:0px;
    padding:10px;
    width:536px;
    float:left;
}

.RecipeContent H2 {color:#2F104C;}
.RecipeContent H3 {color:#2F104C;}

H2{
    margin-top:0px;
    margin-bottom:0px;
    font-weight:bold;
    font-size:22px;
}

H3{
    clear:both;
    margin-top:0px;
    margin-bottom:0px;
    font-weight:bold;
    font-size:22px;
}
#column2{
    float:left;
    padding-right:20px;
    width:45%;
    text-align:left;
}
.NewsLeft {
    border:0px;
    font-size:12px;
}

.NewsRight {
    border:0px;
    font-size:12px;
}
/* RECIPE / CONTENT STYLES FINISH */
/* MISCELLANEOUS STYLES START */


.BodyText{
    padding-right:20px;
}
.schooldesc {
    padding-top:20px;
    font-size:14px;
}
.Logo {
    padding:10px;
    margin-left:330px;
}

.form
{
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    width: 140px;
    font-size:12px;
    color:#333333;
    border:1px solid #bebebe;
}

.button
{
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: white;
    background-color:#ABABAC;
    text-align: center;
    padding-top:5px 30px 5px 30px;
    text-decoration:none;
}
.button:hover
{
    background-color:#BFBFC1;
}
/* MISCELLANEOUS STYLES FINISH */

.ClassImage{
    padding-top:15px;   
    padding-right:20px; 
    float:left;
    clear:both;
}

.ClassDates{
    padding-top:20px;
    float:left;
    width:150px;
}

.ClassText{
    width:350px;
    float:left;
    padding:10px 20px 40px 0px;
}

.ClassContainer {
    padding:20px;
   
}

.lblError {
    color:Red;
}

.DelLabel {
    color:gray;
}

/* Product Styles */

.ProductImg {
float:left;
}

.ProductContent {
    padding:20px;
}


/* Cart Styles */
.CartDiv {
    position:fixed;
    z-index:2000;
    width:309px;
    height:154px;
    background-image:url(/images/add.png);
    background-repeat:no-repeat;
    padding:10px;
    
}
.transparent{
z-index:2000;
height:100%;
width:100%;
background-color:black;
margin-bottom:1px;
padding-bottom:0px;
position:fixed;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}

/* End Cart Styles */

.myQty {
  width:20px;
  float:left;
  padding-top:5px;
}

/* Gallery Styles */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
div.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 610px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
div.scrollable div.items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
div.scrollable img {
	float:left;
	margin:20px 5px 20px 10px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
div.scrollable .active {
	border:2px solid silver;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	

}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

a.browse2 {
	background:url(../images/prevRecipe.jpg) no-repeat;
	display:block;
	width:117px;
	height:32px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

a.browse3 {
	background:url(../images/nextRecipe.jpg) no-repeat;
	display:block;
	width:107px;
	height:32px;
	float:left;
	cursor:pointer;
	font-size:1px;
}
a.browse4 {
	background:url(../images/previmgbtn.gif) no-repeat;
	display:block;
	width:71px;
	height:32px;
	float:left;
	cursor:pointer;
	font-size:1px;
}
a.browse5 {
	background:url(../images/nextimgbtn.gif) no-repeat;
	display:block;
	width:66px;
	height:32px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

a.right5 				{ margin-right: 0px;}
a.right5:hover 		{ background-position:-66px 0px; }
a.right5:active 	{ background-position:-132px 0px; } 

a.left4				{ margin-left: 0px; } 
a.left4:hover  		{ background-position:-71px 0; }
a.left4:active  	{ background-position:-142px 0; }

a.right3 				{ margin-right: 0px;}
a.right3:hover 		{ background-position:-107px 0px; }
a.right3:active 	{ background-position:-214px 0px; } 

a.left2				{ margin-left: 0px; } 
a.left2:hover  		{ background-position:-117px 0; }
a.left2:active  	{ background-position:-234px 0; }

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 35px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


/* styling for the image wrapper  */ 
#image_wrap  
{
        /* dimensions */     
        width:677px;     
        margin:15px 0 15px 40px;     
        padding:15px 0;      /* centered */     
        text-align:center;      /* some "skinning" */      
        -moz-ouline-radius:4px; 
}

div.scrollable2 div.items2 {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/* single scrollable item */
div.scrollable2 img {
	float:left;
	cursor:pointer;
	width:402px;
	height:402px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
div.scrollable2 .active {
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable2 {
	float:left;	
}

div.scrollable2 {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 402px;
	height:402px;
	clear:both;
}

div.scrollable3 div.items3 {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/* single scrollable item */
div.scrollable3 img {
	float:left;
	cursor:pointer;
	width:256px;
	height:256px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
div.scrollable3 .active {
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable3 {
	float:left;	
}

div.scrollable3 {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 256px;
	height:256px;
	clear:both;

}
.myRecipe{ height:30px; width:80px; position:absolute; z-index:3000; bottom:38px;  right:11px; background-image: url(/images/view.png); background-repeat:no-repeat;}

    .cattTable td{text-align:center;}
    .cattTable td a{color:gray;text-decoration:none;font-size:12px;font-family:Trebuchet MS;padding-top:5px;}
    .cattTable img{border:1px solid #e8e6e6;}
    .cattTable img:hover{border:1px solid silver;}