@import "reset.css";
@import "typography.css";
@import "estelle.css";

* { 
	outline: none; /* FireFox dotted box fix... */
}

#pageSurround {
	width: 900px;
	padding: 0 35px;
	margin: 0 auto;
	background: #03111F;
}

h1 {
	text-indent: -99999px;
	float: left;
}

	h1 a {
		background: url(../styleImages/mic/logo.gif) no-repeat 0px 8px;
		width: 447px;
		height: 122px;
		display: block;
	}

h2 {
	text-transform: uppercase;
	margin-top: 0;
	padding-bottom: 4px;
	border-bottom: #000 solid 3px;
	font-size: 1.4em;
}

h3 {
	text-transform: uppercase;
	font-size: 1.1em;
}

img {
	border: none;
}

a, a:visited {
	color: #333;
	text-decoration: none;
}

a:hover, a:focus {
	color: #000;
	text-decoration: underline;
}


/* Header */

#topHeader {
	overflow: hidden;
}
	
	#topHeader a, #topHeader a:visited {
		color: #FFF;
		text-decoration: none;
	}
	
	#topHeader a:hover, #topHeader a:focus {
		color: #f7ee00;
		text-decoration: none;
	}
	
	#topHeader #nav {
		background: url(../styleImages/mic/nav-bg.gif) no-repeat 0 0;
		float: right;
		width: 372px;
		height: 52px;
	}
	
	#topHeader #nav ul {
		list-style: none;
		padding: 13px 20px;
		margin: 0;
		overflow: hidden;
		font-size: 1.2em;
		color: #FFF;
		text-transform: uppercase;
	}
	
	#topHeader #nav ul li {
		float: left;
	}
	
	#topHeader #nav em {
		margin: 0 10px;
		font-style: normal;
	}
	
#topHeader #basket-links {
	position: relative;
	color: #FFF;
	text-align: right;
	clear: right;
	padding-right: 40px;
	padding-top: 18px;
}

	#topHeader #basket-links #basket-icon {
		position: absolute;
		left: 870px;
		top: 20px;
		width: 30px;
		height: 30px;
	}


/* Content */

#content {
	overflow: hidden;
	clear: both;
}

#column-wrapper {
	overflow: hidden;
}

#breadcrumbs {
	color: #999;
	padding: 6px;
}

	#breadcrumbs a, #breadcrumbs a:visited {
		color: #FFF;
		text-decoration: none;
	}
	
	#breadcrumbs a:hover, #breadcrumbs a:focus {
		color: #f7ee00;
		text-decoration: underline;
	}
	
	#breadcrumbs .selected-product {
		color: #f7ee00;
	}

.boxTitleLeft, .boxTitleRight {
	background: #001542 url(../styleImages/mic/colhead-bg.gif) repeat-x 0 0;
	color: #FFF;
	height: 18px;
	text-transform: uppercase;
	padding: 6px;
}

.colLeft {
	width: 160px;
	margin-right: 10px;
	float: left;
}

.colMid {
	width: 560px;
	float: left;
	padding-bottom: 10px;
}

	.colMid .boxContent {
		background: #FFF;
		padding: 6px 18px;
		overflow: hidden;
	}

.colRight {
	width: 160px;
	float: right;
}

.txtPrice {
	color: #000;
	font-weight: bold;
	font-size: 110%;
}

.txtOldPrice {
	text-decoration: line-through;
	font-size: 80%;
}

.txtSale {
 	color: #990000;
 	font-weight: bold;
 	font-size: 110%;
}

#filter-container {
	text-align: right; 
	margin: 0 7px 10px 7px;
}

.submit-button, submit-button:visited {
	background: #003C78;
	color: #fff;
	border: 0;
	font-size: 100%;
	padding: 2px 10px;
	margin-top: 10px;
	text-align: center;
	display: inline;
}
	
	.submit-button:hover, .submit-button:focus {
		cursor: pointer;
		background: #000;
		text-decoration: none;
		color: #FFF;
	}
	
#payment-methods {
	padding-bottom: 10px;
}

#popular-products {
	background: #FFF;
	margin-bottom: 10px;
}
	
	#popular-products ul {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow: visible;
	}
	
	#popular-products ul li {
		padding: 6px;
		text-align: center;
		width: 148px;
		height: auto;
		min-height: 200px;
	}
	
	#popular-products ul li div {
		padding: 0 0 10px 0;
	}
	
#sports {
	background: #FFF;
	margin-bottom: 10px;
	overflow: hidden;
}
	
	#sports .sport-carousel {
		float: left;
	}
	
	#sports ul {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	#sports ul li {
		padding: 10px 6px;
		text-align: center;
		width: 84px;
	}
	
	#sports a.sport-prev, #sports a.sport-next {
		display: block;
		float: left;
		width: 32px;
		height: 95px;
		text-align: center;
		cursor: pointer;
	}
		
		#sports a.sport-next {
			background: url(../styleImages/mic/next-button-bg.gif) no-repeat left 39px;
		}
		
		#sports a.sport-next:hover, #sports a.sport-next:focus {
			background: url(../styleImages/mic/next-button-bg.gif) no-repeat center 39px;
		}
		
		#sports a.sport-prev {
			background: url(../styleImages/mic/prev-button-bg.gif) no-repeat left 39px;
		}
		
		#sports a.sport-prev:hover, #sports a.sport-prev:focus {
			background: url(../styleImages/mic/prev-button-bg.gif) no-repeat center 39px;
		}
		
		/* must be below other link styles in this section! */
		#sports a.disabled {
			background: url(../styleImages/mic/next-button-bg.gif) no-repeat right 39px;
		}
		
		#sports a.disabled:hover, #sports a.disabled:focus {
			background: url(../styleImages/mic/next-button-bg.gif) no-repeat right 39px;
			cursor: default;
		}
	

#latest-products {
	background: #FFF;
	margin-bottom: 10px;
}
	
	#latest-products .boxContent {
		padding: 0;
	}

	#latest-products .latest-carousel {
		float: left;
	}

	#latest-products ul {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	#latest-products ul li {
		padding: 10px 6px;
		text-align: center;
		width: 153px;
		height: auto;
		min-height: 200px;
	}
	
	#latest-products a.latest-prev, #latest-products a.latest-next {
		display: block;
		float: left;
		width: 22px;
		height: 131px;
		text-align: center;
	}
	
	#latest-products a.latest-prev, #latest-products a.latest-next {
		display: block;
		float: left;
		width: 32px;
		height: 95px;
		text-align: center;
		cursor: pointer;
	}
		
		#latest-products a.latest-next {
			background: url(../styleImages/mic/next-button-bg.gif) no-repeat left 39px;
		}
		
		#latest-products a.latest-next:hover, #latest-products a.latest-next:focus {
			background: url(../styleImages/mic/next-button-bg.gif) no-repeat center 39px;
		}
		
		#latest-products a.latest-prev {
			background: url(../styleImages/mic/prev-button-bg.gif) no-repeat left 39px;
		}
		
		#sports a.latest-prev:hover, #latest-products a.latest-prev:focus {
			background: url(../styleImages/mic/prev-button-bg.gif) no-repeat center 39px;
		}
		
		/* must be below other link styles in this section! */
		#latest-products a.disabled {
			background: url(../styleImages/mic/next-button-bg.gif) no-repeat right 39px;
		}
		
		#latest-products a.disabled:hover, #latest-products a.disabled:focus {
			background: url(../styleImages/mic/next-button-bg.gif) no-repeat right 39px;
			cursor: default;
		}
	
#sale-items {
	background: #FFF;
	margin-bottom: 10px;
}
	
	#sale-items ul {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	#sale-items ul li {
		padding: 6px;
		border-bottom: #999 dotted 1px;
	}

#mail-list {
	background: #FFF;
	margin-bottom: 10px;
	background: #011d44 url(../styleImages/mic/mailing-list-bg.jpg) no-repeat 0 0;
	width: 160px;
	color: #FFF;
}

	#mail-list .boxContentRight {
		padding: 64px 6px 6px 6px;
		margin: 0;
		text-align: center;
	}
	
	#mail-list p {
		margin: 0;
		padding: 0;
	}
	
	#mail-list form {
		margin: 0;
		padding: 0;
	}
	
	#mail-list .inputBox {
		width: 138px;
		border: 1px solid #003C78;
		margin: 10px 0;
	}
	
#search {
	background: #FFF;
	margin-bottom: 10px;
}
	
	#search .boxContentLeft {
		padding: 6px;
	}
	
	#search form {
		padding: 0;
		margin: 0;
	}
	
	#search form a {
		font-size: 0.8em;
	}
	
	#search .searchBox {
		width: 114px;
		border: 1px solid #003C78;
	}
	
	#search .searchBtn {
		border: none;
		width: 23px;
		height: 23px;
		background: url(../styleImages/mic/arrow-button.gif) no-repeat 0 0;
		text-indent: -99999px;
		cursor: pointer;
	}

#content-ads {
	margin-bottom: 10px;
	overflow: hidden;
}

	#content-ads ul {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	#content-ads ul li {
		width: 275px;
		height: 300px;
		margin: 0;
		padding: 0;
		background: #FFF;
		overflow: hidden;
	}
	
	#content-ads img {
		width: 275px;
		height: 300px;
		margin: 0;
		padding: 0;
	}
	
	#content-ads #adleft {
		float: left;
	}
	
	#content-ads #adright {
		float: right;
	}
	
#subCats {
	clear: both;
	overflow: hidden;
}

	#subCats .subCat {	
		float: left;
		margin: 0;
		padding: 0 4px;
		width: 165px;
		height: auto;
		min-height: 210px;
		text-align: center;	
	}

	.subCat img {	
		padding-bottom: 6px;
	}
	
#product-list {
	clear: both;
	overflow: hidden;
}

	#product-list .product {	
		float: left;
		margin: 0;
		padding: 0 4px;
		width: 165px;
		height: auto;
		min-height: 220px;
		text-align: center;	
	}

	#product-list .product img {	
		padding-bottom: 6px;
	}
	
#show-product #column-left {
	width: 300px;
	padding-right: 10px;
	float: left;
}

#show-product #column-right {
	padding-left: 16px;
	border-left: #CCC solid 1px;
	float: left;
}
	
	#show-product #price-wrapper {
		margin: 0;
	}
	
	#show-product #price-wrapper .price {
		font-size: 1.4em;
		padding: 0;
		margin: 0;
		color: #000;
		font-weight: bold;
	}
	
	#show-product ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#show-product ul li {
		padding: 4px 0;
	}
	
	#show-product strong {
		color: #111;
	}
	
	#show-product img {
		padding-bottom: 20px;
	}
	
	#show-product .basket-button {
		display: block;
		width: 186px;
		height: 23px;
		padding: 0 0 0 10px;
		margin: 0;
		text-align: left;
		background: url(../styleImages/mic/add-bg.png) no-repeat top left;
		color: #FFF;
		line-height: 1.8em;
	}
	
	#show-product .basket-button:hover, #show-product .basket-button:focus {
		background: url(../styleImages/mic/add-bg.png) no-repeat bottom left;
		text-decoration: none;
	}
	
#related-products {
	border-top: #CCC solid 1px;
	padding-top: 10px;
}


/* Adverts */

#kegerator-ad {
	background: #FFF url(../styleImages/mic/kegerator-ad.gif) no-repeat 0 0;
	padding: 100px 6px 6px 6px;
	margin-bottom: 10px;
}

	#kegerator-ad p { 
		margin: 0;
		font-size: 90%;
		text-align: center;
		line-height: 1.4em;
	}
	
	#kegerator-ad p strong { 
		font-size: 110%;
		font-weight: bold;
		color: #000;
	}
	
	#kegerator-ad p #keg-tel {
		font-size: 130%;
	}
	

/* Navigation */

#mainmenu-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #003C78;
	margin-bottom: 10px;
	overflow: hidden;
}

	#mainmenu-nav li {
		border-top: #012a54 dashed 1px;
	}
	
	#mainmenu-nav li.last {
		border-bottom: none;
	}
	
	#mainmenu-nav li.active {
		background: #FFF;
	}
	
	#mainmenu-nav li.active a, #mainmenu-nav li.active a:visited {
		background: #012a54;
	}
	
	#mainmenu-nav li a, #mainmenu-nav li a:visited {
		display: block;
		color: #FFF;
		text-decoration: none;
		padding: 6px;
	}
	
	#mainmenu-nav li a:hover, #mainmenu-nav li a:focus {
		color: #FFF;
		text-decoration: none;
		background: #012a54;
	}
	
	#mainmenu-nav ul.ul-nav {
		padding-left: 6px;
	}
		
		#mainmenu-nav ul.ul-nav li {
			display: block;
			border: none;
			margin: 0;
			padding: 0;
		}
	
		#mainmenu-nav ul.ul-nav li a, #mainmenu-nav ul.ul-nav li a:visited {
			color: #666;
			text-decoration: none;
			background: none;
		}
		
		#mainmenu-nav ul.ul-nav li a:hover, #mainmenu-nav ul.ul-nav li a:focus {
			color: #000;
			text-decoration: underline;
			background: none;
		}
	
	#mainmenu-nav li ul {
		margin: 0;
		padding: 0;
	}

#cart-nav {
	margin-bottom: 10px;
}

	#cart-nav .boxContentLeft {
		background: #FFF;
		overflow: hidden;
	}

	#cart-nav ul {
		list-style: none;
		overflow: hidden;
		line-height: 1.8em;
		padding: 6px 7px;
		margin: 0;
	}
	
	#cart-nav a.empty-cart, #cart-nav a.empty-cart:visited {
		color: #990000;
	}
	
	#cart-nav a.prev-page, #cart-nav a.prev-page:visited {
		color: #ff7800;
	}	
	
#sports-menu {
	width: 900px;
	padding-bottom: 10px;
}

	#sports-menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	#sports-menu ul li {
		text-indent: -99999px;
		float: left;
	}
	
	#sports-menu ul li a {
		display: block;
		width: 150px;
		height: 49px;
	}
	
	#sports-menu #mlb a {
		background: url(../styleImages/mic/sports-menu/mlb.gif) no-repeat top left;
	}
	
	#sports-menu #mlb a:hover, #sports-menu #mlb a:focus {
		background: url(../styleImages/mic/sports-menu/mlb.gif) no-repeat bottom left;
	}
	
	#sports-menu #ncaa a {
		background: url(../styleImages/mic/sports-menu/ncaa.gif) no-repeat top left;
	}
	
	#sports-menu #ncaa a:hover, #sports-menu #ncaa a:focus {
		background: url(../styleImages/mic/sports-menu/ncaa.gif) no-repeat bottom left;
	}
	
	#sports-menu #nfl a {
		background: url(../styleImages/mic/sports-menu/nfl.gif) no-repeat top left;
	}
	
	#sports-menu #nfl a:hover, #sports-menu #nfl a:focus {
		background: url(../styleImages/mic/sports-menu/nfl.gif) no-repeat bottom left;
	}
	
	#sports-menu #nhl a {
		background: url(../styleImages/mic/sports-menu/nhl.gif) no-repeat top left;
	}
	
	#sports-menu #nhl a:hover, #sports-menu #nhl a:focus {
		background: url(../styleImages/mic/sports-menu/nhl.gif) no-repeat bottom left;
	}
	
	#sports-menu #nba a {
		background: url(../styleImages/mic/sports-menu/nba.gif) no-repeat top left;
	}
	
	#sports-menu #nba a:hover, #sports-menu #nba a:focus {
		background: url(../styleImages/mic/sports-menu/nba.gif) no-repeat bottom left;
	}
	
	#sports-menu #other a {
		background: url(../styleImages/mic/sports-menu/other.gif) no-repeat top left;
	}
	
	#sports-menu #other a:hover, #sports-menu #other a:focus {
		background: url(../styleImages/mic/sports-menu/other.gif) no-repeat bottom left;
	}


/* CHECKOUT PAGES */

#cart strong {
	color: #111;
}

.txtCartPrice {
	float: right;
	color: #FF0000;
	padding-right: 3px;
}

.txtCart {
	color: #000000;	
}

.cartTotal {
	border-top: 1px dashed #070F72;
	width: 153px;
	padding-top: 2px;
	margin-top: 3px;
}

a.txtCartProduct:active, a.txtCartProduct:link, a.txtCartProduct:visited {
	text-decoration: none;
	color: #000000;
}

a.txtCartProduct:hover {
	text-decoration: none;
	color: #FF6600;
}

a.txtviewCart:active, a.txtviewCart:link, a.txtviewCart:visited {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF9900;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #000000;
}

a.txtviewCart:hover {
	background-color: #66CC33;
	color: #FFFFFF;
}

a.flashBasket:active, a.flashBasket:link, a.flashBasket:visited, a.flashBasket:hover {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #66CC33;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #000000;
}

.cartProgress {
	font-weight: normal;
	color: #666666;
	padding: 4px;
	border: 1px solid #CCCCCC;
	width: 350px;
	margin: 4px auto 10px auto;
	text-align: center;
}

.txtcartProgressCurrent {
	border: #990000 solid 1px;
	padding: 2px;
}

.quickBuy {
	text-align: center;
	color: #666666;
	margin-top: 4px;
}

.tdcartTitle {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
	border-bottom: 1px solid #666666;
	border-top: 8px solid #FFF;
}

.tdcartEven {
	background-color: #EBEDFE;	
}

.tdcartOdd {
	background-color: #FFFFFF;
}

.tdCartSubTotal {
	padding-top: 10px;
	border-top: 1px solid #666666;
}

a.txtCheckout {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #66CC33;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #000000;
}

a.txtUpdate {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF9900;
	text-decoration: none;
	padding: 2px;
	border: 1px solid #000000;
}

a.txtUpdate:hover, a.txtCheckout:hover {
	color: #000;
}

.txtStockWarn {
	color: #FF0000;
}

.txtError {
	font-weight: bold;
	color: #050F72;
	background-color: #FFCECE;
	border: 1px solid #FF0000;
	padding: 2px;
}


.colLeftCheckout {
	position: relative;
	left: 0px;
	width: 160px; 
	padding-left: 15px;
	padding-right: 5px;
	float: left;
}

.colMainCheckout {
	position: relative;
	width: 568px;
	float: left;
}

/* END CHECK OUT PAGES */



/* Footer */

#footer {
	clear: both;
	border-top: #808080 solid 1px;
	color: #808080;
	font-size: 0.95em;
	overflow: hidden;
	padding-bottom: 20px;
	padding-top: 10px;
}
	
	#footer .title {
		width: auto;
		float: left;
	}

	#footer ul {
		list-style: none;
		width: auto;
		float: left;
		padding: 0 60px 0 20px;
		margin: 0;
		overflow: hidden;
	}
	
	#footer a, #footer a:visited {
		color: #FFF;
	}
	
	#footer a:hover, #footer a:focus {
		color: #f7ee00;
		text-decoration: underline;
	}
	
	#footer #copyright {
		width: auto;
		float: right;
		text-align: right;
	}
	
		#footer #copyright a, #footer #copyright a:visited {
			color: #808080;
		}
	

/* CC copyright */

div.txtCopyright {
	display: none;
}

/*div.txtCopyright {
	width: 400px;
	margin: 0 auto;
	padding: 20px 0;
	color: #4f5255;
	text-align: center;
	font-size: 9px;
}

div.txtCopyright a, div.txtCopyright a:visited {
	color: #4f5255;
}*/