/* Define CSS for the Document */
*
{
	margin  : 0;
	padding : 0;
}

/* Define CSS for the Body */
body
{
	background-color : #FFFFFF;
	text-align       : center;
	font             : normal 10pt Arial, sans-serif; 
	margin           : 0;
	padding-top      : 12px;
}

/* Define CSS for the Content Except Header and Footer */
#ContentWrapper
{
	margin     : 0px auto;
	width      : 758px;
	text-align : left;
}

/* Define CSS for the Header */
#Header
{
	color            : #808E9A;
	font-size        : 10px;
	width            : 100%;
	height           : 90px;
	background-color : #001C34;
	margin-bottom    : 2px;
}

/* Define CSS Class for the Header */
#HeaderLogo
{
	margin-top     : 20px;
	border         : none;
	float          : left;
	margin-left    : 0;
	padding-left   : 140px;
	vertical-align : bottom;
}

/* Define CSS Class for the Header */
#HeaderLogoSoftStyle
{
	border         : none;
	float          : left;
	margin-left    : 0;
	padding-left   : 140px;
}

/* Define CSS Class for the Header */
#HeaderLinks
{
	display        : inline;
	margin-right   : 12px;
	margin-top     : 65px;
	float          : right;
	vertical-align : bottom;
	color          : #acb2b8;
}

/* Define CSS for the Site */
#MiddleContent
{
	width             : 758px;
	margin-bottom     : 2px;	
	background-image  : url(images/fauxColumnBlue.gif);
	background-repeat : repeat-y;
	height            : 100%;
	text-align:left;
}

/* Define CSS for the Left Menu */
#Sidebar
{
	float            : left;
	width            : 143px;
	height           : 449px;
	background-color : #001C34;
}

/* Define CSS for the menu */
#Menu
{
	height : 330px;
}

/* Define CSS for the 50 Years of Casual Styles of the Left Menu */
#CasualStyle
{
	width       : 141px;
	margin-top  : 4px;
	border      : 1px solid #dadada;
}

/* Define CSS for the Designer Series of the Left Menu */
#DesignerSeries
{
	background-color : #3f3a66;
	margin-top       : 4px;
	color            : #fff;
	padding-top      : 4px;
	padding-bottom   : 10px;
	width			 : 143px;
	font-size        : 10px;
	text-align       : center;
	font-weight      : bold;
}

/* Define CSS for the table in Designer Series */
#DesignerSeriesContent
{
	text-align  : left;
	font-size   : 12px;
	font-family : Arial, Helvetica, sans-serif;
}

/* Define CSS for the Main Content of the Site */
#MainContent
{
	
	float   : right;
	height  : 100%;	
    padding : 0px;
    width   : 606px;
}

/* Define CSS for the Footer */
#Footer
{
	color            : #717074;
	margin-top       : 5px;
	clear            : both;
	width            : 100%;
	height           : 30px;
	background-color : #001C34;
	text-align       : left;
}

/* Define CSS Class for the Left Menu */
#Sidebar ul.List-Gender
{
	list-style     : none;
	margin-left    : 0;
	margin-top     : 0;
	margin-bottom  : 0em;
	padding-left   : 1em;
	padding-top    : 0;
	padding-bottom : 1em;
}

/* Define CSS Class for the Left Menu */
#Sidebar ul.List-Gender li
{
	/*padding-top : 1em;*/
	line-height : 13px;
}

/* Define CSS Class for the Left Menu */
#Sidebar ul.List-Gender li.Expanded 
{
	padding-top    : 1em;
	padding-bottom : 1em;	
}

/* Define CSS Class for the Left Menu */
#Sidebar ul.List-Gender li.AllExpanded 
{
	padding-top    : 1em;
	padding-bottom : 0em;
}

/* Define CSS Class for the Left Menu */
#Sidebar ul.List-Gender li.First
{
	padding-top : 0em;
}

/* Define CSS Class for the Left Menu */
#Sidebar ul.List-Gender a
{
	text-decoration : none;
	color           : #FFFFFF;
	font-weight     : bold;
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 9px;
}

/* Define CSS Class for the Left Menu */
#Sidebar ul.List-Gallery
{
	list-style    : none;
	margin-left   : 0;
	margin-top    : 0;
	margin-bottom : 0;
	padding-left  : 1em;
	color         : #898786;
	font-family   : Verdana, Arial, Helvetica, sans-serif;
	font-size     : 9px;
}

/* Define CSS Class for the Left Menu */
#Sidebar ul.List-Gender li ul.List-Gallery li
{
	line-height    : 13px;
	padding-top    : 0em;
	padding-bottom : 0em;
}

/* Define CSS Class for the Left Menu */
#Sidebar ul.List-Gallery a
{
	text-decoration : none;
	color           : #808E9A;
}

/* Define CSS Class for the Left Menu */
#Sidebar ul.List-Gallery li.Selected a
{
	text-decoration : none;
	color           : #4d4d4d;
	font-weight     : bold;
	font-size       : 10px;
}

/* Define CSS Class for the Left Menu */
#Sidebar ul.List-Gallery a : hover
{
	text-decoration : none;
	color           : #717074;
}

#HeaderLinks
{
	display        : inline;
	margin-right   : 12px;
	margin-top     : 65px;
	float          : right;
	vertical-align : bottom;
}

/* Define CSS Class for the Header */
#Header ul
{
	display : inline; /* needed for the IE double margin length bug */
	padding : 0px;
	color   : #acb2b8;
}

/* Define CSS Class for the Header */
img.HeaderImage
{
	border-width : 0;
	margin-left  : 12px;
	margin-top   : 12px;
	position     : absolute;
}

/* Define CSS Class for the Header */
img.HeaderImageTop
{
	border-width : 0;
	margin       : 0px;
	padding      : 0;
	position     : absolute;
    top          : 0px;
    right        : 0px;
}

/* Define CSS Class for the Header */
img.HeaderImageBottom
{
	border-width : 0;
	margin       : 0px;
	padding      : 0;
	position     : absolute;
    top          : 62px;
    right        : 83px;
}

/* Define CSS Class for the Header */
div#divswfHeaderHP
{
	border-width : 0;
	margin-left  : 11px;
	margin-top   : 9px;
}


div#divswfHeaderSoftStyle
{
	border-width : 0;
	margin-left  : 0px;
	margin-top   : 0px;
}

/* Define CSS Class for the Header */
#Header ul.List-HeaderLink
{
	margin-left : 0px;
	float       : right;
	text-align  : right;
}

#Header ul li
{
	list-style    : none;
	border-left   : 1px solid #898786;
	padding-left  : 5px;
	padding-right : 1px;
	display       : inline;
	font-weight   : bold;
	font-family   : Verdana, Arial, Helvetica, sans-serif;
	font-size     : 9px;
	font-weight   : bold;
}

/* Define CSS Class for the Header */
#Header ul li.FirstNoBullet
{
	list-style   : none;
	display      : inline;
	border-left  : none;
	padding-left : 0;
}

/* Define CSS Class for the Header */
#Header ul li a
{
	color           : #808E9A;
	text-decoration : none;
}

/* Define CSS Class for the Header */
#Header ul li a : hover
{
	text-decoration : none;
	color           : #fff;
}

/* Define CSS Class for the Footer */
#Footer ul
{
	display    : inline; /* needed for the IE double margin length bug */
	margin-top : 7px;
	padding    : 0px;
}

/* Define CSS Class for the Footer */
#Footer ul.List-FooterLink
{
	margin-left  : 12px;
	margin-right : 5px;
	float        : left;
	text-align   : left;
}

/* Define CSS Class for the Footer */
#Footer ul.List-FooterCountry
{
	margin-left  : 5px;
	margin-right : 12px;
	float        : right;
	text-align   : right;
}

/* Define CSS Class for the Footer */
#Footer ul li
{
	list-style    : none;
	border-left   : 1px solid #acb2b8;
	padding-left  : 5px;
	padding-right : 1px;
	display       : inline;
	font-family   : Verdana, Arial, Helvetica, sans-serif;
	font-size     : 9px;
}

/* Define CSS Class for the Footer */
#Footer ul li.FirstNoBullet
{
	list-style   : none;
	display      : inline;
	border-left  : none;
	padding-left : 0;
}

/* Define CSS Class for the Footer */
#Footer ul li a
{
	color           : #808E9A;
	text-decoration : none;
}

/* Define CSS Class for the Footer */
#Footer ul li a : hover
{
	text-decoration : none;
	color           : #fff;
}

.bold 
{ 
    font-weight : bold 
}

html>body .clearBoth
{
    clear : both;
}

h2.pageTitle
{
  font-weight    : bold;
  font-size      : 13pt;
  color          : #999999;
  font-family    : Verdana, Arial, Helvetica, sans-serif;
  letter-spacing : -0.5px;
  margin-top     : 0;
  
}

div.MarketingMessage
{
	float            : left;
	width            : 606;
	height           : 390;
	background-color : #FFFFFF;
}

hr.Hide
{
	display : none;
}

h1.Hide
{
	display : none;
}

div.padding5px
{
    padding : 5px;
}

div.padding15px
{
   padding-left : 15px;
}

p.ErrorText
{
	text-align   : center;
	font-size    : 9px;
	color        : #CC0000;
	font-weight  : bold;
	border       : 1px solid #CC0000;
	margin-left  : 14px;
	margin-right : 14px;
	padding      : 10px;
}

#ContentWrapper.MinHeight #MainContent
{
    height : 390px;
}

.Invisible
{
	visibility : hidden;
	position   : absolute; 
	left       : -3000px;
	top        : -3000px;
	width      : 0px; 
	height     : 0px;
}

.circleLogoHolder 
{
	position : relative;
	height   : 260px;
}

.circleLogoHolder a
{
	text-decoration : none;
}

.circleLogoHolder a:hover
{
	cursor : hand;
}

.circleLogo 
{
	background : transparent url(images/circular_logo_png.png) no-repeat;
	position   : absolute;
	left       : -162px;
	top        : -12px;
	height     : 263px;
	width      : 262px;
}

.productDetailButtonArea
{
	clear      : both;
	text-align : right;
}

.alignRight
{
	text-align : right;
}

.outofStockMessage 
{
	color   : #666666;
	padding : 0.5em 0;
	clear   : both;
}

.stockbasedHidden 
{
	display : none !important;
}