/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* bootstrap fixes */
[class*="span"] {
	margin-bottom: 1em;
}

.row-fluid {
	margin-bottom: 0.5em;
}
/* end of bootstrap */


.small, .large .small {
	font-size: 11px;
}

body {
  font: 14px 'Open Sans',arial,sans-serif;
  font-weight: 200px;
  padding-top: 175px;
  padding-bottom: 40px;
}

.main {
	line-height: 1.75;
}

.large .items img, .large .items li {
	max-height: 60px;
}

.photo {
	text-align: center;
}

.photo img {
	max-height: 260px;
}

.large p {
	font-size: 14px;
}

h1, h2 {
  font: 26px 'Open Sans',arial,sans-serif;
  font-weight: 200;
  margin-top: 0;
  margin-bottom: 0.5em;
  color: #252525;
}

h1 {
	color: #252525;
	font-size: 32px;
}

h2 {
	font-size: 24px;
}

h3 {
  font: 20px 'Open Sans',arial,sans-serif;
  font-weight: 200;
  margin-top: 0;
}

hr {
	margin-top: 0;
}

.search-block {
	margin-bottom: 0.75em;	
}

#content {
	width: 80%;
}

#sidebar {
	width: 20%;
}

.sidebar {
	width: 200px;
	float: left;
	margin-bottom: 1.5em;
}

.content {
	margin-left: 230px;
}

.items {
	margin-left: 0;
}

.items li {
	display: inline-block;
	margin-right: 1.5em;
	height: 250px;
	width: 140px;
	margin-bottom: 1em;
	vertical-align: text-top;
}

.large .items li {
	width: 60px;	
}

#location-tabs {
	margin-bottom: 0.5em;
}

.items li:last-child {
	margin-right: 0;
}

.items img {
	display: block;
	margin-bottom: 0.5em;
}

.items a {
	text-decoration: none;
	color: #252525;
	font-size: 13px;
}

.items p {
	margin-bottom: 0.5em;
	font-weight: 600;
}

/* bread */
.bread .span12 {
	margin-bottom: 0;
}
/* end of bread */

/* nav */
.pagination {
	margin: 0;
	font-size: 13px;
}

.top a {
	font-size: 16px;
	font-weight: 400;
}

.sidebar {
	border-right: 1px solid #ddd;
}

.sidebar .nav li a {
	padding: 0.5em;
	color: #252525;
}

.sidebar .nav .active {
	background-color: #EEE;
}

.sidebar .nav ul {
	list-style-type: none;
	line-height: 20px;
}

.sidebar .nav ul li a {
	padding: 0.5em;
	display: block;
	color: #777;
	font-size: 12px;
}

.srch {
	background-color: #fcfcfc;
	border-top: 1px solid #ddd;
	padding-top: 1em;
}

.srch .span12 {
	margin-bottom: 0.25em;
}
.srch .form-search {
	margin-bottom: 0.25em;
}

.srch input {
	margin-right: 0.75em;
}

.srch .btn {
	margin-top: 0;
}

.navbar-inner {
	/* background: #f5f5f5 url('../img/bg-grey.png') repeat-x left top !important; */
	background: whiteSmoke url('../img/top.png') repeat-x 0 -6px !important;
	border-bottom: 1px solid #ddd;
	padding-top: 1.75em;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.navbar .brand {
	padding-top: 0;
}

.top .nav {
	margin-top: 0;
}

.navbar-inner img {
	margin-bottom: 0.5em;
	display: block;
	margin-right: 1.5em;
}

.nav li {
	font-size: 13px;
}

table th {
	font-weight: 600 !important;
}

/* breadcrumbs */
.breadcrumbs {
	color: #999;
	font-size: 13px;
}

.breadcrumbs, .breadcrumbs .span12 {
	margin-bottom: 1em;
}

.breadcrumbs a {
	color: #333;
}

.breadcrumbs .small {
	color: #666;
	margin: 0 1.25em 0 1em;
	font-size: 9px;
	font-family: Arial;
}

.breadcrumbs strong {
	font-weight: normal;
}
/* end of breadcrumbs */

#subscribe-block-body .alert-block {
	margin-bottom: 0.75em;	
}

footer {
	font-size: 13px;
}

footer .nav a {
	color: #252525;
}

.nav-hor li {
	float: left;
	margin-right: 2em;
}

.rating-block {
	margin-bottom: 1em;
}

/* stars */
#star {
	margin-bottom: 1em;
}



.max-width {
	max-width: 1024px;
}

@media (max-width: 767px) {
	.content {
		margin-left: 0;
	}
}

.table {
	font-size: 13px;
}

.row-fluid::after {
	display: none;
}

.alert input, .alert label, .alert button {
	margin-right: 1em;
	margin-bottom: 0.75em;
}

.alert .form-inline {
	margin-bottom: 0;
}

.alert p {
	font-size: 13px;	
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media (max-width: 979px) {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-weight: 600;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Merchant"; }
	td:nth-of-type(2):before { content: "Delivery"; }
	td:nth-of-type(3):before { content: "Payment type"; }
	td:nth-of-type(4):before { content: "Term"; }
	td:nth-of-type(5):before { content: "Issues"; }
	td:nth-of-type(6):before { content: "Price / Issue"; }
	td:nth-of-type(7):before { content: "Total price"; }

	
	/* */
	.large .span2 {
		width: 230px;
	}
	.large .span10 {
		width: 100%;
		margin-left: 0;
	}
	
	body {
		padding-top: 0;
	}
	
	.navbar-inner {
		padding-top: 1.75em !important;
	}
	
	.input-xxlarge {
		width: 60%;
	}
	
	.navbar-fixed-top .navbar-inner {
		padding: 0;
	}
	
	.navbar .container-fluid {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.top .nav-collapse .nav a {
		font-size: 13px;
		font-weight: 600;
	}
}