/*
   application.css
   basketballjerseyworld
   
   Created by Robert Zolkos on 2009-06-12.
   Copyright 2009 FunkyHive. All rights reserved.
*/

/* GLOBAL STYLES */
body {
  background: #191919;
  font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #444;
	text-align:center;
}

a:link, a:visited {
  text-decoration: none;
}

h6 {
	font-size:9pt;
}

/* SOME RESET STUFF */
dl,hr,h1,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:0px}
li{margin-left:0px;}


/* GRID FIXES */
.container_16:after{clear:both;content:'.';display:block;visibility:hidden;height:0}

/* GUTTER */
#gutter {
  background: #191919 url("/images/gutter.png") bottom left repeat-x;
}

#gutter a.logo {
  display:block;
  text-align:left;
}

/* NAVIGATION AND MENU BAR */
#navigation {
  background: #344AAF url("/images/navigation.png") bottom center repeat-x;

}

#menu {
  padding: 10px 0;
  text-align:left;
}

#menu a {
  font-weight: bold;
}
 
#menu ul {
	overflow: hidden;
	width: 840px;
	list-style-type: none;
}
 
#menu ul li {
	float: left;
	margin-right: 20px;
}
 
#menu ul li a {
	display: block;
	width: 98px;
  padding: 4px 0;
	border: 1px solid #3261bf;
  font-size: .75em;
  text-transform: uppercase;
	text-align: center;
	color: #dbeae3;
}
 
#menu ul li a { /* Safari */
  -webkit-border-radius: 14px;
}
 
#menu ul li a, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 14px;
}
 
#menu ul li a:hover {
  background: #2b55aa;
  border: 1px solid #2b55aa;
  color: #d9e5e0;
}

.site.faq     #menu ul li.menu_faq      a, 
.products     #menu ul li.menu_products a,
.site.blog    #menu ul li.menu_blog     a,
.site.contact #menu ul li.menu_contact  a,
.site.about   #menu ul li.menu_about    a,
.site.index   #menu ul li.menu_index    a {
  background: #163778;
	border: 1px solid #163778;
  color: #fff;  
}

/* BANNER */

#banner {
  background: #6699FF url("/images/banner.png") top left repeat-x;
  border-top: 1px solid #344AAF;
  border-bottom: 1px solid #344AAF;

}

#banner .hero_blurb {
  text-align:left;
  font-size:23pt;
  color:#222;
  line-height:40px;
  width:540px;
}

#banner .hero_blurb h1 {
  display: block;
  margin: 40px 0 20px 0;
  line-height: 40px;
  font-size: 40px;
  color: #fff;
}

#banner .hero_blurb a {
	color:#222;
}
 
#banner .hero_pic {
	padding-top:40px;
}

#banner .hero_pic a:hover {
  background: none;
}


/* WRAPPER */

#wrapper {
  background-color:#fff;
  min-height:400px;


}


/* FOOTER */

#footer {
  padding: 20px 0;
  font-size: .925em;
  color: #ddd;
}

#footer div {
  text-align:left;
}
 
#footer h3 {
  margin-bottom: 20px;
  font-size: 18px;
  color: #7285bf;
}
 
#footer ul.links {
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid #333;
	list-style-type: none;
}
 
#footer a {
  border-bottom: 0;
  font-weight: normal;
	color:#ddd;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
}
 
#footer a:hover {
  background-color: #ddd;
  color: #191919;
}
 
#footer ul.links li {
  font-weight: bold;
}
 
#footer em {
  font-weight: bold;
  font-style: normal;
  color: #7285BF;
}
 
#footer .bottom {
  border-top:1px solid #333333;
  margin-top:20px;
}

#footer .bottom .funkyhive {
  float:right;
  display:inline;
}

#footer .bottom .funkyhive a {
  color:#666;
}


#footer .bottom .logo {
  width:400px;
  float:left;
}

/* HOME PAGE */
#homepage {
  text-align:left;
  padding-bottom:30px;
  padding-top:20px;
}

#homepage h4 {
	color:#163778;
}

#homepage .blog_link, #homepage .twitter_link {
	color:#2E6AB1;
	font-weight:bold;
}

#homepage .blog_link:hover, #homepage .twitter_link:hover {
	background-color:#7285bf;
	color:#fff;
}

#homepage .blogdate {
	color:#000;
	font-weight:bold;
}

#homepage .tweet {
	font-style:italic;
	font-size:11pt;
	font-family:serif;
}

#homepage .category_grid div.category {
	width:105px;
	height:117px;
  float:left;
	margin-bottom:10px;
  margin-right:10px;
	display:inline;
	border:1px solid #bbb;
	font-size:8pt;
	text-align:center;
}

#homepage .category_grid div.category:hover {
	border:1px solid #444;
}

#homepage .category_grid div.category a img {
  height:80px;
}

#homepage .category_grid .description  {
	line-height:12px;
	background-color:#f7f5f5;
	border:0px;
	border-top:1px solid #ddd;
	height:28px;
	padding-top:2px;
	padding-left:3px;
	padding-right:3px;
	width:99px;
	_width:103px;
	_height:32px;
}

#homepage .category_grid .description a { 
	color: #2E6AB1;
	font-weight:bold;
}

/* CONTACT PAGE */
DIV.content {
  text-align:left;
  padding-bottom:30px;
  padding-top:20px;
}

/* PRODUCTS PAGE */
#products {
  padding-bottom:30px;
  padding-top:20px;
  text-align:left;
}

#products .sidebar {
  line-height:14px;
}

#products .sidebar h5 {
  margin-bottom:3px;
}

#products .sidebar a {
  color:#2E6AB1;
  font-size:8pt;
}

#products .sidebar .filterBox, #products .sidebar .filterBox2 {
	background-color:#eee;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#products .sidebar .filterBox2 {
	padding-left:0px;
}

#products .sidebar .filterBox2 div {
	background-color:#f8f8f8;
	padding-left:5px;
	height:20px;
	padding-top:5px;
}

#products .sidebar .filterBox2 div a {
	color:#777;
	font-weight:bold;
}


#products .sidebar a:hover {
  text-decoration:underline;
}

#products .list {
  border:8px solid #dedede;
  padding:20px;
  padding-left:24px;
  background-color:#f7f5f5;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
}

#products .list .photos {
  background-color:white;
  border:1px solid #dedede;
  padding:10px;
}

#products .pagination {
  float:right;
  background-color:#f7f5f5;
}

#products .cell {
  background-color:white;
  padding:6px;
  border:1px solid #dedede;
  float:left;
  margin-right:11px;
  margin-bottom:10px;
  width:150px;
  height:215px;
  line-height:11px;
  text-align:center;
}

#products .cell a{
  font-size:8pt;
  color:#2E6AB1;
}

#products .cell a:hover{
  text-decoration:underline;
}

#products .cell img {
  height:100px;
}

#products .cell .link {
  height:87px;
  text-align:left;
  padding:5px;
  padding-top:10px;
  padding-bottom:2px;
  overflow:hidden;
}

#products .cell .link .itemcode {
	color:#333;
	font-size:7pt;
}

#products .cell .price {
  height:20px;
  padding-right:5px;
  font-weight:bold;
  text-align:right; 
  float:right; 
}

#products TABLE.listview {
  color:#666;
  border:1px solid black;
  background-color:white;
  width:100%;

}

#products TABLE.listview td {
  border:1px solid black;
  padding:3px;
  font-size:9pt;
}

#products TABLE.listview tr:hover {
  background-color:#dedede;
}

#products TABLE.listview a {
  color:#2E6AB1;
}

#products TABLE.listview a:hover {
  text-decoration:underline;
}

#products TR.listview TD.player {
  white-space: nowrap;
  vertical-align:middle;
}

#products TR.listview TD.team {
  white-space: nowrap;
  vertical-align:middle;
}

#products TR.listview TD.tags {
  white-space: normal;
  vertical-align:middle;
}

#products TR.listview .price {
  vertical-align:middle;
  text-align:right;
}

#products .photos img.main {
  width:220px;
  padding-bottom:15px;
}

#products .show {
  padding-top:10px;
}

#products .show h3, #products .show h4, #products .show h5 {
  color:#2E6AB1;
  margin:0px;
  
}

#products .show h3 {
  font-size:22pt;
  padding-bottom:3px;
}

#products .show .price {
  text-align:right;
}

#products .show .price h4 {
  text-align:right;
  color:#555;
  font-size:20pt;
  padding-right:6px;
  padding-bottom:5px;
}

#products .show table {
  width:100%;
}

#products .show table td {
  color:#666;
  padding-bottom:5px;
  padding-top:5px;
  border-bottom:1px solid #ddd;
}

#products .show table td.headings {
  color:red;
  width:150px;
}

#products .show .conditions {
  font-size:8pt;
  color:#777;
  text-align:left;
  padding-top:30px;
  
}

#products .viewButton {
  border:1px solid #ccc;
}

#products .fields {
  text-align:left;
  color:#666;
}

#products .fields p {
  text-align:left;
  color:#666;
}

#products .fields input {
  width:80%;
  font-size:9pt;
}

#products .fields input[type='checkbox'] {
	width:15px;
}

#products .fields .options {
	color:#000;
	font-size:9pt;
}

#products .fields textarea {
  width:80%;
  font-size:12pt;
}

#robsDiv {
  border:1px solid #ccc;
  background-color:#dedede;
  padding:5px;
  width:242px;
  margin-bottom:5px;
}

#products .buttons {
  text-align:right;
}

#products .buttons a {
  color:#2E6AB1;
}

.blog a{
  color:#2E6AB1;
}

.blog .post {
  margin-bottom:20px;
  color:#666;
  text-align:justify;
}

.blog .entry-date {
  font-size:9pt;
  font-weight:bold;
}

.blog .entry-meta {
  font-size:9pt;
  text-align:right;
}

div.errorExplanation {
	border:1px solid #8A1F11;
	background-color:#FBE3E4;
	padding:10px;
	color:#8A1F11;
	margin-bottom:10px;
	width:753px;
	min-height:55px;
	padding-left:90px;
	background:#FBE3E4 url("/images/ErrorCircle.png") no-repeat;
}

div.errorExplanation li {
	margin-left:30px;
} 

div.errorExplanation h2 {
	font-size:12pt;
	font-weight:bold;
	color:#8A1F11;
	padding:0px;
	margin:0px;
}

div.Explanation {
	border:1px solid blue;
	padding:10px;
	color:blue;
	margin-bottom:10px;
	width:625px;
	min-height:35px;
	background-color:#ADDFFF;
	margin-bottom:30px;
}

div.Explanation li {
	margin-left:30px;
} 

div.Explanation h2 {
	font-size:12pt;
	font-weight:bold;
	color:blue;
	padding:0px;
	margin:0px;
}

div.searchBox {
	border:1px solid #dedede;
	padding:2px;
}

div.searchBox input {
	border:0;
	width:120px;
}

div.searchBox img {
	width:16px;
}

div.freight {
	float:left;
}

div.freight table {
	width:100%;
}

div.freight table td {
	width:80px;
}

div.freight table th {
	text-align:right;
}

div.freight table td.amount {
	text-align:right;
}

td.right {
	text-align:right;
	padding-right:7px;
}

.order_total {
	font-size:14pt;
	text-align:right;
	padding-right:200px;
}

.ord_ttl {
	font-weight:bold;
	font-size:16pt;
}

.order_total a {
	font-size:10pt;
	color:blue;
}

.currency {
	text-align:right;
}

.carteven td, .cartodd td{
	border-bottom:1px solid #ccc;
	padding-top:5px;
	padding-bottom:5px;
}

.total {
	font-weight:bold;
	font-size:12pt;
}