<Style>/* Default CSS Stylesheet for a new Web Application project */{}




/* this style is only for the front page */
/* ContentCell has no background color here so front page can be transparent*/

#SearchTemplate11_DataGrid1 {border: 0px;}

.PageTable {
background: #ffffff;
}

.PagerStyle {
color: #000;
background: #ccc;
border: 1px #000;
padding: 15px;
line-height:20px;
}


.PagerStyle a:link {font-family: arial; color: #000; text-decoration: none; font-weight: bold; border:1px #909090;}
.PagerStyle a:visited {font-family: arial; color: #000; text-decoration: none; font-weight: bold; border:1px #909090;}
.PagerStyle a:active {font-family: arial; color: #000; text-decoration: none; font-weight: bold; border:1px #909090;}
.PagerStyle a:hover {font-family: arial; color: #fff; background: #909090; text-decoration: none; font-weight: bold; border:1px #909090;}
.PagerStyle span a:hover {font-family: arial; color: #fff; background: #909090; text-decoration: none; font-weight: bold; border:1px #909090;}


.toplogo {
padding-left:10px;
padding-right:10px;
}

/* ----------------- TYPE STYLES ------------------------------*/

.moreInfo {
background: #000000;
color: #ffffff;
}

.moreInfo a:link {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.moreInfo a:visited {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.moreInfo a:active {font-family: arial; color: #FFFFFF; text-decoration: none; font-weight: bold;}
.moreInfo a:hover {font-family: arial; color: #ECECEC; background: #777777; text-decoration: none; font-weight: bold;}


.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;}

.tBlack a:link {font-family: arial; color: #000; text-decoration: none; font-weight: bold;}
.tBlack a:visited {font-family: arial; color: #000; text-decoration: none; font-weight: bold;}
.tBlack a:active {font-family: arial; color: #000; text-decoration: none; font-weight: bold;}
.tBlack a:hover {font-family: arial; color: #474747; text-decoration: none; font-weight: bold;}

.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;}


.searchPages {
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
font-size:10pt; 
letter-spacing:0px;
margin: 0;
padding: 5;
color: #000;
border-bottom: 1px;
}
.searchPages a:link {font-family: arial; color: #000000; text-decoration: none; font-weight: bold;}
.searchPages a:visited {font-family: arial; color: #000000; text-decoration: none; font-weight: bold;}
.searchPages a:active {font-family: arial; color: #000000; text-decoration: none; font-weight: bold;}
.searchPages a:hover {font-family: arial; color: #ffffff; bgcolor: #000000; text-decoration: none; font-weight: bold;}



/* ----------------- END TYPE STYLES ------------------------------*/




/* ------------------ GENERAL PAGE SECTIONS ------------------ */

.GeneralPage
{
background-color: #000000; /* Background Color */
background: #000000 url(images/10-layout/2010-new-background4.jpg);
background-repeat:no-repeat;
background-position: center top;
margin-bottom: 0px; /* Margins */
margin-left: 0px; /* Margins */
margin-right: 0px; /* Margins */
margin-top: 0px; /* Margins */
}

.GeneralTable
{
}

p {
  margin-top: 1em;
  margin-bottom: 1em;
}

.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: arial; /* 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: arial; /* 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 */
}

#free-shipping {
font-family: arial; /* Font Face */
height:35px;
width:960px;
color: #fff;
background: #000000;
font-size:1.3em;
text-align: Center;
font-weight: Bold;
padding-top:5px;
}

#free-shipping a:link {color: #f9df33; text-decoration: none;}
#free-shipping a:visited {color: #f9df33; text-decoration: none;}
#free-shipping a:active {color: #f9df33; text-decoration: none;}
#free-shipping a:hover {color: #e9d23b; text-decoration: none;}



.LeftColumn
{
font-family: arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: #cccccc; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background: url(../images/11-layout/left-nav-back.jpg) repeat-y #525252; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 180px;
border-right: 0px solid #000000;
padding: 5px;
}



.LeftColumnText
{
font-family: arial; /* 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: 180px;}


/* LeftColumnNav Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#LeftColumnCell {vertical-align:top; height:600px;}
#LeftColumnNav1_custommenu, #LeftColumnNav1_custommenu td {height:100%; vertical-align:top;}
#LeftColumnNav1_CMenubar2_dlMenu {}
#LeftColumnNav1_SimpleSearch1_Panel1 {margin: 0; padding: 0; float:none;}



.RightColumn
{
font-family: arial; /* 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: arial; /* 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: arial; /* 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: arial; /* 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;
position: absolute;
right: 0px;
font-weight: bold;
color: #ffffff;
font: bold 11px/26px Arial, sans-serif;
padding-right: 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;}

#facebookBox {
text-align: left;
position: absolute;
left: 170px;
top: 0px;
padding-right: 10px;
z-index:9999;
}


#topSubMenuSearch {
text-align: right;
position: absolute;
right: 0px;
top: 47px;
font-weight: bold;
color: #000000;
font: bold 11px/26px Arial, sans-serif;
margin-right:10px;
height: 30px;
display: block;
vertical-align: middle;
}

#topSubMenuSignIn {
position: absolute;
left: 171px;
top: 47px;
width:550px;
height: 30px;
font-weight: bold;
color: #000000;
font: bold 11px/26px Arial, sans-serif;
padding: 0px;
margin: 0 10 0 0;
display: block;
vertical-align: middle;
}

#top_header_cells {
width: 890px;
height: 200px;
}



#txtSimpleSearch{
height: 20px;
}


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: arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: #000; /* 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: arial; /* 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 color */
text-align: Left; /* Align Text */

}

#ContentCell {
background: #fff;
padding:10px;
}


.Content-small
{
font-family: arial; /* 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: arial; /* 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: #cccccc; /* 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 */
}

#ShippingTableHeader
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Heading Font Size */
color: #cccccc; /* 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
{
border:0;
background-color: #626262;
}

#ShippingTable
{
border:10;
}

#ContentTableHorizontal
{
background-color: #626262;
}

#ShippingTableHorizontal
{
background-color: #626262;
}

/* Custom CSS Document for 
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* Global Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1 {font:12px 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; 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;}




/* RightColumnNav Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#RightColumnCell {}

/* Footer Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#FooterCell {}

/* Default Page Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* TopSubBanner Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#TopSubBannerCell { text-align:left; z-index:200; padding-bottom: 10px; }
#TopSubBanner1_SimpleSearch1_Panel1 {margin: 0; padding:0 0 0 0px; float:none;}

/* Search & Cart Control Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#cartwrap {margin: 0; padding: 0;}

/* Price 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.price { font-family: Arial; font-weight: bold; color:#333333; font-size:18px;}
.td.price {padding: 8px;}



/* SEarchpage
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.searchpage {vertical-align:top; padding:2 ; border:0px;}
.td.searchpage { border-right:0px solid #ccc; }
.tr.searchpage { border-bottom:0px solid #ccc; }
.tr.DescSpace  { border-bottom:0px solid #ccc;}
.ImageSpace {padding: 4px;}
.DetailSpace { border-left:0px solid #ccc;}



/* START horizontal menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	border: 0;
	padding: 0px;
	width: 840px; /*For KHTML*/
  list-style: none;
  height: 28px;
	z-index: 100000;
	letter-spacing: -0.01em;
	font-size: .5em;
	display: block;
	font-weight: bold;
	color: #fff;
	
	}

ul#navmenu li {
  margin: 0;
  text-align: left;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 28px;
	z-index: 100;
	}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 28px;
	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 5 2 5;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
	font: bold 11px/26px Arial, sans-serif;
  text-decoration: none;
  letter-spacing: -0.01em;
	color: #fff;
  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 {
  color: #F9E819;
	}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
	
  background: #000;
	color: #fff;
	padding-bottom: 1px;
  border-bottom: 1px solid #474747;
	
}

/* 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: #404040;
  color: #F9E819;
	padding-bottom: 1px;
  border-bottom: 1px solid #474747;
	
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #343434;
  color: #fff;
  padding-bottom: 1px;
  border-bottom: 1px solid #474747;
}

/* 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: #404040;
  color: #F9E819;
  padding-bottom: 1px;
  border-bottom: 1px solid #474747;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #000;
  color: #fff;
  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: #343434;
  color: #F9E819;
  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
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* START Footer 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;


}

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: 0px;
}

.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;
 }


 #footer-wrap {
 width: 100%;
 	background:url(../images/10-layout/footer-block-back.jpg) bottom repeat-x;
	left:0px;
	position:absolute;
}

/* END Footer Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/




/* Custom CSS Document for 
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/


/* new styles for 09 */
.Bigwrapper {
    
    margin: 0 auto;
		height: auto;
		padding: 0px;
		
}

#wrapper {
    width: 960px;
    bottom-margin: 10px ;
		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: #ffffff;
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: Arial;
font-size: 8pt; 
color: #ffffff; 
font-weight: Normal; 
font-style: normal; 
text-decoration: none; 
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;
}

.footer09b {
margin-left: auto;
margin-right: auto;
width: 960px;
margin-top: 10px;
}

.footer09 {
width: 960px;
padding: 0px;
position: relative;
margin-left: auto;
margin-right: auto;
color: #ffffff; 
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;
	
}



 
/* 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;

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-wrapper { 
position: relative;
float: left;
margin: 10px; 
width:220px; 
z-index: 3;
text-align: left;
}

div.item-box-wrapper-wide { 
position: relative;
float: left;
margin: 10px; 
width:460px; 
z-index: 3;
text-align: left;
}

div.item-box-wrapper2 { 
position: relative;
float: left;
margin: 10px; 
width:460px; 
z-index: 3;
text-align: left;
vertical-align: baseline;
}

div.item-box-wrapper3 { 
position: relative;
float: left;
margin: 10px; 
width:940px; 
z-index: 3;
text-align: left;
}


div.item-box { 
position: relative;
float: left; 
width:210px; 
height: 230px;
background-color:#ffffff; 
padding: 5px;
z-index: 3;
text-align: left;
}

div.item-box-wide { 
position: relative;
float: left; 
width:450px; 
height: 150px;
background-color:#ffffff; 
padding: 5px;
z-index: 3;
text-align: left;
}

div.item-box-footer { 
position: relative;
float: left; 
width:210px; 
height: 200px;
padding: 0px;
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.item-box4 { 
position: relative;
float: left; 
width: 940px; 
height: 175px;
background-color:#ffffff; 
z-index: 3;
text-align: center;
}

div.item-box-prod {
position: relative;
float: left; 
width:100px; 
background-color:#fff; 
margin: 10px;
z-index: 3;
text-align: left;
}

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: arial;
}

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: relative;
top: 0px;
left: 0px;
color: #000000;
font-size: 11px;
font-family: arial;
text-align: left;
z-index: 50;
margin-top: 5px;
padding: 0px;
}

.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: #000000; text-decoration: none;}
.itemblurb2 a:visited {color: #000000; text-decoration: none;}
.itemblurb2 a:active {color: #000000; text-decoration: none;}
.itemblurb2 a:hover {color: #474747; text-decoration: none;}





.footerblurb 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;
}

.footerblurb a:link {color: #ffffff; text-decoration: none;}
.footerblurb a:visited {color: #ffffff; text-decoration: none;}
.footerblurb a:active {color: #ffffff; text-decoration: none;}
.footerblurb 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: 725px;
	background: url('images/10-layout/black-50.png');
	z-index:1;
	border-top: 10px solid #ffffff;
	
	}		 

.WCtop {
position: relative;
top:15px;
width: 960px;
}

.WCmiddle {
position: relative;
top:15px;
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: 10px auto; position: relative; min-height: 300px;
											   }


/*
	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 ---------------------------------*/


/* ------------------------- new header 11-12 styles -----------------------------*/

#top_header_wrap {
width: 960px;
/* --- background: url(images/12-layout/header-back-bk.png); --*/
height: 117px;
padding: 0px;
margin: 0px;
position: relative;
display: block;
z-index: 9999999;
}

#top_header_cells {
position: relative;
}

#sub_banner_menu {
position: absolute;
top: 80px;
z-index:9999999;
display: block;
background: url(../images/11-layout/sub-menu-back1112.jpg);
width:940px;
margin-left: 10px;
height:28px;
}

#topSubMenuLogo {
position: absolute;
top: 0px;
left: 0px;
}

#topSubMenuMSG {
position: absolute;
top: 0px;
left: 370px;
}

.topSubMenuMSGtop {
font-size: 1.55em;
font-style: normal;
font-family: arial;
font-weight: bold;
letter-spacing:-0.1em;
text-decoration: none;
}

.topSubMenuMSGbottom {
font-size: .75em;
display: block;
}

.print-style {
display:table; 
width:352px; 
height:95px; 
padding:5px; 
background: 
url(../images/styles/print-style-back.jpg); 
border:0px;
}

</Style>

