﻿body
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
	background: #ffffff url('/images/site_bg.png') repeat-y center top;
    text-align: center;
}

p
{
    padding: 0px 0px 15px 0px;
    margin: 0px;
}

ul
{
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 15px;
}

a
{
    color: #666666;
    text-decoration: underline;
    font-size: 12px;
    font-weight: normal;
    outline: none;
}

a:hover
{
    color: #000000;
}

.spacer
{
    line-height: 1px;
    font-size: 1px;
}

input, textarea, select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
}

td
{
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#wrapper
{
    width: 925px;
    height: 100%;
    position: relative;
    margin: 0 auto;
    text-align: left;
}

.header
{
    margin: 0px;
    padding: 0px;
    width: 925px;
    height: 195px;
    background-color: #ffffff;
}

.header .topLeft 
{
    float: left;
    margin: 5px 0px;
    font-size: 11px;
    color: #000000;
}

.header .topLeft ul 
{ 
	float:left; 
	list-style:none; 
	padding:0;
	margin: 0px 0px 0px 5px;
}
.header .topLeft ul li 
{ 
	display:inline; 
	list-style:none; 
	margin:0; 
	padding:0; 
}
.header .topLeft ul li a 
{ 
	display:block; 
	float:left; 
	height:11px; 
	font-size: 8px;
	text-indent:-9999px; 
	background:url(../images/menu_top_left.jpg);
}

.header .topLeft ul li a.email 
{ 
	width:85px; 
	background-position:0 0; 
}
.header .topLeft ul li a.reviews 
{ 
	width:59px; 
	background-position:-145px 0;
}

.header .topLeft ul li a.email:hover
{ 
	width:85px; 
	background-position:0 -13px;
}
.header .topLeft ul li a.reviews:hover
{ 
	width:59px; 
	background-position:-145px -13px;
}

/* ShareThis custom classes */
.st_sharethis_custom
{
	display:block; 
	float:left; 
	width: 60px;
	height:11px; 
	text-indent:-9999px; 
	background: url(../images/menu_top_left.jpg) no-repeat scroll -85px 0px transparent; 
    padding:0px;
    cursor: pointer;
}

.st_sharethis_custom:hover
{
	background-position:-85px -13px;
}

.header .topLeft ul li a span 
{ 
	display:block; 
}

.header .topRight
{
    float: right;
    margin: 5px;
    font-size: 11px;
    color: #000000;
    display: inherit;
}

.header .topRight ul 
{ 
	float:right; 
	list-style:none; 
	padding:0;
}
.header .topRight ul li  
{
	display:inline; 
	list-style:none;
	margin:0; 
	padding:0; 
}
.header .topRight ul li a  
{
	display:block; 
	float:left; 
	height:25px; 
	text-indent:-5000px; 
	background:url(../images/menu_top_right.jpg);
}

.header .topRight ul img.fans  
{
	border: 0; 
	float:left;
	margin-right:10px;
}

.header .topRight ul li a.facebook  
{
	width:26px; 
	background-position:0 0;
}
.header .topRight ul li a.twitter  
{
	width:26px; 
	background-position:-26px 0;
}
.header .topRight ul li a.youtube  
{
	width:61px; 
	background-position:-52px 0; 
}

.header .topRight ul li a.facebook:hover 
{
	width:26px; 
	background-position:0 -27px; 
}
.header .topRight ul li a.twitter:hover 
{
	width:26px; 
	background-position:-26px -27px; 
}
.header .topRight ul li a.youtube:hover 
{
	width:61px; 
	background-position:-52px -27px; 
}

.header .topRight ul li a span  
{
	display:block; 
}

.header .logo
{
    clear: both;
    width: inherit;
    text-align: center;
    margin: 0 auto;
}

.header .menu 
{
    margin-top: 20px;
}

.header .menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.header .menu ul li 
{ 
	display: inline; 
}

.header .menu ul li a
{
	text-decoration: none;
	padding: .2em 1em;
	color: #666;
	background-color: #fff;
}

.header .menu  ul li a:hover
{
	color: #000;
	background-color: #fff;
}

.header .menu ul li a.on
{
	text-decoration: none;
	padding: .2em 1em;
	color: #000;
	background-color: #fff;
}

.header .menu  ul li a.on:hover
{
	color: #000;
	background-color: #fff;
}

.content
{
    position: relative;
    width: 925px;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
}

.footer
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 905px;
    height: 190px;
    margin: 0 auto;
    padding: 0px;
    color: #000000;
    text-align:center;    
    background:#f8f7f3;
}

.footer hr
{
    color: #cccccc;
    background-color: #cccccc;
    height:1px;
    border:none;
}

.footer .copyright
{
    position: absolute;
    left: 275px;
    top: 165px;
    margin: 0 auto;
    font-size: 11px;
    color: #888888;
}

.footer .copyright a,
.footer .copyright a:hover
{
    font-size: 11px;
    color: #888888;
    text-decoration: none;
}

.footer .copyright a:hover
{
    color: #666666;
}

.footer .menu 
{
    margin-top: 20px;
}

.footer .menu ul
{
    padding: 0px 20px 0px 20px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.footer .menu ul li 
{ 
	display: inline;
	line-height: 22px;
}

.footer .menu ul li a
{
	font-size:12px;
	text-decoration: none;
	padding: 10px 5px;
	color: #333;
}

.footer .menu  ul li a:hover
{
	color: #000;
}

.footer .txtFooter
{
	width:80%;
	color:#888888;
	margin:0 auto;
	font-size:12px;
}

.footer .txtFooter a,
.footer .txtFooter a:hover
{
    font-size: 12px;
    color: #888888;
    text-decoration: underline;
}

.footer .txtFooter a:hover
{
    color: #666666;
}

h1
{
    padding: 0px;
    margin: 0px;
    width: 905px;
    height: 100px;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    text-indent: -5000px;
}

h2
{
    float: left;
    padding: 0px;
    margin: 0px;
    width: 610px;
    height: 100px;
    color: #000000;
    font-weight: normal;
    font-size: 8px;
    line-height: 8px;
    text-indent: -5000px;
	background:url(/images/sub_header_general.png) no-repeat left top;
}

h3
{
    float: left;
    padding: 0px;
    margin: 0px;
    width: 295px;
    height: 100px;
    color: #000000;
    font-weight: normal;
    font-size: 8px;
    line-height: 8px;
    text-indent: -5000px;
}

.validationField
{
    position: absolute;
    margin: 2px 0px;
    padding: 0px 0px 0px 12px;
    color: #910000;
    font-size: 9px;
    font-weight: bold;
    background: url('/images/validation_arrow.png') no-repeat left center;
    text-transform: uppercase;
}

.messageConfirmation
{
    font-size: 14px;
    color: #997e57;
    font-weight: normal;
}

.messageConfirmation a,
.messageConfirmation a:hover
{
    color: #997e57;
    text-decoration: underline;
    font-size: 14px;
    font-weight: bold;
    outline: none;
}

.messageConfirmation a:hover
{
    color: #72552b;
}

/* --------------------------- */
/* Home                        */
/* --------------------------- */

#homeTopContainer
{
    position: relative;
	width:905px;
	margin: 0 auto;
	min-height: 40px;
}

#homeSlideContainer
{
    position: relative;
    display: none;
	width:905px;
	height:485px;
	margin: 0 auto;
	overflow: hidden;
}

.bannerSlider
{
    position: relative;
	width:905px;
	margin: 0 auto;
}

#homeBanner
{
    display: none;
    z-index: 1;
}

#homeBannerNav
{
    position: absolute;
    right: 15px;
    top: 367px;
    z-index: 2;
}

#homeBannerNav a,
#homeBannerNav a.activeSlide
{
    display: block;
    float: left; 
    font-size: 12px;
    text-decoration: none;
    width: 14px;
    height: 12px;
    line-height: 12px;
	text-indent: -9999px; 
    background: url('/images/slide_show_pager.png') no-repeat 0px 0px;
}

#homeBannerNav a.activeSlide
{
    background-position: 0px -12px;
}

#homeBannerNav a:focus
{
    outline: none;
}

#homeTopContainer a.close,
#homeTopContainer a.close:hover
{
    position: absolute;
    top: 6px;
    right: 6px;
    display: none;
    font-size: 8px;
    width: 53px;
    height: 15px;
	text-indent: -9999px;
    background: url('/images/banner_buttons.png') no-repeat 0px 0px;
    z-index: 3;
}
#homeTopContainer a.close:hover
{
    background-position: 0px -15px;
}

#homeTopContainer a.open,
#homeTopContainer a.open:hover
{
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
    font-size: 8px;
    width: 53px;
    height: 15px;
	text-indent: -9999px;
    background: url('/images/banner_buttons.png') no-repeat 0px -30px;
    z-index: 3;
}
#homeTopContainer a.open:hover
{
    background-position: 0px -45px;
}

#homeTopContainer #openDivider
{
    position: absolute;
    top: 25px;
    left: 0px;
    display: block;
    font-size: 1px;
    line-height:1px;
    width: 905px;
    height: 5px;
    background-color: #f8f7f3;
    z-index: 3;
}

#brandSlider
{
   display: none;
}
 
.logoSlider
{
    padding: 9px 0px;
    width:905px;
    height:81px;
    margin:0 auto;
}

#homeContentCells
{
	width:905px;
	margin: 0 auto;
}

#homeContentCells .cellCover
{
    filter: alpha(opacity=55);
    opacity: 0.55;
}

#homeContentCells .cell1
{
	position: relative;
	width:285px;
	height:285px;
	float:left;
	border:5px solid #f8f7f3;
	overflow:hidden;
}

#homeContentCells .cell1 .image1, #homeContentCells .cell2 .image2, #homeContentCells .cell3 .image3, #homeContentCells .cell4 .image4,
#homeContentCells .cell5 .image5, #homeContentCells .cell6 .image6, #homeContentCells .cell7 .image7, #homeContentCells .cell8 .image8,
#homeContentCells .cell9 .image9, #homeContentCells .cell10 .image10, #homeContentCells .cell11 .image11, #homeContentCells .cell12 .image12
{
}

#homeContentCells .cell1 .caption1, #homeContentCells .cell2 .caption2, #homeContentCells .cell3 .caption3, #homeContentCells .cell4 .caption4,
#homeContentCells .cell5 .caption5, #homeContentCells .cell6 .caption6, #homeContentCells .cell7 .caption7, #homeContentCells .cell8 .caption8,
#homeContentCells .cell9 .caption9, #homeContentCells .cell10 .caption10, #homeContentCells .cell11 .caption11, #homeContentCells .cell12 .caption12
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 1px 2px 1px 2px;
	background-color: #666666;
	color: #ffffff;
    font-size: 15px;
    font-weight: normal;
    font-style: italic;
    display: block;
}

#homeContentCells .cell1 a.maskLink
{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
	width: 285px;
	height: 285px;
	text-decoration: none;
	background: url(../images/transparent.png) no-repeat;
}

#homeContentCells .cell2
{
	position: relative;
	width:285px;
	height:132px;
	border:5px solid #f8f7f3;
	margin-left:10px;
	overflow:hidden;
}

#homeContentCells .cell2 a.maskLink
{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
	width: 285px;
	height: 132px;
	text-decoration: none;
	background: url(../images/transparent.png) no-repeat;
}

#homeContentCells .cell3
{
	position: relative;
	width:285px;
	height:132px;
	border:5px solid #f8f7f3;
	margin-left:10px;
	margin-top:10px;
	overflow:hidden;
}

#homeContentCells .cell3 a.maskLink
{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
	width: 285px;
	height: 132px;
	text-decoration: none;
	background: url(../images/transparent.png) no-repeat;
}

#homeContentCells .cell4
{
	position: relative;
	float:left;
	width:132px;
	height:285px;
	border:5px solid #f8f7f3;
	margin-left:10px;
	overflow:hidden;
}

#homeContentCells .cell4 a.maskLink
{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
	width: 132px;
	height: 285px;
	text-decoration: none;
	background: url(../images/transparent.png) no-repeat;
}

#homeContentCells .cell5
{
	position: relative;
	float:left;
	width:133px;
	height:285px;
	border:5px solid #f8f7f3;
	margin-left:10px;
	overflow:hidden;
}

#homeContentCells .cell5 a.maskLink
{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
	width: 133px;
	height: 285px;
	text-decoration: none;
	background: url(../images/transparent.png) no-repeat;
}

#homeContentCells .cell6
{
	position: relative;
	float:left;
	width:132px;
	height:132px;
	border:5px solid #f8f7f3;
	margin-top:10px;
	overflow:hidden;
	
}

#homeContentCells .cell6 a.maskLink,
#homeContentCells .cell7 a.maskLink
{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
	width: 132px;
	height: 132px;
	text-decoration: none;
	background: url(../images/transparent.png) no-repeat;
}

#homeContentCells .cell7
{
	position: relative;
	float:left;
	width:133px;
	height:132px;
	border:5px solid #f8f7f3;
	margin-left:10px;
	margin-top:10px;
	overflow:hidden;
}

#homeContentCells .cell8
{
	position: relative;
	float:left;
	width:285px;
	height:133px;
	border:5px solid #f8f7f3;
	margin-top:10px;
	overflow:hidden;
}

#homeContentCells .cell8 a.maskLink
{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
	width: 285px;
	height: 133px;
	text-decoration: none;
	background: url(../images/transparent.png) no-repeat;
}

#homeContentCells .cell9
{
	position: relative;
	float:left;
	width:285px;
	height:285px;
	border:5px solid #f8f7f3;
	margin-left:10px;
	margin-top:10px;
	overflow:hidden;
}

#homeContentCells .cell9 a.maskLink
{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
	width: 285px;
	height: 285px;
	text-decoration: none;
	background: url(../images/transparent.png) no-repeat;
}

#homeContentCells .cell10
{
	position: relative;
	width:132px;
	height:132px;
	border:5px solid #f8f7f3;
	margin-left:10px;
	margin-top:10px;
	overflow:hidden;
}

#homeContentCells .cell10 a.maskLink
{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
	width: 132px;
	height: 132px;
	text-decoration: none;
	background: url(../images/transparent.png) no-repeat;
}

#homeContentCells .cell11
{
	position: relative;
	width:132px;
	height:133px;
	border:5px solid #f8f7f3;
	margin-left:10px;
	margin-top:10px;
	overflow:hidden;
}

#homeContentCells .cell11 a.maskLink
{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
	width: 132px;
	height: 133px;
	text-decoration: none;
	background: url(../images/transparent.png) no-repeat;
}

#homeContentCells .cell12
{
	position: relative;
	float:left;
	width:133px;
	height:285px;
	border:5px solid #f8f7f3;
	margin-left:10px;
	margin-top:10px;
	overflow:hidden;
	margin-bottom:10px;
}

#homeContentCells .cell12 a.maskLink
{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
	width: 133px;
	height: 285px;
	text-decoration: none;
	background: url(../images/transparent.png) no-repeat;
}

/* ------------------------------- */
/* Trends / New Arrivals / Shoes   */
/* ------------------------------- */

#trends,
#newArrivals,
#shoes
{
	width:915px;
	padding: 0px 0px 0px 10px;
	margin:0 auto;
}

#trends h1
{
	background:url(../images/header_trends.jpg) no-repeat;
}

#newArrivals h1
{
	background:url(../images/header_newarrivals.jpg) no-repeat;
}

#shoes h1
{
	background:url(../images/header_shoes.jpg) no-repeat;
}

#trends h2,
#newArrivals h2,
#shoes h2
{
    text-indent: 0px;
}

#trends h3
{
	background:url(../images/callout_trends.png) no-repeat;
}

#newArrivals h3
{
	background:url(../images/callout_newarrivals.png) no-repeat;
}

#shoes h3
{
    position: relative;
	background:url(../images/callout_shoes.png) no-repeat;
}

#trends .section,
#newArrivals .section,
#shoes .section
{
    margin: 0px;
}

#trends .section .titlebar,
#newArrivals .section .titlebar,
#shoes .section .titlebar
{
	width: 905px;
	height: 30px;
	background: url(../images/title_bar.png) no-repeat 0px 0px;
	line-height: 30px;
}

#trends .section .titlebar img,
#newArrivals .section .titlebar img,
#shoes .section .titlebar img
{
	margin: 5px 0px 0px 20px;
}

#trends .trendItem,
#newArrivals .newArrivalItem,
#shoes .shoeItem
{
    position: relative;
	width: 295px;
	height: 395px;
	overflow: hidden;
	background-color: #f8f7f3;
}

#trends .trendItem .trendImage,
#newArrivals .newArrivalItem .newArrivalImage,
#shoes .shoeItem .shoeImage
{
    position: absolute;
	width: 295px;
	height: 395px;
}

#trends .trendItem .trendDesc,
#newArrivals .newArrivalItem .newArrivalDesc,
#shoes .shoeItem .shoeDesc
{
    position: absolute;
    bottom: 0px;
    padding: 0px 10px 0px 10px;
	width: 275px;
	background-color: #000000;
	color: #ffffff;
    font-size: 11px;
	line-height: 15px;
    filter: alpha(opacity=65);
    opacity: 0.65;
    display: none;
}

#trends .trendItem .trendDesc h4,
#newArrivals .newArrivalItem .newArrivalDesc h4,
#shoes .shoeItem .shoeDesc h4
{
    padding: 10px 0px 6px 0px;
    margin: 0px;
    color: #ffffff;
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
}

#trends .trendItem a.maskLink,
#newArrivals .newArrivalItem a.maskLink,
#shoes .shoeItem a.maskLink
{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
	width: 295px;
	height: 395px;
	text-decoration: none;
	background: url(../images/transparent.png) no-repeat;
}

table.newArrivalTable,
table.trendTable,
table.shoeTable
{
}

table.newArrivalTable td,
table.trendTable td,
table.shoeTable td
{
    width: 305px;
    height: 405px;
}

a#shoeInventoryLink,
a#shoeInventoryLink:hover
{
    display: block;
    position: fixed;
    left: 0;
    top: 195px;
    width: 38px;
    height: 200px;
	text-indent:-5000px; 
	text-decoration: none;
    z-index: 10;
    background:url(../images/view_shoe_inventory.png) no-repeat;
}

a#shoeInventoryLink:hover
{
    background-position: left bottom;
}

/* --------------------------- */
/* Events                      */
/* --------------------------- */

#events
{
    position: relative;
	width:905px;
	margin:0 auto;
}

#events h1
{
	background:url(../images/header_events.jpg) no-repeat;
}

#events h3
{
	background:url(../images/callout_events.png) no-repeat;
}

#events #eventsHeadContainer,
#events #eventsContainer
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 447px;
    overflow: hidden;
    display: block;
}

#events #whereIsFayeHeadContainer,
#events #whereIsFayeContainer
{
    position: absolute;
    left: 458px;
    top: 0px;
    width: 447px;
    overflow: hidden;
    display: block;
}

#events #whereIsFayeContainer
{
    top: 40px;
}

#events .eventItemHeader,
#events .whereIsFayeItemHeader
{
    width: 600px;
    overflow: hidden;
}

#events .eventItem,
#events .whereIsFayeItem
{
    margin: 0px;
}

#events .eventItemHeader .titlebar,
#events .eventItem .titlebar,
#events .eventItem .titlebarBlank,
#events .whereIsFayeItemHeader .titlebar,
#events .whereIsFayeItem .titlebar,
#events .whereIsFayeItem .titlebarBlank
{
	width: 600px;
	height: 30px;
	line-height: 30px;
	background:url(../images/title_bar_dark.png) no-repeat 0px -30px;
	overflow: hidden;
}

#events .titlebar
{
	cursor: hand;
	cursor: pointer;
}

#events .eventItemHeader .titlebar
{
	background:url(../images/title_bar_dark.png) no-repeat 0px 0px;
}

#events .eventItem .titlebarBlank
{
	background:url(../images/title_bar_dark.png) no-repeat 0px -60px;
}

#events .whereIsFayeItemHeader .titlebar
{
	background:url(../images/title_bar.png) no-repeat 0px 0px;
}

#events .whereIsFayeItem .titlebar
{
	background:url(../images/title_bar.png) no-repeat 0px -30px;
}

#events .whereIsFayeItem .titlebarBlank
{
	background:url(../images/title_bar.png) no-repeat 0px -60px;
}

#events .eventItem .active,
#events .whereIsFayeItem .active
{
    background-position: 0px 0px;
}

#events .titlebar img
{
	margin: 5px 0px 0px 20px;
}

#events .content
{
	width: 560px;
	padding: 0px 30px 0px 20px;
	display: none;
}

#events .content p
{
	padding: 0px 0px 15px 0px;
	line-height: 19px;
}

#events .content .contentText
{
	line-height: 19px;
}

#events .content a.itemLink,
#events .content a.itemLink:hover
{
    text-decoration: none;
    outline: none;
}

#events .content a.itemLink:hover
{
    color: #000000;
}

#events .eventImage
{
	margin: 0px;
}

/* --------------------------- */
/* Brands                      */
/* --------------------------- */

#brands
{
    position: relative;
	width:905px;
	margin:0 auto;
}

#brands h1
{
	background:url(../images/header_brands.jpg) no-repeat;
}

#brands h3
{
	background:url(../images/callout_brands.png) no-repeat;
}

#brands #brandsContainer
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 600px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    display: block;
}

#brands #brandLogosContainer
{
    position: absolute;
    left: 702px;
    top: 0px;
    width: 120px;
    overflow: hidden;
    display: block;
}

#brands .brandItem
{
    margin: 0px;
}

#brands .brandItem .titlebar
{
	width: 600px;
	height: 30px;
	line-height: 30px;
	background:url(../images/title_bar.png) no-repeat 0px -30px;
	overflow: hidden;
}

#brands .titlebar
{
	cursor: hand;
	cursor: pointer;
}

#brands .brandItem .active
{
    background-position: 0px 0px;
}

#brands .titlebar img
{
	margin: 5px 0px 0px 20px;
}

#brands .content
{
	width: 560px;
	padding: 0px 30px 0px 20px;
	display: none;
}

#brands .content p
{
	padding: 0px 0px 15px 0px;
	line-height: 19px;
}

#brands .content .contentText
{
	line-height: 19px;
	width: 280px;
}

#brands .logoSlider
{
    padding: 0px;
	width: 100px;
	height: 100%;
}

/* --------------------------- */
/* Blog                        */
/* --------------------------- */

#blog
{
	width:915px;
	padding: 0px 0px 0px 10px;
	margin:0 auto;
}

#blog h1
{
	background:url(../images/header_blog.jpg) no-repeat;
}

#blog h2
{
    background:url(../images/sub_header_blog.png) no-repeat;
}

#blog h3
{
    position: relative;
    text-indent: 0px;
	background:url(../images/callout_blog.png) no-repeat;
}

#blog h3 a
{
    position: absolute;
    left: 231px;
    top: 40px;
    display: block;
    width: 19px;
    height: 19px;
}

#blog h4
{
    margin: 0px;
    padding: 0px 0px 7px 0px;
    color: #000000;
    font-weight: normal;
    font-size: 10px;
    line-height: 10px;
}

#blog .section
{
    margin: 0px;
}

#blog .section .titlebar
{
    width: 600px;
    height: 30px;
    background: url(../images/title_bar.png) no-repeat 0px 0px;
	line-height: 30px;
}

#blog .section .titlebar img
{
	margin: 5px 0px 0px 20px;
}

#blog .section p
{
	padding: 0px 0px 15px 0px;
	line-height: 17px;
}

#blog .screenname
{
    color:#997e57;
    font-weight:bold;
}

#blog a.lnkBack,
#blog a.lnkBack:hover
{
    color: #967c56;
    text-decoration: none;
    font-size: 12px;
}
#blog a.lnkBack:hover
{
    color: #72562d;
}

#blog a.lnkAddComment,
#blog a.lnkAddComment:hover
{
    color: #666666;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

#blog .viewing
{
	padding: 0px;
	margin: 0px 0px 0px 4px;
	font-style: italic;
	line-height: 19px;
}

#blog ul 
{ 
	list-style:none; 
	padding: 0px;
	margin: 0px 0px 0px 4px;
}

#blog ul li 
{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 10px;
	line-height: 19px;
    background: url(/images/bullet.png) no-repeat 0px 0px;
}

#blog ul li a,
#blog ul li a:hover
{
    text-decoration: none;
}

#blog ul li a.on,
#blog ul li a.on:hover
{
    color: #000000;
    text-decoration: none;
}

/* --------------------------- */
/* Default setting for pages   */
/* controlled by the CMS       */
/* --------------------------- */

#pageContent
{
	width:905px;
	margin:0 auto;
    text-align: left;
}

/* --------------------------- */
/* Staff                       */
/* --------------------------- */

#staff
{
	width:905px;
	margin:0 auto;
}

#staff h1
{
	background:url(../images/header_staff.jpg) no-repeat;
}

#staff h3
{
	background:url(../images/callout_staff.png) no-repeat;
}

#staff .staffMember
{
    margin: 0px;
}

#staff .staffMember .titlebar
{
	width:600px;
	height:30px;
	background:url(../images/title_bar.png) no-repeat 0px 0px;
	line-height:30px;
}

#staff .staffMember .titlebar img
{
	margin: 5px 0px 0px 20px;
}

#staff .staffMember .bio
{
    float: left;
	width: 560px;
	padding: 0px 30px 0px 20px;
}

#staff .staffMember .bio a.emailLink,
#staff .staffMember .bio a.emailLink:hover
{
    text-decoration: none;
    outline: none;
}

#staff .staffMember .bio a.emailLink:hover
{
    color: #000000;
}

#staff .staffMember .bio .bioText
{
	line-height: 19px;
}

#staff .staffMember .bio p
{
	padding: 0px 0px 15px 0px;
	line-height: 19px;
}

#staff .staffMember .picture
{
    float: left;
	width:295px;
	text-align: center;
}

/* --------------------------- */
/* Sign Up                     */
/* --------------------------- */

#signUp
{
	width:905px;
	margin:0 auto;
}

#signUp h1
{
	background:url(../images/header_signup.jpg) no-repeat;
}

#signUp h3
{
	background:url(../images/callout_signup.png) no-repeat;
}

#signUp .titlebar
{
	width:905px;
	height:30px;
	background:url(../images/title_bar.png) no-repeat 0px -60px;
	line-height:30px;
}

#signUp h4
{
    position: relative;
    left: -5px;
    top: 0px;
    padding: 0px 0px 8px 0px;
    margin: 0px;
    color: #997e57;
    font-weight: normal;
    font-size: 10px;
    line-height: 28px;
}

#signUp .left
{
    float: left;
    margin: 0px 0px 0px 20px;
    width: 610px;
}

#signUp .left p
{
	padding: 0px 0px 15px 0px;
	line-height: 19px;
	width: 560px;
}

#signUp .left .col1
{
    position: relative;
    float: left;
    margin: 0px;
    width: 320px;
}

#signUp .left .col2
{
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 285px;
}

#signUp .right
{
    float: left;
    width: 240px;
}

#signUp .right p
{
	padding: 0px 0px 15px 0px;
	color: #c3bcb6;
	font-size: 15px;
	line-height: 22px;
    font-style: italic;
}

#signUp #errorMessage
{
    margin: auto;
    text-align: center;
    color: Red;
    font-size: 14px;
}

/* --------------------------- */
/* Reviews                     */
/* --------------------------- */

#reviews
{
    position: relative;
	width:905px;
	margin:0 auto;
    top: 0px;
    left: 0px;
}

#reviews h1
{
	background:url(../images/header_reviews.jpg) no-repeat;
}

#reviews h3
{
	background:url(../images/callout_reviews.png) no-repeat;
}

#reviews .submit
{
	background:url(../images/submit.png) no-repeat;
	float:left;
	cursor: hand;
	cursor: pointer;
	height:30px; 
	width:30px;	 
}

#reviews #reviewsContainer
{
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0px 0px 25px 0px;
    width: 600px;
    overflow: hidden;
    display: block;
    min-height: 270px;
}

#reviews .reviewItem
{
    position: relative;
    margin: 0px;
}

#reviews .reviewItem .titlebar
{
    position: relative;
	width: 600px;
	height: 30px;
	line-height: 30px;
	background:url(../images/title_bar.png) no-repeat 0px -30px;
	overflow: hidden;
}

#reviews .titlebar
{
	cursor: hand;
	cursor: pointer;
}

#reviews .reviewItemHeader .titlebar
{
	background:url(../images/title_bar.png) no-repeat 0px 0px;
}

#reviews .reviewItem .active
{
    background-position: 0px 0px;
}

#reviews .titlebar img
{
	margin: 5px 0px 0px 20px;
}

#reviews .reviewImage
{
	margin: 0px 0px 0px 20px;
}

#reviews .content
{
	width: 560px;
	padding: 0px 30px 0px 20px;
	display: none;
}

#reviews .right
{
    float: right;
    width: 291px;
    height:393px;
}

#reviews .right p
{
	padding: 0px 0px 15px 0px;
	color: #c3bcb6;
	font-size: 15px;
	line-height: 22px;
    font-style: italic;
    width: 291px;
}

#reviews .screenname
{
    color:#997e57;
    font-weight:bold;
}

#reviews .rating
{
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 2;
}

#reviews .clear
{
    clear: both;
}

#reviews .responseHeader
{
	padding: 15px 20px 0px 25px;
}

#reviews .response
{
	padding: 5px 25px 0px 25px;
}

#reviews .response .responseHeader
{
    color:#997e57;
    font-weight:bold;
	padding: 0px 0px 5px 0px;
}

/* --------------------------- */
/* Shoe Inventory              */
/* --------------------------- */

#shoeInventory
{
    position: relative;
	width:830px;
    top: 30px;
    left: 25px;
}

#shoeInventory h1
{
    width: 830px;
    height: 16px;
	background:url(../images/header_shoe_inventory.png) no-repeat;
}

#shoeInventoryDate
{
    position: absolute;
    left: -14px;
    top: 17px;
    height: 50px;
}

#shoeInventoryCallout
{
    position: absolute;
    left: 395px;
    top: 35px;
    width: 389px;
    height: 50px;
    text-indent: -5000px;
	background:url(../images/callout_shoe_inventory.png) no-repeat;
}

#shoeInventoryData
{
    position: relative;
    left: 0px;
    top: 115px;
    width: 850px;
}

#shoeInventoryScrollable
{
    width: 850px;
    height: 300px;
    overflow: auto;
}

.inventoryListing
{
	font-size: 10px;
	width: 830px;
}

.inventoryListing th
{
    padding: 0 0 8px 5px;
    color: #000000;	
	font-size: 12px;
    font-weight: bold;
    font-style: italic;
}

.inventoryListing td
{
    padding: 5px 0 5px 5px;
    color: #333333;
	font-size: 11px;
    vertical-align:middle;		
}

/* --------------------------- */
/* Community                   */
/* --------------------------- */

#community
{
	width:905px;
	margin:0 auto;
}

#community h1
{
	background:url(../images/header_community.jpg) no-repeat;
}

#community h3
{
	background:url(../images/callout_community.png) no-repeat;
}

#community .communityItem
{
    margin: 0px;
}

#community .communityItem .titlebar
{
	width:600px;
	height:30px;
	background:url(../images/title_bar.png) no-repeat 0px 0px;
	line-height:30px;
}

#community .communityItem .titlebar img
{
	margin: 5px 0px 0px 20px;
}

#community .communityItem .bio
{
    float: left;
	width: 560px;
	padding: 0px 30px 0px 20px;
}

#community .communityItem .bio .bioText
{
	line-height: 19px;
}

#community .communityItem .bio p
{
	padding: 0px 0px 15px 0px;
	line-height: 19px;
}

#community .communityItem .picture
{
    float: left;
	width:295px;
	text-align: center;
}
