/*******************************************************************************
*  skidoo_too.css : 2005.08.29
* -----------------------------------------------------------------------------
*  A remake of the skidoo layout with the middle column appearing first in
*  source ordering.
*******************************************************************************/

/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */
/**************************/
/***   MISCELLANEOUS    ***/
/**************************/

.subtotal
{
    text-align: right;
    border-top: 1px solid #c9c9c9;
    margin-top: 5px;
}

.sectionheader
{
    border-bottom: #dcdcdc 1px dotted;
    color: #65738E;
    font-size: 8pt;
    padding-bottom: 5px;
    font-weight:bold;
}

.admin-header
{
    background-color: #6190CD; 
    height:40px;
    padding-left:10px;
    border-bottom:solid 4px #B4CCEB;
}
.admin-header h1
{
    color: white;
}

.admintable
{
	margin: 5px;
	padding:0;
	width:700px;
	border:1px dashed #cccccc;

}
.adminlabel
{
    font-size: 8pt;
    font-family: verdana;
    width: 120px;
    margin-bottom: 3px;
    vertical-align: top;
}
.adminitem
{
	border-width:0px;
	background-color: #ffffff;
	margin-bottom:3px;
}

.ourprice
{
	font-weight: bold;
	font-size: 10pt;
	color: #b22222;
	font-family: verdana;
}

.retailprice
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: verdana;
	text-decoration: line-through;
}

.totalbox
{
	text-align:center;
	color:#990000;
	font-weight:bold;
}

.AdBox
{
	padding:10px;
	font-size:9pt;
	margin-bottom:10px;
	border:1px solid gainsboro;
}
a.EditMe
{
	text-decoration:none;
	color:#4a4d5c;
}
.commandbar
{
	padding:3px;
	font-size:8pt;
/*	background-color: blue;*/
	border:1px solid gainsboro;
}



.mainproductimage {
	width: 220px;
	text-align: center;
	float: left;
	padding-bottom: 10px;
}

.productdata {
	border: none;
	border-collapse: collapse;
}
	.productdata td, .productdata th { font-weight: normal; padding: 2px; text-align: left; }
	.price { font-weight: bold; color: #c00; }
	del.price { color: #000; text-decoration: line-through; 
}

.productsection
{
	padding:10px;
	border-top:1px dashed #cccccc;
}

.browsebox
{
}
.browsebox h1
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #3973b5;
    border-bottom: 1px dashed #cccccc;
}
.browsebox h1 a
{
    color: #3973b5  ;
}


h1.accent
{
 	font-size: 12px;
	font-weight:bold;
	color:#990000;
	margin: 0px;
	margin-bottom:5px;
   
}
.smalltext
{
    font-size: 8pt;
    color: #666666;
    font-family: verdana;
}
.AdBox h3
{
    font-weight: bold;
    font-size: 10pt;
    font-family: verdana;
	color:#C7C030;
	margin-top:1px;
	margin-bottom:3px;

}
.loginheader
{ 
    height:30px;
    font-weight: bold; 
    font-size: 10pt; 
    color: #666666; 
    font-family: verdana; 
    background-color: #f5f5f5; 
    text-align:center;
 }
 .logincell
 {
    background-color:#ffffff;
    vertical-align:middle;
    text-align:center;
    width:50%;
 }
.logtable
{
    border:1px solid #cccccc;
    width:600px;
    background-color:#cccccc;
    
}
.subcategory
{
    margin-left:10px;
}
.ProductBox
{
     height:300px;
     width:220px;
     border:1px solid #c5c5c5;
     margin:5px;

}
.ProductImage
{
    width:125px;
}
.ProductSummaryDisplayWrapper
{
     width:200px;
     padding-top:20px;
}
.ProductSummaryImageHolder
{
    height:135px;
    text-align:center;
    vertical-align:middle;
}
.ProductSummaryText
{
    padding-left:20px;
    height:55px;
}
.RetailPrice
{
    font-weight: bold;
    color: black;
    text-decoration: line-through;
}
.YouSave
{
    font-weight: bold;
    color: #336600;
}
.HookLine
{
    font-size: 14px;
    color: #5b626c;
    font-style: italic;
}
.coreboxbody
{
    background-image:url(images/core_box_bg.gif);
    width:240px;
    padding-left:20px;
    padding-right:20px;
}
.coreboxtop
{
   background-image:url(images/core_box_top.gif);
   height:22px;
   width:280px;

}
.coreboxbottom
{
    width:280px;
    background-image:url(images/core_box_bottom.gif);
    height:22px;

}
.coreboxheader
{
    width:280px;
    background-image:url(images/core_box_bg.gif);
    font-weight: bold;
    padding-top:5px;
    padding-bottom:10px;
    text-align:center;
}
.tenpixspacer
{
    height:10px;
}
.twentypixspacer
{
    height:20px;
}
.sectionoutline
{
    
    border:1px solid #cccccc;
    padding:15px;
}

checkout-visited
{
    font-size: 16pt;
    color: #dcdcdc;
    font-family: verdana;
}
checkout-current
{
    font-size: 16pt;
    color: #990000;
    font-family: verdana;
}
/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}
fieldset
{
    padding:10px;
    -moz-border-radius: 1em;
    border-radius: 1em;

}
.loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}




.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide
{
	display: none !important;
}
.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 1em;
}


/* margin values and font sizes for headings, and margins on paragraphs
 * and lists are not consistent across browser platforms. to achieve a
 * consistent look we need to explicity set these values here. it may
 * seem an odd way to declare the margins like this but you never
 * know what kind of horizontal padding a browser may be using on an
 * element, and I only want to change the vertical padding.
 *
 * pixels are used here, rather than ems, because I want a consistent
 * margin on the different headings. if I use ems, 1em for an h1 element
 * is much larger than 1em on an h6 element. I don't wnat this.
 *
 * salt to taste
 */
ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}


/* alter some HTML elements' default style
 */
a, a:link, a:visited, a:active
{
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}
code
{
	font-family: "Courier New", Courier, monospace;
}
label
{
	cursor: pointer;
}
table
{
	font-size: 100%;
}
td, th
{
	vertical-align: top;
}

/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default its color to white which is probably
 * the safest thing to do.
 */
body
{
	margin: 25px 38px;	/* margin instead of padding for the gutterspace around 
	 			   the layout because IE breaks the layout when 
	 			   horizontal padding is applied to the body element.
	 			   % over pixels for that horizontal gutterspace so that
	 			   it automatically goes below 20px on low-res browsers
	 			   to create more space for the content. */
		/* resolve some font size issues in some layouts for
				   some browsers. (in other words, i got no clue.) */
				   width:900px;
				   font: 10 px Verdana, arial, helvetica,sans-serif;
}
#pageWrapper
{
	border: solid 1px #e1eecb;
	border-width: 0 1px;
	
}
* html #pageWrapper
{
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#masthead
{
	border: solid 1px #e1eecb;
	border-width: 1px 0;
	 padding: 0.5em;
	padding-top:0;
	
}
#masthead h1
{
	padding: 0;
	margin: 0;
}
#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: solid 196px #e1eecb;
	border-right: solid 220px #e1eecb;
}
#innerColumnContainer
{
	border: solid 1px #e1eecb;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}
#leftColumn
{
	float: left;
	margin: 0 1px 0 -196px;
	width: 196px;
	padding-bottom:130px;
	z-index: 4;
}
#rightColumn
{
	float: right;
	width: 220px;
	margin: 0 -220px 0 1px;
	z-index: 2;
}
#footer
{
	border: solid 1px #e1eecb;
	border-width: 1px 0;
	padding: 0.5em;
}

p.fontsize-set
{
	text-align: center;
}
p.fontsize-set img
{
	border-width: 0;
}

/* vertical navigation stuff. mostly exactly as seen in the vnav.css styleheet
 * in the original skidoo layout.
 */
.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

.vnav ul li, .vnav ul li a
{
	margin: 0;
	display: block;
	padding: 0;
	line-height: normal;
}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{
	text-decoration: none;
	cursor: pointer;
}
.vnav h3
{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}
* html .vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}

* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}

/* everything below this point is related to the page's "theme" and could be
 * placed in a separate stylesheet to allow for multiple color/font scemes on
 * the layout. you should probably leave a default theme within this stylesheet
 * just to be on the safe side.	
 */
#pageWrapper, #masthead, #innerColumnContainer, #footer,  .hnav, .hnav ul li a
{
	border-color: #e1eecb;
}
html, body
{
	/* note that both html and body elements are in the selector.
	 * this is because we have margins applied to the body element
	 * and the HTML's background property will show through if
	 * it is ever set. _DO_NOT_ apply a font-size value to the
	 * html or body elements, set it in #pageWrapper.
	 */
	background-color:#adb991;
	color: #000;
	font-family: arial, helvetica, sans-serif;
}
#pageWrapper
{
	font-size: 12px;	/* set your default font size here. */
}
#masthead
{
	background-color: #898;
	color: #fff;
}

#outerColumnContainer
{
	border-left-color: #ded;	/* left column background color */
	border-right-color:  #fafee9;

	/* right column background color */
	background-color: #fff;		/* set the background color for the
					   middle column here */
}

#rightColumn .vnav ul li a:link, #rightColumn .vnav ul li a:visited, #rightColumn .vnav ul li a:active
{
	background-color:#045E04
}

#rightColumn .vnav ul li a:hover
{
	text-decoration: none;
	background-color: #045E04;
	color: #fff;
	
}

#rightColumn .inside
{
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 90%;
}
#rightColumn .inside .vnav
{
	font-size: 110%;
}

#footer
{
	background-color:#687d4a;
	color: #fff;
	text-align: center;
}

/******************************************************************************/


#masthead
{
	background-image: url("images/header.jpg");
	background-repeat: no-repeat;
	background-position: 100% 0;
	height:190px;
}

#outerColumnContainer
{
	border-left-width: 0;
	
	padding-left: 196px;	/* because padding is on the left-side,
				   the left-column"s background image is
				   going to be applied to this element. */
	
	background-image: url("images/nav-bg.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color:#F2E6C0;
}


.hnav ul{
 padding:0;
 margin:0;
 list-style-type: none;
}

.hnav li {
 padding:0;
 margin:0;
 display:inline;
 list-style-type: none;
}

.hnav a, .hnav a:visited{
 margin:0 0 0 -6px;
 text-align:center;
 text-decoration:none;
 padding: 8px 18px 8px 18px;
 color:#edeeca;
 border-left:1px solid #e1eecb;
 background:inherit;
 line-height:30px;
 font:normal 100% verdana, "Century Gothic",  Arial, Helvetica, sans-serif;
}

.hnav a:hover{
 color:#333;
 background: #486127 url(images/navbck3.png); border-bottom:0;
}

.hnav a.last{border-right:1px solid #e1eecb;}

.hnav
{
  text-align :left;
  padding: 8px 0 8px 0;
  width:100%;
  background: #687d4a url(images/navbck.png);
  color:#e0eac8;
  border-top: 0px solid  #3f3c1e;  border-bottom: 1px solid  #3f3c1e;
}

.vnav {
	
	padding-top:120px;
	padding-left:6px
}

.rvnav {
	
	padding-top:130px;
	padding-left:15px
}

div#menu a{
	text-align:left;
	display: block;
	padding:6px 0 7px 21px;
	margin-left:10px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#704036;
	text-decoration:none;
	margin: 0;
}

div#menu a.end{
	text-align:left;
	display: block;
	padding:6px 0 50px 21px;
	margin-left:10px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#704036;
	text-decoration:none;
	
	margin: 0;
}	
div#menu a:hover {
	color:#8f2936;
	text-decoration:none;
	border-left-width:8px;
	border-left-color:#8f2936;
	border-left-style: solid;
}

div#menu_head{
	
	color:#8f2936;
	font-size:22px;
	width:130px;
	text-align:center;
	maring: 128px,10px,10px,10px
	border-bottom-width:2px;
	border-bottom-style:solid;

}
html, body
{
	background: #EFFCF0 url(images/backg1.jpg);
	background-position: 100% 0;
	background-color:#102c54
}



/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;
}

ul.thumbs li {
  margin: 0 0 15px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumb img {
  
  border: 5px solid #ccc;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #668FA3;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}



/**************************************************************
   Submenu Styles
 **************************************************************/

ul.submenu1,
ul.submenu2 {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.submenu1 li,
ul.submenu2 li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(foo.gif); /* because IE is balls */
}

ul.submenu1 li a,
ul.submenu2 li a {
  display: block;
  height: auto !important;

  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

  padding: 1px 5px 1px 20px;
}

ul.submenu1 li a {
  background: url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu1 a:hover {
  color: #426F85;
  background: #B3C6C4 url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu2 li a {
  color: #426F85;
  background: url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}

ul.submenu2 a:hover {
  color: #426F85;
  background: #B3C6C4 url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}


.titleSide,
.titleMain {
	padding: 8px 16px  4px 16px;
	border-bottom: 1px solid #FFF;
	letter-spacing: 0.1em;
	height: 16px;
	
}

.titleSide {
	background: #045E04 repeat-y left url('images/title1.gif') ;
	color: #FFF;
	margin-bottom: 12px;
	font-size: 12px;
	padding-left: 24px;
	}
	
		



#innerColumnContainer
{
	background-color:#fff;}
	
div#topnav{
	float:right;
	 padding-top:5px;
}

/*--------------------------*/
/* 2.2 - Navigation - Flags */
/*--------------------------*/
.navflag-container {width: 850px; top: 40px; position: absolute; z-index: 2; background-color: transparent;}
.navflag {margin: 0px; margin-right:10px; padding: 0px; font-size: 1.0em;}	
.navflag ul {float: right; margin: 0px; padding: 0px 20px 0px 0px;}	
.navflag li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.navflag li a {margin: 0px; padding: 0px 0px 0px 1px;}
.navflag a:hover {color: rgb(0,0,0); text-decoration: none;}
.img-navflag {display: inline; height: 14px; margin: 0px; padding: 0px; border: none;}

/*----------------------------*/
/* 2.3 - Navigation - Level 1 */
/*----------------------------*/
.nav1-container {width: 850px; top: 65px; position: absolute; z-index: 3; background: transparent;}
.nav1 {margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
.nav1 ul {float: right;  margin: 0px; margin-right:8px; padding: 0px 20px 0px 0px; border-left: solid 1px rgb(115,162,182); background-color: rgb(255,255,255); font-weight: bold;}	
.nav1 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav1 li a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-right: solid 1px rgb(115,162,182); color: #643200; text-decoration: none; font-size: 10px;}
.nav1 a:hover, .nav2 a.selected {color: #643200;   text-decoration: none;}


ul.dotted,
li.select {
	list-style-type: none;
	 padding-bottom:10px;
	color: #40A3FE;
	margin-left: 10px;
}

div#head-title{
 
	padding-left:230px;
	color:#643200;
	width:130px;
}

div#head-title-3{
	
	padding-top:120px;
	padding-left:680px;
}

.hmenu
{
	display:inline;
}



#rightColumn
{
	float: right;
	width: 220px;
	margin: 0  -220px 0  0px;
	z-index: 2;
}

div.categorybox 
{
	 border-bottom:  dotted 3px #045E04;
}

.categoryName, h1{
 background: inherit;
 color:#8f2936;
 margin:0;
 padding:40px  0 0 0;
 font:normal 24px  "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}

h2{
	margin:0 0 0 32px;
	padding:20px 0 0 0;
  background:inherit;
  color:#8f2936;
  font:normal 200% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}

h3{
	margin:5px 0 0 5px;
	padding:0;
  background:inherit;
  color:#4e6241;
  font:normal 22px "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}

img{ border:0;
}

.categoryName2{
margin:36px 0 0 32px;
	 padding-bottom:10px;
  background:inherit;
  color:#4e6241;
  font:normal 18px "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
  
}

.productname
{
margin:0 0 0 32px;
	padding:20px 0 0 0;
  background:inherit;
  color:#8f2936;
  font:normal 20px "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
 border-bottom:dashed; 
 border-bottom-width:2px;
  text-align:center;
}

.checkoutmsg{ color:#cc6600;
	 padding-top:20px;
	 padding-bottom:20px;
	 font-size:16px;
	 font-weight:bold;
	 border-bottom:dotted;
	}
	
.loginheader
{ 
    height:30px;
    font-weight: bold; 
    font-size: 10pt; 
    color: #666666; 
    font-family: verdana; 
    background-color: #f5f5f5; 
    text-align:center;
 }
 .logincell
 {
    background-color:#ffffff;
    vertical-align:middle;
    text-align:center;
    padding:20px;
}
.logtable
{
    border:1px solid #cccccc;
    background-color:#cccccc;
    width:230px;
     margin-top:30px;
    
}


.searchbar a, .searchbar a:visited{
 margin:0 0 0 0px;
 text-align:center;
 text-decoration:none;
 padding: 8px 0px 8px  0px;
 color:#edeeca;
 border-left:0px solid #3f3c1e;
 background:inherit;
 line-height:30px;
 font:normal 100% verdana, "Century Gothic",  Arial, Helvetica, sans-serif;
}

.searchbar a:hover{
 color:#333;
   background-color: Transparent;
   background-image:none;
 
}
.searchbar
{
	 padding-left:85px;
	display:inline;
}

.content1 {float: left; width: 468px; margin: 0px; padding: 0px 0px 10px 20px; color: rgb(75,75,75);}
.content1-container {clear: both; float: left; width: 450px; margin:  0px 0px 0px 0px; padding: 0px;}
.content1-container-1col {overflow: hidden; width: 430px; margin: 0px;  padding-bottom: 30px;}
.content1-container-1col-txtright-200px {float: right; width: 196px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-160px {float: right; width: 236px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-120px {float: right; width: 276px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-100px {float: right; width: 296px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-80px {float: right; width: 316px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-60px {float: right; width: 336px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-40px {float: right; width: 356px; margin: 0px; padding: 0px;}
.content1-container-2col-left {overflow: hidden; float: left; width: 191px; margin: 0px; padding: 0px;}
.content1-container-2col-right {overflow: hidden; float: right; width: 191px;  margin: 0px; padding: 0px;}
.content1-container-2col-txtright-100px {float: right; width: 79px; margin: 0px; padding: 0px;}
.content1-container-2col-txtright-80px {float: right; width: 99px; margin: 0px; padding: 0px;}
.content1-container-2col-txtright-60px {float: right; width: 119px; margin: 0px; padding: 0px;}
.content1-container-2col-txtright-40px {float: right; width: 139px; margin: 0px; padding: 0px;}
.content1-container-2col-txtright-20px {float: right; width: 159px; margin: 0px; padding: 0px;}
.content1-container-3col-left {overflow: hidden; float: left; width: 119px; margin: 0px 25px 0px 0px; padding: 0px;}
.content1-container-3col-middle {overflow: hidden; float: left; width: 119px;margin: 0px; padding: 0px;}
.content1-container-3col-right {overflow: hidden; float: right; width: 119px; margin: 0px; padding: 0px;}
.content1-container-3col-txtright-60px {float: right; width: 47px; margin: 0px; padding: 0px;}
.content1-container-3col-txtright-40px {float: right; width: 67px; margin: 0px; padding: 0px;}
.content1-container-3col-txtright-20px {float: right; width: 87px; margin: 0px; padding: 0px;}
.content1-container-3col-txtright-10px {float: right; width: 97px; margin: 0px; padding: 0px;}
.content1-pagetitle {overflow: hidden; width: 408px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px rgb(88,144,168); color: rgb(88,144,168); font-weight: bold; font-size: 180%;}

/* Titles and textboxes*/
.content-title-noshade-size-a {margin: 0px; 	padding: 0px;	
	color:rgb(70,122,167);
	text-align:center;	
	}
	.content-title-noshade-size-b {margin: 0px; 	padding: 0px;	
	color: #cc6600; 
	font-weight: bold; 
	font-size: 16px;
	text-align:center;	
	}
	.content-title-noshade-size-c {margin: 0px; 	padding: 0px;	
	color: #cc6600; 
	font-weight: bold; 
	font-size: 16px;
	text-align:center;	
	}
.content-title-noshade-size2 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 150%;}
.content-title-noshade-size3 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 160%;}
.content-title-noshade-size4 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 180%;}
.content-title-noshade-size5 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 200%;}
.content-title-shade-size1 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(100,100,100); color: rgb(88,144,168); font-weight: bold; font-size: 130%;}
.content-title-shade-size2 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168); font-weight: bold; font-size: 150%;}
.content-title-shade-size3 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168); font-weight: bold; font-size: 160%;}
.content-title-shade-size4 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168);  font-weight: bold; font-size: 180%;}
.content-title-shade-size5 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168);  font-weight: bold; font-size: 200%;}
.content-subtitle-noshade-size1 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 110%;}
.content-subtitle-noshade-size2 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 120%;}
.content-subtitle-noshade-size3 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 130%;}
.content-subtitle-noshade-size4 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 140%;}
.content-subtitle-noshade-size5 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 150%;}
.content-subtitle-shade-size1 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168); font-weight: bold; font-size: 110%;}
.content-subtitle-shade-size2 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168); font-weight: bold; font-size: 120%;}
.content-subtitle-shade-size3 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168); font-weight: bold; font-size: 130%;}
.content-subtitle-shade-size4 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168); font-weight: bold; font-size: 140%;}
.content-subtitle-shade-size5 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(88,144,168); font-weight: bold; font-size: 150%;}
.content-txtbox-noshade {margin: 0px; padding: 7px 0px 0px 0px; background-color: rgb(255,255,255);}
.content-txtbox-shade {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(235,235,235);}

/* Images */
.img-left-noborder-notopmargin {float: left; margin: 0px 10px 0px 0px;}
.img-left-noborder-topmargin {float: left; margin: 3px 10px 0px 0px;}
.img-left-border-notopmargin {float: left; margin: 0px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-left-border-topmargin {float: left; margin: 3px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-right-noborder-notopmargin {float: right; margin: 0px 0px 0px 10px;}
.img-right-noborder-topmargin {float: right; margin: 3px 0px 0px 10px;}
.img-right-border-notopmargin {float: right; margin: 0px 0px 0px 10px; border: solid 1px rgb(150,150,150);}
.img-right-border-topmargin {float: right; margin: 3px 0px 0px 10px; border: solid 1px rgb(150,150,150);}

#bodywide
{
	 background-color: White;
}

.content1-header1 {margin: 0px; 
	padding: 0px;
	text-align: center;
	 vertical-align: top ;
	width:360px ;
	height:45px;
	color: rgb(0,0,0); 
	font-weight: bold; 
	font-size: 16px;
 background-image:url(images/jbar2-salad4.gif) ;
	
}
.content1-header2 {margin: 0px; 
	padding: 0px;
	text-align: center;
	 vertical-align: top ;
	width:360px ;
	height:60px;
	color: rgb(0,0,0); 
	font-weight: bold; 
	font-size: 16px;
 background-image:url(images/jbar1-roll.jpg) ;
	
}
	

/*******************************************************************************
*  colors.css : 2004-06-28 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  defines background and foreground colors of elements within the layout.
*  sites that want to use different color schemes for different sub-sections
*  of a website need only make different versions of this stylesheet and link
*  or import them as need. The other stylesheets can be shared across the
*  entire site.
*******************************************************************************/

body
{
	background-color: #665;
	color: #fff;
}
#outerColumnContainer
{
	/*border-left-color: #eec;	/* left hand column background color */
	/*border-right-color: #bb8;	/* right hand column background color */
}
#masthead
{
	background-color: #885;
	color: #fff;
}
#footer
{
	background-color: #885;
	color: #fff;
}
#outerColumnContainer, #contentcolumn	/* selector case hack to reset version 4
					   stylesheet setting */
{
	background-color: #fff;		/* this sets the background color on the
					   center column */
	color: #000;
}
#leftColumn, #rightColumn, #contentColumn
{
	color: #000;
}

#rightColumn .vnav ul li a:hover, .vnav ul li a:hover
{
	background-color: #ecb665;
	color: #fff;
}

.hnav, .hnav ul li a
{
	/*background-color: #cc9;
	color: #336;*/
}
.hnav ul li a:hover
{
	/*background-color: #336;
	color: #fff;*/
}
#pageWrapper, #innerColumnContainer, #masthead, #footer, .hnav
{
	border-color:#e6fdae;
}

/******************************************************************************/
	
.right_menu ul{
 padding:0;
 margin:0;
 list-style-type: circle;
}

.right_menu li {
 padding:0;
 margin:0;
 display: block;
 list-style-type:  circle;
}



.right_menu a:hover{
 color:#333;
}

#blacktext { 
	 padding:30  30 130 30;
	  margin:100 100 100 100; }

div#full_menu
{
 color: black;
 margin:10 10 150 30;
 padding:20 20 120 20;	

}

.nav3-bullet {width:170px; margin:10px 0 0 20px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(images/box.gif) no-repeat 0px 50%; text-decoration:none; color:#cc6600; font-weight:bold; font-size:120%;}
.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(images/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-bullet dt a:hover {background:url(images/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:#cc6600;}
.nav3-bullet dd a:hover {background:url(images/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}

.orng{ background:inherit; color:#cc6600;}
.brown{ background:inherit; color:#643200;}


.titlebox{
  width:100%;
  background:#B71D3C url(images/navbck2.png);
  color:#edeeca;
  margin: 24px 0 0 0;
  padding: 10px 0 10px 0;
  border-top:1px solid #3f3c1e;
  border-bottom:1px solid #3f3c1e;
}

.lefttitle{
  margin:0 0 0 9px;
	padding:0;
  font:bold 100% Verdana, Arial, Helvetica, sans-serif;
}
/* MAIN CONTENT */
.inside h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:170%;}
.inside h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.inside h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.inside h2 {clear:both; margin:0 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:#8f2936; font-weight:normal; font-size:170%; text-align:center;}
.inside h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(75,75,75); font-weight:normal; font-size:130%; border-bottom:solid 3px rgb(61,75,42);text-align:center; }
.inside h1.side {clear:none;}
.inside h2.side {clear:none;}
.inside h3.side {clear:none;}

.inside h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.inside h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.inside h6 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",verdana,arial,sans-serif; font-weight:normal; font-size:140%;}
.inside p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.inside p.center {text-align:center;}
.inside p.right {text-align:right;}
.inside p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.inside blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/********************/
/*  COMMON CLASSES  */
/********************/
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.center {clear:both; float:none; margin:0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}

.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}

#right p { line-height:1.5em; padding: 4px 8px 0 8px; margin:0;}

.righttitle{
  background:inherit;
  color:#8f2936;
  margin:0 0 0 8px;
	padding: 20px 0 20px 0;
  font:bold 150% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}

.coupon
{
	background-color: #ffe1a9;
    font-size:large;
}

/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#ffe1a9;
	opacity:.9;
	filter: alpha(opacity=90);
}