<Style>/* Default CSS Stylesheet for a new Web Application project */{}

.PageTable {
background: #ffffff;
}


.toplogo {
padding-left:10px;
padding-right:10px;
}

/* ----------------- TYPE STYLES ------------------------------*/

.type1 { 
font-family: Arial, Helvetica, sans-serif; 
font-weight: 900;  
font-size:36pt; 
letter-spacing:0px;
line-height: 1.2em;
letter-spacing: -1.5px;
margin: 0;
padding: 0;
}

.type2 { 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
font-size:16pt; 
letter-spacing:0px;
line-height: 1.2em;
letter-spacing: -1px;
margin: 0;
padding: 0;
}

.type3 { 
font-family: Arial, Helvetica, sans-serif; 
font-weight: normal;  
font-size:10pt; 
letter-spacing:0px;
line-height: 1.2em;
margin: 0;
padding: 0;
}

.type4 { 
font-family: Arial, Helvetica, sans-serif; 
font-weight: normal; 
font-size:7pt; 
line-height: 1.2em;
margin: 0;
padding: 0;
}

.type5 { 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
font-size:14pt; 
letter-spacing:0px;
line-height: 1.2em;
letter-spacing: -1px;
margin: 0;
padding: 0;
}

.tBlack {
color: #000;}

.tWhite {
color: #ffffff;}

.tWhite a:link {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.tWhite a:visited {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.tWhite a:active {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.tWhite a:hover {font-family: arial; color: #ECECEC; text-decoration: none; font-weight: bold;}

.tGrey {
color: #cccccc;}


/* ----------------- END TYPE STYLES ------------------------------*/




/* ------------------ GENERAL PAGE SECTIONS ------------------ */

.GeneralPage
{
background-color: #d6d6d6; /* Background Color */
background: #d6d6d6 url(images/10-layout/new-back2.jpg);
background-repeat:repeat-x;
margin-bottom: 0px; /* Margins */
margin-left: 0px; /* Margins */
margin-right: 0px; /* Margins */
margin-top: 0px; /* Margins */
}

.GeneralTable
{
}

.TopBanner
{
font-family: Verdana; /* Font Face */
font-size: 28pt; /* Font Size */
color: #ffffff; /* Font Color */
font-weight: Bold; /* Font Style */
text-decoration: none;
font-style: normal; /* FontStyle */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.TopSubBanner
{
font-family: Verdana; /* Font Face */
font-size: 9pt; /* Font Size */
color: #ffffff; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: ; /* Background color */
text-align: Center; /* Align Text */

}

.TopSubBanner a:link {color: #ffffff; text-decoration: none;}
.TopSubBanner a:visited {color: #ffffff; text-decoration: none;}
.TopSubBanner a:active {color: #ffffff; text-decoration: none;}
.TopSubBanner a:hover {color: #D5D4D4; text-decoration: none;}


.TopSubBannerText
{
font-family: Verdana; /* Font Face */
font-size: 9pt; /* Font Size */
color: #ffffff; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Center; /* Align Text */
}

.LeftColumn
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: #cccccc; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: ; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width:156px;}

.LeftColumnText
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: #000000; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 156px;}

.RightColumn
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: #000000; /* Font Color */
font-style: normal; /* Font Style */
font-weight: Normal; /* Font Style */
text-decoration: none;
background: #ffffff ; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 240px;}

.RightColumnText
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: #000000; /* Font Color */
font-style: normal; /* Font Style */
font-weight: Normal; /* Font Style */
text-decoration: none;
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 240px;}

.Footer
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: ; /* Background color */
text-align: Center; /* Align Text */
vertical-align: Top; /* Align Text */
}

.FooterText
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Center; /* Align Text */
vertical-align: Top; /* Align Text */
}

.topSubMenuLinks {
text-align: left;
float: left;
font-weight: bold;
color: #ffffff;
font: bold 11px/26px Arial, sans-serif;
padding-left: 10px;
}

.topSubMenuLinks a:link {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.topSubMenuLinks a:visited {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.topSubMenuLinks a:active {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.topSubMenuLinks a:hover {font-family: arial; color: #ECECEC; text-decoration: none; font-weight: bold;}






/* ------------------ END GENERAL PAGE SECTIONS ------------------ */


/* Begin SignIn Control CSS
--------------------------------------------*/
/* GENERAL ALIGNMENT OF CONTROL */

.SignInAlign {
	float: right;
}

/* CONTROL THE FONT AND FORMAT OF THE SIGN-IN FORM */
.SignInForm {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;

}

/* CONTROL THE FONT AND FORMAT OF THE EMAIL AND PASSWORD TABLE ROWS */
/* This affects both the label and text field columns. The *Input   */
/* styles below are used to further refine the corresponding input  */
/* fields.                                                          */

.SignInEmail {
}

.SignInPassword {
}

/* CONTROL THE FONT AND FORMAT OF THE EMAIL AND PASSWORD INPUT FIELDS */
/* This section allows you to format the input boxes to your design   */

.SignInEmailInput {
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #D8D8D8;
	border: 1px solid #000;
	width: 115px;
} 

.SignInPasswordInput {
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #D8D8D8;
	border: 1px solid #000;
	width: 115px;
} 

.SignInRememberMe {
	display: inline;
}

/* CONTROL THE FONT AND FORMAT OF THE SIGN-IN LINK                          */
/* This sign-in link is text with a subtle highlight affect when the cursor */
/* is over the link.                                                        */

.SignInLink {
    font-family: Arial, Helvetica, Sans Serif;
    font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
input.SignInLink {
	border: none;
	background-color: transparent;
	color: #4F4F4F;
    font-family: Arial, Helvetica, Sans Serif;
    font-size: 11px;
    font-weight: bold;
	cursor: hand;
}
input.SignInLinkHover {
	border: none;
	background-color: transparent;
	color: #F9E819;
    font-family: Arial, Helvetica, Sans Serif;
    font-size: 11px;
    font-weight: bold;
	cursor: hand;
}
a.SignInLink:link    { color: #cccccc; }
a.SignInLink:visited { color: #cccccc; }
a.SignInLink:hover   { color: #ffffff; }
a.SignInLink:active  { color: #cccccc; }

/* CONTROL THE FONT AND FORMAT OF THE SIGN-OUT FORM */

.SignOutForm {
   font-family: Arial, arial, helvetica, sans-serif;
   font-size: 11px;
   color: #cccccc;
 
}

.SignInWelcome {
text-align: right;
}

.SignOutLink {
    font-family: arial, Helvetica, Sans Serif;
    font-size: 11px;
	text-decoration: none;
}
a.SignOutLink:link    { color: #cccccc; }
a.SignOutLink:visited { color: #cccccc; }
a.SignOutLink:hover   { color: #ffffff; }
a.SignOutLink:active  { color: #cccccc; }

/* --------------   end signin control CSS  -------------- */



div.container-static {
position; absolute;
margin: 0px;
width: 960px;
border: #000000 0px solid;
z-index: 1;
align: center;
}

div.container-team {
position; absolute;
float: left;
margin: 0px;
width: 195px;
border-right: #cccccc 1px solid;
padding: 3px;
z-index: 1;
align: center;
}

div#level1 {
position: relative;
float: left;
width:776;
height: 250;
border: 0px;
background-color:#f0f0f0; 

}

div#featured-item { 
float: right;
z-index: 2;
height: 250px;
width: 174px;
background-color:#000000;
color: #ffffff;
}


div.level2 { 
position: relative;
float: left; 
width:189px; 
padding: 3px;
}



div.feat-title {
background: url(http://www.onionbag.com/bg_title.png);
position: absolute;
height: 44px;
margin: 0px;
bottom: 0px;
left: 0px;
width: 776px;
color: #ffffff;
font-size: 18px;
font-family: arial;
font-weight: bold;
text-align: right;
z-index: 50;
}

#item-title {
background: url(http://www.onionbag.com/bg_title.png);
position: absolute;
bottom: 4px;
left: 4px;
width: 187px;
height: 30px;
line-height: 30px;
color: #ffffff;
font-size: 12px;
font-family: arial;
font-weight: bold;
text-align: right;
z-index: 50;
text-decoration: none;
}

#item-title a:link {color: #ffffff; text-decoration: none;}
#item-title a:visited {color: #ffffff; text-decoration: none;}
#item-title a:active {color: #ffffff; text-decoration: none;}
#item-title a:hover {color: #D5D4D4; text-decoration: none;}

div#blog { 
float: left;
z-index: 2;
height: 250px;
color: #ffffff;
text-align: left;
padding: 15px;
}

div#prod-title { 
float: left;
z-index: 2;
height: 250px;
color: #ffffff;
text-align: left;
padding: 15px;
}
div.bottom-container {
position: relative;
width: 100%;
height: 200px;
background-color: #666666;
color: #ffffff;
}

div#bottom-blog { 
float: left;
z-index: 2;
height: 250px;

color: #ffffff;
text-align: left;
padding: 15px;
}


.clear {
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
				line-height: 0;
				}



.clearfix {display:inline-block;}
/* Hide from IE Mac \*/

.clearfix {display:block;}
/* End hide from IE Mac *//* end clearing */

div.header {
width: 630px;
position: relative;
background: #000;
z-index: 49;
}

div.post_info {
width: 149px;
float: right;
text-align: right;
color: #ffffff;
padding-top: 8px;
}

div.title {
background: url(bg_title.png);
position: absolute;
bottom: 0px;
left: 0px;
width: 610px;
padding: 25px 10px 10px 10px;
color: #ffffff;
z-index: 50;
}




.Instructions
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: #000000; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.ErrorMessages
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: red; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Center; /* Align Text */
}

.Messages
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: red; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Center; /* Align Text */
}

.Headings
{
font-family: Verdana; /* Font Face */
font-size: 10pt; /* Font Size */
color: #000000; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.Content
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: Black; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background: #ffffff ; /* Background color */
text-align: Left; /* Align Text */
}

.Content-small
{
font-family: Verdana; /* Font Face */
font-size: 7pt; /* Font Size */
color: #999999; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.CustomShirtWarn
{
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: Black; /* Font Color */
font-weight: bold; /* Font Style */
font-style: none; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */

}

#mainCell {
width: 556px;
margin: 2px;
}

.ContentTableHeader
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Heading Font Size */
color: #FFF; /* Heading Font Color */
font-weight: Bold; /* Heading Font Style */
font-style: normal; /* Heading FontStyle */
text-decoration: none; /* Heading Font Style */
background-color: #626262; /* Background color */
text-align: Left; /* Align Text */
}

.ContentTable
{
background-color: #626262;
}

.ContentTableHorizontal
{
background-color: #626262;
}

/* Custom CSS Document for 
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* Global Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1 {font:24px Arial, Helvetica, sans-serif;}
h2 {font:bold 18px Arial, Helvetica, sans-serif;}
h3 {font:bold 14px Arial, Helvetica, sans-serif;}

/* Styles.css Extensions 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PageSubTable { background:; border-left:0px solid #FFF; border-bottom:0px solid #FFF; border-right:0px solid #FFF;}
#Instruction1_InstructCell {padding: 7px;}
.Content {color: #000;text-decoration:none; background: #fff; z-index: 2;}
.Content a:link, .Content a:visited {color: #000; text-decoration: none;}
.Content a:hover, .Content a:active {color: #000; text-decoration: underline;}


/* LeftColumnNav Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#LeftColumnCell {vertical-align:top; border-right:1px solid #ccc; background: #fff; height:600px;}
#LeftColumnNav1_custommenu, #LeftColumnNav1_custommenu td {height:100%; vertical-align:top;}
#LeftColumnNav1_CMenubar2_dlMenu {}
#LeftColumnNav1_SimpleSearch1_Panel1 {margin: 0; padding: 0; float:none;}

/* RightColumnNav Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#RightColumnCell {}

/* Footer Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#FooterCell {}

/* Default Page Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Search & Cart Control Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#cartwrap {margin: 0; padding: 0;}

/* Price 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.price { font-family: Arial; font-weight: bold; color:#333333; font-size:12px;}
.td.price {padding: 8px;}



/* SEarchpage
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.searchpage {vertical-align:top; padding:2 ;}
.td.searchpage { border-right:0px solid #ccc; }
.tr.searchpage { border-bottom:1px solid #ccc; }
.tr.DescSpace  { border-bottom:1px solid #ccc;}
.ImageSpace {padding: 4px;}
.DetailSpace { border-left:1px solid #ccc;}



/* horizontal menu
--------------------------------------------*/

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0;
  padding: 0;
  width: 820px; /*For KHTML*/
  list-style: none;
  height: 24px;
	z-index: 100;
	
	
}

ul#navmenu li {
  margin: 0;
  border-right: 1px solid #777777;
  text-align: left;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
	z-index: 100;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 26px;
  left: 0;
	z-index: 100;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
	z-index: 100;
}

ul#navmenu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
	z-index: 100;
}

/* Root Menu */
ul#navmenu a {
  padding: 0 4px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #000000;
  font: bold 11px/26px Arial, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	z-index: 100;
  
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #626262;
  color: #F9E819;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
  border-bottom: 1px solid #777777;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
  border-bottom: 1px solid #777777;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
  border-bottom: 1px solid #777777;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
  border-bottom: 1px solid #777777;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
  border-bottom: 1px solid #777777;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
  border-bottom: 1px solid #777777;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
  border-bottom: 1px solid #777777;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
  border-bottom: 1px solid #777777;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
  border-bottom: 1px solid #777777;
}

/* end horizontal menu
--------------------------------------------*/


/* Footer07 Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.footer07 { color: #D5D4D4;
  font-size: 11px;
	font-weight: bold; 
	font-family: Arial;
  text-decoration: none;}
.footer07 a:link {color: #D5D4D4; text-decoration: none;}
.footer07 a:visited {color: #D5D4D4; text-decoration: none;}
.footer07 a:active {color: #D5D4D4; text-decoration: none;}
.footer07 a:hover {color: #FFFFFF; text-decoration: none;}




h1.prodTitle{
font-family: Arial; /* Font Face */
font-size: 14pt; /* Font Size */
color: #000000; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #FFFFFF; /* Background color */
text-align: Left; /* Align Text */
}

h1.CatTitle{
font-family: arial; /* Font Face */
font-size: 16pt; /* Font Size */
color: #000000; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
text-align: Left; /* Align Text */
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
line-height: 10pt;


}


/* Custom CSS Document for 
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/


/* new styles for 09 */
.Bigwrapper {
    
    margin: 0 auto;
		height: auto;
		background: #ffffff;
		padding: 0px;
		
}

#wrapper {
    width: 960px;
    margin: 0 auto;
		height: auto;
		clear: both;
}

.shadow {
 -moz-box-shadow: 2px 2px 2px #000;
   -webkit-box-shadow: 2px 2px 2px #000;
   box-shadow: 2px 2px 2px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
}



#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 716px;
    margin: auto;
		margin: 10px 2px 2px 2px;
    position: relative;
		font-family: arial, Helvetica, Sans Serif;
		font-size: 11px;
		font-weight: bold;
		
}



#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

.hide {
    display: none;
}





ul#twitter_update_list  {
list-style: none;
padding: 0;
margin: 0;
} 

li#twitter_update_list  {
list-style: none;
padding: 0;
margin: 0;
} 

#twitter_div {
list-style: none;
padding: 10px 0 0 0;
margin: 0;
float:left;
width:210px;
} 

/* end new styles for 09 */


h1.logoText {
font: 10px Arial, sans-serif;
color: #000000;
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* Top Sub Menu Rollover */

a.topSubrollover  {
	display: block;
	width: 103px;
	height: 74px;
	text-decoration: none;
	background: url("../images/layout/09-top-blog.gif");
	}

a.topSubrollover:hover {
	background-position: 0 -74px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
/* END rollover */






/*Footer09 Styles */


.footerA {
width: 960px;
padding: 0px;
position: relative;
float: left;
background: #505050;
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: #ffffff; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
z-index: 500;
}

.footerA a:link {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.footerA a:visited {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.footerA a:active {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.footerA a:hover {font-family: arial; color: #ECECEC; text-decoration: none; font-weight: bold;}


.footerAbox {
position: relative;
float: left;
margin-left: 10px;
padding-top:10px;
padding-bottom: 10px;
margin-right: 10px;
width: 300px;
text-align: right;
}


.footer09 {
height: 212px;
width: 960px;
padding: 0px;
position: relative;
float: left;
background: #000000;
font-family: Verdana; /* Font Face */
font-size: 8pt; /* Font Size */
color: #ffffff; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
z-index: 500;
}

.footer09 a:link {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.footer09 a:visited {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.footer09 a:active {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.footer09 a:hover {font-family: arial; color: #ECECEC; text-decoration: none; font-weight: bold;}

.sub-footer09-1 {
height: 212px;
width: 478px;
text-align:left;
margin-right: 4px;
float: left;
position: relative;

}

.sub-footer09-2 {
height: 212px;
width: 156px;
margin-right: 4px;
text-align:left;
float: left;
position: relative;

}

.sub-footer09-3 {
height: 212px;
width: 318px;
text-align:left;
float: left;
position: relative;

}

.sub-footer09-inside {
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
z-index: 9999;
}


.footer09-left {
	position : absolute;
  background : transparent url(../images/layout/09-footer-side-l.jpg) no-repeat;
  top : 0;
  left : 0;
	width: 6px;
	height: 212px;
	display: block;
}

.footer09-right {
	position : absolute;
  background : transparent url(../images/layout/09-footer-side-r.jpg) no-repeat;
  top : 0;
  right : 0;
	width: 6px;
	height: 212px;
	display: block;
	
}



/* Footer07 Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.footer07 { color: #757575;
  font-size: 11px;
	font-weight: bold; 
	font-family: Arial;
  text-decoration: none;}
.footer07 a:link {color: #757575; text-decoration: none;}
.footer07 a:visited {color: #757575; text-decoration: none;}
.footer07 a:active {color: #757575; text-decoration: none;}
.footer07 a:hover {color: #000000; text-decoration: none;}



.footer07addy {
font-size: 11px;
	font-family: Arial;
  text-decoration: none;
	color:#999999;
	position: relative;
	float: left;
	padding: 10px;
}

.sslPro {
font-size: 11px;
	font-family: Arial;
  text-decoration: none;
	color:#999999;
	position: relative;
	float: left;
	z-index:55;
	padding: 5px;
}

.paymentTypes {
font-size: 11px;
	font-family: Arial;
  text-decoration: none;
	color:#999999;
	position: relative;
	float: left;
	z-index:50;
	padding: 5px;
}
.shipmentTypes {
font-size: 11px;
	font-family: Arial;
  text-decoration: none;
	color:#999999;
	position: relative;
	float: left;
	z-index:50;
	padding: 10px;
}
.cardLogo {
 margin: 4px;
 position: relative;
 float: left;
 }

/* Global Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Styles.css Extensions 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* TopSubBanner Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#TopSubBannerCell { text-align:left; z-index:200; }
#TopSubBanner1_SimpleSearch1_Panel1 {margin: 0; padding:0 0 0 0px; float:none;}



/* RightColumnNav Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#RightColumnCell {}

/* Footer Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#FooterCell {}

/* Default Page Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Search & Cart Control Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#cartwrap {margin: 0; padding: 0;}




/* CONTROL THE FONT AND FORMAT OF THE VALIDATION ERROR CONTROLS */

.SignInError
{
	font-weight: bold;
	font-size: 11px;
	color: gold;
	font-family: arial, Helvetica, Sans Serif;
	cursor: hand;
	cursor: pointer;
}

div.captionText {
	font-size: 10px;
	color: #5A5A5A;
	font-family: arial, Helvetica, Sans Serif;
	float:left;
	position:relative;
}


.salePrice1 {
color: #ff0000;
font-size: 11px;
font-weight: bold;}

.salePrice2 { font-family: Arial; font-weight: bold; color:#ff0000; font-size:18px;}

/* STYLES FOR THE NEW FRONT PAGE */

h1 { 
color: #ffffff;
font-size: 20px;
font-family: arial;
font-weight: strong;
}



div.container {
position; absolute;
margin-top: 2px;
padding: 0px;
width: 960px;
z-index: 1;
display: block;
}


div.main_content {
position: relative;
float: left;
border: 0px;
background-color:#ffffff; 
margin: 0px;
z-index: 1;
}

div.title {
background: url(http://www.onionbag.com/bg_title.png);
position: absolute;
padding: 0px;
height: 50px;
top: 160px;
left: 0px;
width: 716px;
color: #ffffff;
font-size: 18px;
font-family: arial;
font-weight: bold;
text-align: left;
z-index: 45;
}

div.title-text1 {
position: absolute;
color: #FFFFFF;
top: 165px;
left: 15px;
padding: 0px;
z-index: 50;
font-size: 24px;
font-family: arial;
font-weight: bold;
text-align: left;
}

.title-text1 a:link {color: #FFFFFF; text-decoration: none;}
.title-text1 a:visited {color: #FFFFFF; text-decoration: none;}
.title-text1 a:active {color: #FFFFFF; text-decoration: none;}
.title-text1 a:hover {color: #EDEDED; text-decoration: underline;}

.title-text1 h1 {
font-size: 24px;
font-family: arial;
font-weight: bold;
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}

div.title-text2 {
position: absolute;
color: #FFFFFF;
top: 165px;
right: 15px;
padding: 0px;
z-index: 50;
font-size: 12px;
font-family: arial;
text-align: right;
}

.title-text2 a:link {color: #FFFFFF; text-decoration: none;}
.title-text2 a:visited {color: #FFFFFF; text-decoration: none;}
.title-text2 a:active {color: #FFFFFF; text-decoration: none;}
.title-text2 a:hover {color: #EDEDED; text-decoration: none;}

.title-text2 h2 {
font-size: 12px;
font-family: arial;
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}


.title-text3 {
top: 5px;
color: #FFFFFF;
padding: 0px;
z-index: 50;
font-size: 20px;
font-family: arial;
font-weight: bold;
margins: 0px;
}

a.title-text3:link {
font-weight: bold; color: #ffffff;
}
a.title-text3:visited {
font-weight: bold; color: #ffffff;
}
a.title-text3:active {
font-weight: bold; color: #ffffff;
}
a.title-text3:hover {
font-weight: bold; color: #cccccc; text-decoration: none;
}



div.item-box { 
position: relative;
float: left; 
width:220px; 
background-color:#000000; 
margin: 10px;
z-index: 3;
text-align: left;
}

div.item-box2 { 
position: relative;
float: left; 
text-align: center;
line-height: 1.1;
margin: 0px;
	overflow:hidden;
	text-shadow: 1px 1px 1px #000; 
}

div.item-box3 { 
position: relative;
float: left; 
width: 300px;
margin-left: 10px;
margin-right: 10px;
line-height: 1.1;
}



div.thumb-box-container {
position: relative;
width: 188px;
height: 300px;
float: left;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin-top: 4px;
}


div.thumb-box {
position: relative;
float: left;
width: 188px;
height: 90px;
text-align: left;
padding: 3px;
font-size: 11px;
font-family: Verdana;
}

p.inner_content {
padding:15px;
}



div.item-title {
position: absolute;
bottom: 1px;
right: 1px;
width: 100%;
height: 40px;
color: #ffffff;
font-size: 11px;
font-family: arial;
font-weight: bold;
text-align: right;
z-index: 50;
}

.item-title h2 {
font-size: 11px;
font-family: arial;
font-weight: bold;
line-height: 1.5;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}

.item-title a:link {color: #FFFFFF; text-decoration: none;}
.item-title a:visited {color: #FFFFFF; text-decoration: none;}
.item-title a:active {color: #FFFFFF; text-decoration: none;}
.item-title a:hover {color: #EDEDED; text-decoration: none;}


div.itemblurb {
position: absolute;
top: 10px;
right: 10px;
width: 95px;
color: #ffffff;
font-size: 11px;
font-family: arial;
text-align: right;
z-index: 50;
}

.itemblurb h2 {
font-size: 11px;
font-family: arial;
line-height: 1.3;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
font-weight: normal;
}

.itemblurb a:link {color: #ffffff; text-decoration: none;}
.itemblurb a:visited {color: #ffffff; text-decoration: none;}
.itemblurb a:active {color: #ffffff; text-decoration: none;}
.itemblurb a:hover {color: #d6d6d6; text-decoration: none;}

div.itemblurb2 {
position: absolute;
top: 110px;
left: 10px;
width: 200px;
color: #ffffff;
font-size: 11px;
font-family: arial;
text-align: left;
z-index: 50;
}

.blurbTitle {
	font-size:28px; font-family: MyCustomFont;
	color:#fff; margin=0px;
	overflow:hidden;
}


.itemblurb2 h2 {
font-size: 11px;
font-family: arial;
line-height: 1.3;;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
font-weight: normal;
}

.itemblurb2 a:link {color: #ffffff; text-decoration: none;}
.itemblurb2 a:visited {color: #ffffff; text-decoration: none;}
.itemblurb2 a:active {color: #ffffff; text-decoration: none;}
.itemblurb2 a:hover {color: #CCCCCC; text-decoration: none;}



div.bottom-container {
position: relative;
float: left;
width: 100%;
height: 250px;
background-color: #666666;
color: #ffffff;
}



.spacer {
float: left;
}




div#premier-league-bar { 
background: url(http://www.onionbag.com/images/08/premier-league-numbers.jpg);
position: relative;
float: left;
z-index: 2;
height: 50px;
width: 950px;
color: #ffffff;
padding: -5px;
margin: 0px;
font-size: 12px;
font-family: arial;
align: center;
}


/* ------------------------------ New World Cup 2010 styles -----------------------------*/
.WCcontainer {
	position: relative;					 
	height: 759px;
	background: url('images/10-layout/main-back-WC10.jpg');
	z-index:1;
	}		 

.WCtop {
position: relative;
top:65px;
width: 960px;
}

.WCmiddle {
position: relative;
top:100px;
width: 960px;
}

.WCbottom {
position: relative;
top:136px;
width: 960px;
}

.wcbottom-img {
position: relative;
right: -20px;
}


@font-face {
 font-family: MyCustomFont;
 src: url("../images/10-layout/SlimSansSerif-Bold.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("../images/10-layout/SlimSansSerif-Bold.ttf") /* TTF file for CSS3 browsers */
}

.WCGroup {
	font-size:20px; font-family: MyCustomFont;
	color:#fff; margin=0px;
	overflow:hidden;
	font-smooth:always;
}

.WCGroup a:link {color: #FFFFFF; text-decoration: none; padding: 10px}
.WCGroup a:visited {color: #FFFFFF; text-decoration: none; padding: 10px}
.WCGroup a:active {color: #FFFFFF; text-decoration: none; padding: 10px}
.WCGroup a:hover {color: #EDEDED; text-decoration: none; padding: 10px}


/* ------------------------------------  end new 2010 styles ---------------------------------*/


.buynowbutton {border: 2px #ffe400 solid; }



/* ------------------------------------  new 2010 slider styles ---------------------------------*/

/*
	Featured Content Slider
	by: Chris Coyier
*/
*											{ margin: 0; padding: 0; }
body 										{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 960px; margin: 0px auto; position: relative; min-height: 300px;
											  background: #ffffff; }


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: white; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 960px;  top: 0px; left: 0px; height: 300px;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 960px; height: 300px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 300px; position: relative; width: 960px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; z-index: 9999;}
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/temp/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 100px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/temp/icon-uparrowsmallwhite.png) top center no-repeat; }


.slideInfo { position: absolute; left:10px; top: 10px; width: 300px; z-index:80; color: #ffffff;}

.slideInfo a:link {color: #FFFFFF; text-decoration: none; }
.slideInfo a:visited {color: #FFFFFF; text-decoration: none; }
.slideInfo a:active {color: #FFFFFF; text-decoration: none; }
.slideInfo a:hover {color: #EDEDED; text-decoration: none; }

.slideTitle { font-size:45px; font-family: MyCustomFont, Arial;
	color:#fff; margin=0px;
	overflow:hidden;
	font-smooth:always; }

.slideImg {float: left; position: absolute; top: 0px; left: 0px; z-index: 10; margin: 0px; padding: 0px; width: 960px;}




/* ------------------------------------  end new 2010 slider styles ---------------------------------*/


</Style>
