*{ margin: 0; padding: 0; }

body{ 
font: 11px Helvetica, Sans-Serif; 
background:#fff url('/images/bgShadow.png') repeat-y top center;
}

.retail_head { font-weight: 600; font-size: 130%;  font-family:helvetica, sans-serif; color: #a7a7a7; }

a { text-decoration: none; }

a:active {outline: none;}



ul { list-style: none; }

p  {font-size: 110%; color:#4d4d4d; line-height: 140%; margin-bottom: 5px; }

h1
{
  color: #5F5F5F;
  font-size: 3em;
  font-weight: normal;
  margin-bottom: 10px;
}

h2
{
  font-size: 1.6em;
}

div.logo a  {position:absolute; margin-top:50px; width:150px; height:51px; display:block; overflow: visible;}
li { text-align:center}

#mainContent ul li { text-align:left; color:#4d4d4d; font-size: 110%; margin-bottom: 5px;}

#mainContent ul { padding-bottom:15px; padding-top:3px; padding-left:0px }

#mainContent a { color:#336699 }

#mainContent a:hover { color:#336699; text-decoration:dotted }

#menuWrap {position:relative; z-index:10}

.item {float: left; margin:1px;padding: 6px 0; position:relative; width:200px; height:320px; background:#fff; text-align:center; border-style: solid;  border-width: 1px; border-color: #dedede; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 5px #c0c0c0;-webkit-box-shadow: 0 0 5px #c0c0c0;}

/*.item a {display: block; text-align: center;}*/

.item img {padding-bottom: 10px }

.item div {padding: 0; margin: 0; text-align: center;}

.item p {padding-bottom: 5px; font-weight: 600; font-size: 100% }

.item p .price {padding-bottom: 5px; font-weight: 900; font-size: 120% }

#itemPic {margin:3px;position:relative; width:400px; height:auto; background:#fff; text-align:center; border-style: solid;  border-width: 1px; border-color: #dedede; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 5px #c0c0c0;-webkit-box-shadow: 0 0 5px #c0c0c0;}

#itemDesc {margin:3px;position:relative; width:200px; height:auto; background:#fff; text-align:left;}

#itemDesc p .head {font-size:130%; line-height:110%;color: #1d1d1d;}

#itemDesc p .price {font-size:120%; line-height:110%;color: #CD7828;}

#headWrap {padding:8px;position:relative; width:auto; height:auto; background:#fff; border-style: solid;  border-width: 1px; border-color: #cdcdcd; -moz-border-radius: 5px; -webkit-border-radius: 5px;margin-bottom:5px }

#textWrap {padding:8px;position:relative; width:auto; height:auto; background:#fff; border-style: solid;  border-width: 1px; border-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#textWrap a {font-size:80%;}

#clear{clear:both;}


/* main page elements */

img	{ vertical-align: top; border-style: none; }


#page-wrap{ 
width: 960px; 
height: auto;  
border-color:#fff;  
border-width: 0px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
margin-top: 0px; 
margin-right: auto; 
margin-left: auto;   
position: relative;  
}


#header{ width: 853px;
position:relative;  
background: #fff;
margin-left: auto; 
margin-right: auto; 
}
                      
#masthead a 
{ color:#5f5f5f; text-decoration: none;}

#masthead a:hover
{ color:#ff0000; text-decoration: none;}
                      
#masthead
{  width: 275px;
height: auto;
position:relative;
float:right;
padding: 3px;
margin-bottom:20px;
margin-right:0px;
background-image: url(mastheadBG.gif);
background: #fcedc2;
font-size:11px;
border-style:none; 
border-width: 0px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
} 

#stage
{ position:relative;
width: 855px;
height:100%;
background:#fff;
border-width: 1px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
margin-top: 10px; 
margin-right: auto; 
margin-left: auto;  
padding-top: 1px; 
}


#leftBar{
position:relative; 
float:left; 
width: 230px;
height:100%; 
margin-top:20px; 
margin-bottom:10px; 
margin-left:3px; 
background:#fff
}

ul#categories_menu
{
  margin-left: 30px;
}

ul#categories_menu li
{
  list-style: none;
  font-size: 1.5em;
  text-align: left;
  line-height: 30px;
}

ul#categories_menu a:link, ul#categories_menu a:visited 
{
  color: #5F5F5F;
}

ul#categories_menu a:hover, ul#categories_menu a:active
{
  color: #D64E4B;
}

ul#categories_menu a.selected
{
  color: #D64E4B !important;
}

#mainContent{
overflow: visible;
position:relative; 
float:right;
width:620px; 
height:auto; 
background:#fff; 
margin-left:0px; 
margin-top:20px;
margin-bottom:10px;
text-align: left;
}
                      
                      
#features {
position:relative;
width: 855px;
/*height: 340px;*/
margin-top: 10px; 
margin-bottom: 10px;
margin-right: 0px; 
overflow:visible;
border-width: 0px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
background:#fff url('/images/featuresBG.png') no-repeat top center;
padding-left: 0px; 
}

#features table.infoBox {
  background: transparent url('/images/featuresBG_02.png') repeat-y top center;
  margin-top: 20px;
}

#features table.infoBox table.infoBoxContents {
  background: transparent url('/images/featuresBG_03.png') no-repeat bottom center;
  height: 310px;
  margin-top: 10px;
}
                      
#footer

{ clear: both; position:relative; 
width: 855px; height: 25px; 
background: #f4f4f4;
margin: 0 auto 5px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
}
                      
#footer ul{
margin-top:5px;
padding-left:32px;
position:relative;

list-style:none;

}


#footer ul li{
float:left;


}

#footer ul a{
padding:12px 25px;
font-size:10px;
line-height:0em;
text-decoration:none;
color:#5f5f5f;
float:left;
display:block;
background:url(images/sep.gif) no-repeat 0 4px; 
}

#footer ul a.first{
background:none;
}



#footer ul a:hover{
color:#336699;
}

#footer ul a .active{
color:#d90000;
}

/* end main page elements */


/* home page image rotator */

ul#image_rotator {
  position: relative;
  width: 855px;
  height: 300px;
  margin: 0;
  padding: 0;
}

ul#image_rotator li {
  list-style: none;
  text-align: left;
  position: absolute;
  display: none;
}

/* end home page image rotator */


/* top menu */
/*
div.men {width:80px; height:25px; top:0px; left: 0px;
background-image: url('/images/topMenu.png');background-position: 0 -32px;  }

div.men a  {width:80px; height:25px; display:block; 
background-image: url('/images/topMenu.png');
background-position: 0 -2px;}

div.men a:hover {
background-position: 0 -32px;}

div.women {width:98px; height:25px; top:0px; left: 0px;  
background-image: url('/images/topMenu.png');background-position: -81px -32px;  }

div.women a  {width:98px; height:25px; display:block; 
background-image: url('/images/topMenu.png');
background-position: -81px -2px;}

div.women a:hover {
background-position: -81px -32px;}

div.junior {width:99px; height:25px; top:0px; left: 0px; 
background-image: url('/images/topMenu.png');background-position: -178px -32px;}

div.junior a  {width:99px; height:25px; display:block; 
background-image: url('/images/topMenu.png');
background-position: -178px -2px;}

div.junior a:hover {
background-position: -178px -32px;}

div.access {width:142px; height:25px; top:0px; left: 0px;
background-image: url('/images/topMenu.png');background-position: -277px -32px;  }

div.access a  {width:142px; height:25px; display:block; 
background-image: url('/images/topMenu.png');
background-position: -277px -2px;}

div.access a:hover {
background-position: -277px -32px;}

div.custom {width:99px; height:25px; top:0px; left: 0px; 
background-image: url('/images/topMenu.png');background-position: -419px -32px;  }

div.custom a  {width:99px; height:25px; display:block; 
background-image: url('/images/topMenu.png');
background-position: -419px -2px;}

div.custom a:hover {
background-position: -419px -32px;}

div.sale {width:72px; height:25px; top:0px; left: 0px; background-image: url('/images/topMenu.png');
background-position: -518px -32px; }

div.sale a  {width:72px; height:25px; display:block; 
background-image: url('/images/topMenu.png');
background-position: -518px -2px;}

div.sale a:hover {
background-position: -518px -32px;}

div.blank {width:55px; height:25px; top:0px; left: 0px; background-image: url('/images/topMenu.png'); 
background-position: -590px -32px;}

div.blog a {width:80px; height:25px; top:0px; left: 0px; background-image: url('/images/topMenu.png'); 
background-position: -645px -32px;}

div.face a {width:130px; height:25px; top:0px; left: 0px; background-image: url('/images/topMenu.png'); 
background-position: -725px -32px;}

*/
/* end top menu */


#navbar
{
  position: relative;
  z-index: 2;
  width: 854;
  height: 26px;
  background: url('/images/topnav_bg.png') no-repeat;
}
ul#social_links
{
  float: right;
  margin-right: 8px;
}
ul#social_links li
{
  display: inline;
  margin-right: 5px;
}
#navbar table.infoBox
{
  float: left;
  width: 780px;
}


/* drop down level one*/

ul.dropdown
{ 
  position: relative;
  top: 0;
  left: 0; 
  z-index: 10;
  height: 26px;
}

ul.dropdown li
{ 
  float: left; 
  position: relative;
  height: 100%;
}

ul.dropdown li a
{
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  height: 14px;
  margin-top: 6px;
  padding: 0px 8px 0 8px;
  border-right: 2px solid #fff;
}

ul.dropdown li a:link, ul.dropdown a:visited 
{
  color: #333;
}

ul.dropdown li a:hover, ul.dropdown a:active
{ 
  color: #D64E4B;
}

/* drop down sub level */

ul.sub_menu
{ 
  width: 120px;
  visibility: hidden;
  position: absolute;
  top: 26px;
  left: 0;
}

ul.sub_menu li 
{ 
  background-image: url('/images/li-bg2.png'); 
  float: none;
}

ul.sub_menu li a
{
  text-transform: none; 
  font-weight: normal; 
  font-size: 10px; 
  display: block;
  width: 100%;
  margin: 0;
  padding: 4px 0;
  border-right: none;
  color: #000 !important;
}
ul.sub_menu li a:link, ul.sub_menu li a:visited 
{
}

ul.sub_menu li a:hover, ul.sub_menu li a:active
{ 
  background: #fff; 
  border: none;
}



/*	side menu */		

a{ text-decoration: none; }

ul{ list-style: none; }

#sideNav
{ overflow: hidden }

#sideNav li a 
{ display: block; width: 134px; height: 34px; text-indent: -999px;
background-image:  url('/images/sfVertMenu.gif');
border: none; padding: 0; }

/*	men + women static links */		  
#sideNav li a#performance
{ background-position: 0px 0px; }

#sideNav li a#bamboo
{ background-position: 0px -34px; }

#sideNav li a#cotton
{ background-position: 0px -68px; }

#sideNav li a#hats
{ background-position: 0px -102px; }

#sideNav li a#wristbands
{ background-position: 0px -136px; }

#sideNav li a#accessories
{ background-position: 0px -170px; }

/*	hover links */	

#sideNav li a#performance:hover
{ background-position: -267px 0px; }

#sideNav li a#bamboo:hover
{ background-position: -267px -34px; }

#sideNav li a#cotton:hover
{ background-position: -267px -68px; }

#sideNav li a#hats:hover
{ background-position: -267px -102px; }

#sideNav li a#wristbands:hover
{ background-position: -267px -136px; }

#sideNav li a#accessories:hover
{ background-position: -267px -170px; }

/*	active links */	

#sideNav li.active a#performance
{ background-position: -267px 0px; }

#sideNav li.active a#bamboo
{ background-position: -267px -34px; }

#sideNav li.active a#cotton
{ background-position: -267px -68px; }

#sideNav li.active a#hats
{ background-position: -267px -102px; }

#sideNav li.active a#wristbands
{ background-position: -267px -136px; }

#sideNav li.active a#accessories
{ background-position: -267px -170px; }

/*	end men + women side menu */	


/*	accessories static links */	

#accNav
{ overflow: hidden }

#accNav li a 
{ display: block; width: 134px; height: 34px; text-indent: -999px;
background-image:  url('/images/sfVertMenuAcc.gif');
border: none; padding: 0; }

#accNav li a#hats
{ background-position: 0px 0px; }

#accNav li a#bags
{ background-position: 0px -34px; }

#accNav li a#wristbands
{ background-position: 0px -68px; }

#accNav li a#bottles
{ background-position: 0px -102px; }


/*	hover links */	

#accNav li a#hats:hover
{ background-position: -267px 0px; }

#accNav li a#bags:hover
{ background-position: -267px -34px; }

#accNav li a#wristbands:hover
{ background-position: -267px -68px; }

#accNav li a#bottles:hover
{ background-position: -267px -102px; }



/*	active links */	

#accNav li.active a#hats
{ background-position: -267px 0px; }

#accNav li.active a#bags
{ background-position: -267px -34px; }

#accNav li.active a#wristbands
{ background-position: -267px -68px; }

#accNav li.active a#bottles
{ background-position: -267px -102px; }



/*	junior static links */	

#jrNav
{ overflow: hidden }

#jrNav li a 
{ display: block; width: 134px; height: 34px; text-indent: -999px;
background-image:  url('/images/sfVertMenuJr.gif');
border: none; padding: 0; }

#jrNav li a#rash
{ background-position: 0px 0px; }

#jrNav li a#rash:hover
{ background-position: -267px 0px; }

#jrNav li.active a#rash
{ background-position: -267px 0px; }


/*	custom static links */	

#cusNav
{ overflow: hidden }


#cusNav li a 
{ display: block; width: 134px; height: 34px; text-indent: -999px;
background-image:  url('/images/sfVertMenuCus.gif');
border: none; padding: 0; }

#cusNav li a#clubs
{ background-position: 0px 0px; }

#cusNav li a#clubs:hover
{ background-position: -267px 0px; }

#cusNav li.active a#clubs
{ background-position: -267px 0px; }

#cusNav li a#events
{ background-position: 0px -34px; }

#cusNav li a#events:hover
{ background-position: -267px -34px; }

#cusNav li.active a#events
{ background-position: -267px -34px; }


/*	sale static links */	



#saleNav
{ overflow: hidden }

#saleNav li a 
{ display: block; width: 134px; height: 34px; text-indent: -999px;
background-image:  url('/images/sfVertMenuSale.gif');
border: none; padding: 0; }

#saleNav li a#ten
{ background-position: 0px 0px; }

#saleNav li a#twenty
{ background-position: 0px -34px; }

#saleNav li a#wristbands
{ background-position: 0px -68px; }

#saleNav li a#bottles
{ background-position: 0px -102px; }


/*	hover links */	

#saleNav li a#ten:hover
{ background-position: -267px 0px; }

#saleNav li a#twenty:hover
{ background-position: -267px -34px; }

#saleNav li a#wristbands:hover
{ background-position: -267px -68px; }

#saleNav li a#bottles:hover
{ background-position: -267px -102px; }


#saleNav li.active a#ten
{ background-position: -267px 0px; }

#saleNav li.active a#twenty
{ background-position: -267px -34px; }


td.retailer_town 
{
  vertical-align: top;
}

td.messageStackError, td.messageStackSuccess
{
  color: #cc0000;
}

ul#retailers_list li
{
  clear: both;
  margin-bottom: 20px;
}

ul#retailers_list li ul li 
{
  float: left;
  clear: none;
  margin-right: 20px;
}

table.sfProductListing td
{
  padding: 2px;
}

.productListing-heading
{
  font-weight: bold;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #eeeeee;
}

table#login_form 
{
width: 60%;
}
table#login_form td
{
  border-right: 1px solid #ccc;
  padding: 2px 10px;
}
table#login_form td table td
{
  border: none;
}