/*******************************************************/
/******* Default Styles for www.myfanshoes.com *********/
/******* Author: Britton Nemecek ***********************/
/******* Date: April 27, 2010 **************************/
/******* Project: FANSHOES eCommerce site **************/
/*******************************************************/

/*************************/
/**** Generic Styles *****/
/*************************/
/*** Document Elements ***/
body {
  background: #ffffff;
  background-size: 100%;
  font-family: century gothic, 'helvetica neue', verdana, sans-serif;
  font-size: 14px;
}

a {
  color: #b12828;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #ff9191;
  text-decoration: underline;
}

img {
  border: none;
}

p {
  line-height: 1.2em;
}

/*** Classes ***/
.bold {
  font-weight: bold;
}

.uline {
  text-decoration: underline;
}

/*** Unique Elements ***/
/***Page Container ***/
#container {
  background: #ffffff;
  margin: 0 auto;
  padding: 10px 0 10px 0;
  width: 1000px;
}

/*** Returns and Exchanges Linke ***/
#returnsExchangesForm {
  font-size: 200%;
  font-weight: bold;
}

/************************/
/***** Page Layout ******/
/************************/
#contentContainer {
  margin-left: 10px;
  width: 980px;
}

#contentSmall {
  float: left;
  width: 660px;
}

/*************************/
/**** Header Styles ******/
/*************************/
/*** Header Style ***/
#header {
  margin-bottom: 110px;
}

/*** Logo Style ***/
img#FSlogo {
  margin-right: 10px;
}

img#logo {
  margin-right: 10px;
}

#headerLogo {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

#headerLogo span {
  display: none;
}

/*** Shopping Cart Style ***/
#shoppingCart {
  float: right;
  position: relative;
   top: 24px;
}

#shoppingCart a {
  color: #000000;
  font-size: 11px;
  font-weight: normal;
}

#shoppingCart a:hover {
  color: #9e9e9e;
}

#shoppingCart a img {
  vertical-align: text-bottom;
}

/*** Special Offers Style ***/
#specialoffers {
  float: left;
  margin-top: 10px;
}

/*** Main Nav Style ***/
#mainNav {
  float: left;
  font-size: 28px;
  list-style-type: none;
  background-color: #003e7e;
  width: 1000px;
}

#mainNav li:first-child {
	padding-left: 20px;
}

#mainNav li {
  float: left;
  margin: 5px 40px;
}

#mainNav li:hover > a {
  color: #dadada;
}

#mainNav li a {
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
}

/**************************/
/***** Sidebar Styles *****/
/**************************/
/*** Sidebar Styles ***/
#sidebarWidgets {
  float: right;
  width: 260px;
}

#sidebarWidgets div {
  margin-bottom: 10px;
}

#sidebarWidgets div:last-child {
  margin-bottom: 0;
}

/*** Bring FANSHOES to your school widget ***/
#bringFanshoes {
  background-color: #bae8f5;
  border: solid 1px #43c0ff;
  padding: 5px;
  text-align: center;
  width: 250px;
}

/*** Where can I get these widget ***/
#whereCanIgetThese {
  border: solid 1px #c3c3c3;
  padding: 5px 0 10px 0;
  text-align:center;
  width: 260px;
}

#whereCanIgetThese img {
  margin-top: 15px;
}

/*************************/
/**** Homepage Styles ****/
/*************************/
/*** Rotating banner ***/
.slideshow {
  border: 1px solid #cecece;
  margin-bottom: 10px;
  width: 960px;
  height: 240px;
}

.slideshow:hover {
  border: 1px solid #000000;
}

/*** Home Category Bar Styles ***/
#homecategorybar {
  border: 1px solid #cecece;
  min-height:290px;
  padding:5px;
  width: 190px;
}

/***Homepage Blurb Styles ***/
.homepageblurb {
  border: 1px solid #003E7E;
  float: left;
  margin-top: 10px;
  margin-right: 16px;
  padding: 30px 10px;
  overflow: hidden;
  width: 300px;
  height: 80px;
}

#the411 {
  background: url('/images/homepage/411box.png');
}

/*** Blog Styles ***/
#ourBlog {
  background: url('/images/homepage/blogbox.png');
}

#ourBlog ul {
  list-style-type: none;
}

#ourBlog h4 {
  margin-bottom: 10px;
}

#ourBlog ul li {
  margin-top: 5px;
}

#ourBlog ul li a {
  text-decoration: none;
}

#ourBlog ul li a:hover {
  text-decoration: underline;
}

#ourBlog ul li .headline, .date {
  font-weight: bold;
}

#ourBlog ul li div {
  font-size: 85%;
  line-height: 1.3em;
  margin: 5px 0 0 5px;
}

#pressblurb {
  background: url('/images/homepage/pressbox.png');
  margin-right: 0px;
}

/*** Feedburner Style ***/
/*** Get rid of Feedburner Credit Footer ***/
#creditfooter {
  display: none;
}

/*** Get date on same line as headline ***/
.headline {
  float: left;
  padding-right: 10px;
}

/*********************/
/*** Footer Styles ***/
/*********************/
#footer {
  color: #003e7e;
  background: #ffffff;
  margin: 15px 0 0 0;
  text-align: center;
}

ul#footerlinks {
  font-weight: bold;
  margin-left: 290px;
}

ul#footerlinks li {
  float: left;
  margin-right: 10px;
}

ul#footerlinks li a {
  color: #003e7e;
}

p#copyright {
  font-size: 80%;
  margin-top: 10px;
  margin-left: 85px;
}

p#copyright a {
  color: #b5121b;
}

p#portfolio {
  color: #003e7e;
  font-size: 70%;
  font-style: italic;
  margin-left: -7px;
}

/*** Social Media Style ***/
#socialMedia {
  list-style-type: none;
  margin-left: 380px;
}

#socialMedia li {
  float: left;
  padding-right: 20px;
}

.AuthorizeNetSeal {
  float: right;
}

/******************************/
/******** Shop Styles *********/
/******************************/
.categoryBar {
  margin-right: 10px;
  width: 160px;
}

.categoryBar a {
  color: #000000;
  font-weight: normal;
}

.categoryBar ul {
  font-size: 80%;
}

.categoryBar ul li {
  line-height: 1.5em;
}

#productListing {
  border-left: 1px solid #cecece;
  float: right;
  padding-left: 10px;
  width: 780px;
}

.categoryHeader {
  font-size: 1.2em;
  margin-top: 10px;
}

.categoryHeader:first-child {
  margin-top: 0px;
}

.productTitle {
  font-size: 80%;
  font-weight: normal;
}

ul#productBlocks li {
  border: solid 1px #cccccc;
  float: left;
  height: 140px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 0 10px 20px 10px;
  position: relative;
  text-align: center;
  width: 200px;
}

ul#productBlocks li:hover {
  border: solid 1px #000000;
}

ul#productBlocks li h6 {
  margin-top: 10px;
}

ul#productBlocks li img {
  margin: 10px 0;
}

ul#productBlocks li .productPrice {
  font-size: 0.8em;
}

ul#productBlocks li a.productBlockLink {
  float: left;
  height: 160px;
  position: absolute;
  left: 0;
  text-decoration: none;
  width: 220px;
  z-index: 10;
}

#storeFooter15free {
  float: right;
  width: 725px;
}

/*********************************/
/*** Individual Product Styles ***/
/*********************************/
#individualProductBlock {
  border-left: 1px solid #cecece;
  float: right;
  padding-left: 10px;
}

#productImageCol {
  float: left;
  width: 360px;
}

#featuredProductImage {
  margin-bottom: 10px;
}

#productImageThumbs li {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

#productDescription {
  background: #f5f5f5;
  border: 1px solid #999999;
  float: right;
  padding: 10px;
  width: 400px; 
}

.individualProductTitle {
  margin-bottom: 10px;
}

.indivProductPrice {
  font-size: 1.2em;
  margin: 10px 0 20px 0;
}

.productDescription {
  margin-bottom: 20px;
}

.selectSize {
  margin-bottom: 10px;
  text-align: center;
}

.selectSize span {
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: underline;
}

.sizingGender {
  font-weight: bold;
}

ul.sizingOptions {
  margin: 0 0 50px 0;
}

ul.sizingOptions li {
  background: #ffffff;
  border: solid 1px #cccccc;
  float: left;
  margin-right: 5px;
  padding: 10px;
}

ul.sizingOptions li:hover {
  border: solid 1px #000000;
  cursor: pointer;
}

#productDescription form {
  font-weight: bold;
}

/******************************/
/*** Individual Page Styles ***/
/******************************/

/******************************/
/***** About Us Page **********/
/******************************/
.aboutusblurb {
  float: left;
  margin-right: 20px;
  text-align: justify;
  width: 460px;
}

/******************************/
/******* Partners Page ********/
/******************************/
.partnerblurb {
  border: 1px solid #000000;
  margin: 10px 0;
  padding: 10px;
}

.partnerblurb img {
  float: left;
  margin-right: 20px;
}

/*** Barnes and Nobles ***/
#BarnesandNoble {
  margin-top: 0;
}

/*** Black Business Student Association Block ***/
#blackBusinessStudentAssociationPartner {
  margin-bottom: 0;
}

#blackBusinessStudentAssociationPartner a h3 {
  color: #000000;
  float: left;
  height: 40px;
  line-height: 1.2em;
  margin-right: 10px;
  padding-top: 5px;
  text-align: center;
  width: 172px;
}

/******************************/
/***** Contact Us Styles ******/
/******************************/
/*** Contact Us Blocks ***/
.contactBlock {
  float: left;
  margin-right: 10px;
}

.contactSocialMedia {
  margin-top: 10px;
}

.contactSocialMedia li {
  float: left;
  margin-right: 10px;
}

.me {
  float:left; 
  padding: 0 50px;
  width: 210px;
}

/*************************/
/***** Photos Styles *****/
/*************************/
ul#photoGalleryList {
  padding-top: 10px;
}

ul#photoGalleryList li {
  border: solid 1px #cccccc;
  float: left;
  height: 350px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 0 10px 20px 10px;
  position: relative;
  text-align: center;
  width: 200px;
}

ul#photoGalleryList li:hover {
  border: solid 1px #000000;
}

ul#photoGalleryList li h6 {
  font-size: 0.8em;
  margin-top: 10px;
}

ul#photoGalleryList li img {
  margin: 10px 0;
}

ul#photoGalleryList li .numberPhotos {
  font-size: 0.8em;
  margin-top: 325px;
}

ul#photoGalleryList li a.slideshow {
  border: none;
  float: left;
  height: 350px;
  position: absolute;
  left: 0;
  text-decoration: none;
  width: 220px;
  z-index: 10;
}

/* Cart */

table#product-cart {
	width: 100%;
	margin-top: 1em;
	font-size: 0.8125em;
}

table#product-cart th {
	padding-bottom: 1em;
	font-weight: normal;
	text-align: left;
}

table#product-cart td {
	vertical-align: middle !important;
}

table#product-cart tr.product-row {
	height: 99px;
}

table#product-cart tr.gray {
	background: #e9edf2;
}

table#product-cart th#image-header {
	text-indent: -5000px;
	width: 115px;
}

table#product-cart th#item-name-header {
	text-align: center;
	width: 213px;
}

table#product-cart th#description-header {
	text-align: center;
	width: 186px;
}

table#product-cart th#price-header {
	text-align: center;
	width: 100px;
}

table#product-cart th#times-header {
	width: 31px;
	text-align: -5000px;
}

table#product-cart th#quantity-header {
	text-align: center;
	width: 173px;
}

table#product-cart th#total-header {
	width: 90px;
}

table#product-cart th#remove-header {
	width: 105px;
	text-align: -5000px;
}

table#product-cart td.image {
	background: #ffffff;
	padding-right: 13px;
}

table#product-cart td.item-name {
	text-align: center;
	font-size: 0.7692em;
	font-weight: bold;
}

table#product-cart td.description {
	text-align: center;
	font-size: 0.8461em;
}

table#product-cart td.price {
	text-align: center;
}

table#product-cart td.times {
	text-align: center;
}

table#product-cart td.quantity {
	text-align: center;
}

table#product-cart td.quantity input.qty {
	width: 16px;
}

table#product-cart td.total {
}

table#product-cart td.remove {
}

table#product-cart tr#spacer {
	height: 25px;
	border-bottom: 2px solid #c2c2c2;
}

table#product-cart tr.subtotal {
	padding-top: 15px;
	font-size: 1.076em;
	font-weight: bold;
}

table#product-cart tr.subtotal td {
	padding-top: 2em;
}

input#continue,
img#continue {
	display: block;
	margin: 15px auto 0px auto;
}

input#add-to-cart-button {
	background: #AA0000;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 1.75em;
	font-weight: bold;
	height: 40px;
	min-height: 40px;
	padding: 0 10px;
	text-transform: uppercase;
}

a#checkout-button {
	display: block;
	margin: 25px auto 0px auto;
	background: #AA0000;
	border: none;
	color: #FFFFFF;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 83px;
	width: 300px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

input#continue-button {
	display: block;
	background: #AA0000;
	margin: 25px auto 0px auto;
	border: none !important;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 2.5em;
	font-weight: bold;
	padding: 1px 3px;
	height: 83px;
	min-height: 83px;
	width: 300px;
	text-transform: uppercase;
}

input#add-to-cart-button:hover,
input#update-button:hover,
a#remove-button:hover,
a#checkout-button:hover,
input#continue-button:hover {
	background: #6F0712;
}

input#update-button {
	background: #AA0000;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	padding: 1px 3px;
	text-transform: uppercase;
}

a#remove-button {
	display: block;
	background: #AA0000;
	border: none;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	line-height: 20px;
	width: 61px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

/* Shipping Info */

p#checkout-process {
	width: 100%;
	border-bottom: 2px dotted #cccccc;
	line-height: 2em;
	font-size: 0.625em;
	font-weight: bold;
}

div#checkout-process-progress {
	float: left;
	width: 118px;
	margin-top: 1em;
}

div#checkout-process-progress ol {
	margin: 15px 0px 0px 1px;
	font-size: 0.75em;
	font-weight: bold;
	color: #ffffff;
	list-style-type: disc;
}

div#checkout-process-progress ol li {
	width: 81px;
	list-style-type: none;
	margin-bottom: 20px;
	background: #c0c0c0;
	padding: 1.5em 0 1.5em 0;
	text-align: center;
}

div#checkout-process-progress ol li#current {
	background: #005dbe;
}

div#shipping-information,
div#billing-address,
div#payment-info {
	float: left;
	width: 421px;
	margin: 1em 21px 0px 0px;
	border-left: 2px dotted #cccccc;
	border-right: 2px dotted #cccccc;
	padding: 0px 33px 0px 17px;
}

div#shipping-information h4,
div#billing-address h4,
div#payment-info h4 {
	margin-bottom: 1em;
}

div#shipping-information label,
div#billing-address label,
div#payment-info label {
	float: left;
	display: block;
	width: 139px;
	font-size: 0.875em;
}

div#shipping-information input,
div#shipping-information select,
div#billing-address input,
div#billing-address select {
	width: 276px;
	margin-bottom: 1.25em;
}

div#payment-info input {
	width: 181px;
	margin-bottom: 1.25em;
}

div#questions,
div#payment-info-types {
	float: right;
	width: 326px;
	margin-top: 1em;
}

div#questions dt {
	margin-bottom: 1em;
	font-weight: bold;
}

div#questions dd {
	font-size: 0.75em;
	margin-bottom: 1em;
}

img#billing,
img#review,
img#place {
	display: block;
	margin: 15px auto 0px auto;
}

span.optional {
	font-size: 0.625em;
	color: #757575;
}

/* Billing */

table#product-cart td#grand-total {
	font-size: 1.142em;
	font-weight: bold;
}

table#product-cart td#grand-total {
	padding-left: 47px;
}

/* Review */

div#shipping-review,
div#billing-review,
div#payment-review {
	float: left;
	width: 254px;
	margin-top: 1em;
	border-left: 2px dotted #cccccc;
	padding-left: 18px;
}

div#shipping-review h4,
div#billing-review h4,
div#payment-review h4 {
	margin-bottom: 1em;
}

img.edit {
	margin-top: 1em;
}

/* Errors */
div.fieldWithErrors {
	display:inline;
}
div.fieldWithErrors input {
	border: 1px solid red;
}
div.formError {
	color: red;
	font-size: 0.75em;
}

/*******************************************************/
/******New Styles for www.myfanshoes.com****************/
/******Author: Kevin Wolfe***********************/
/******* Date: June 7, 2010 **************************/
/******* Project: New style for web pages **************/
/*******************************************************/

/***************************/
/***** Front Page **********/
/***************************/

#homesplash {
  border: 1px solid #003E7E;
  float: left;
  width: 780px;
  height: 300px;
}

#homefeaturedproduct {
  border: 1px solid #003E7E;
  float: right;
  overflow: hidden;
  width: 190px;
  height: 300px;
}

/***Soles4Souls Page***/

#Soles4SoulsBanner {
	width:960px; 
	height:110px; 
	margin-bottom:50px
	}
	
#soles4soulsbox {
    width: 960px;
    }

#Soles4SoulsShoesofLove {
	float:left; 
	margin:-10px 20px 0px 0px;
	}
	
#Soles4SoulsFanshoeslogo {
	float:left; 
	margin:-10px 10px 0px 0px;
	}
	
#Soles4SoulsBottom {
	font-size: 80%;
	margin-left:10px;
	}