/***** ZERO ALL ELEMENTS *****/
html,body,table,tr,td,p,br,form,h1,h2,h3,h4,div,ul,li {
	margin: 0px; padding: 0px;
	font-family: verdana, arial, helv, helvetic;
	font-size: 11px;
	color: #333;
}

/***** DEFAULT STYLES *****/
a:link, a:visited { color: #333; text-decoration: underline; }
a:hover { color: #D1001C; text-decoration: underline; }
img { border: 0px; }

br.breaker { clear: both; }

#midcolumn h1 { font-size: 18px; color: #3A4C93; margin: 0px 0px 10px 0px; }
#midcolumn h2 { font-size: 13px; color: #0F75BC; margin: 15px 0px 5px 0px; }
#midcolumn h2.orange { font-size: 13px; color: #F6941E; margin: 15px 0px 5px 0px; }
#midcolumn h2.red { font-size: 13px; color: #D1001C; margin: 15px 0px 5px 0px; }

#midcolumn p { line-height: 18px; margin-bottom: 10px; }
#midcolumn strong.head { color: #FF9C18; font-size: 12px; }
#midcolumn strong.prodhead { color: #FF9C18; font-size: 14px; }

.transfer {
	border: 1px solid #666;
}


/***** LAYOUT *****/
body { background: #fff; }

#wrapper_top { background: url(/images/top-bg-summer.gif) repeat-x center top; }
#wrapper_bottom { background: url(/images/bottom-bg-cricket.gif) repeat-x center bottom; }


#pagecontainer {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
}

	#header {
		position: relative;
		width: 880px;
		height: 152px;
		margin: 0px;
	}

		#headerlinks {
			position: absolute;
			top: 0px; right: 0px;
			width: 280px;
			height: 22px;
			background: url(/images/headerlinks-bg.gif) no-repeat left top;
		}

			#headerlinks ul { margin: 0px; padding: 3px 0px 0px 20px; }
			#headerlinks ul li { list-style: none; margin: 0px; padding: 0px 0px 0px 4px; float: left; font-size: 10px; font-weight: bold; color: #0069D2; }
			#headerlinks a:link, #headerlinks a:visited { color: #0069D2; }
			#headerlinks a:hover { color: #D1001C; }

		#topnav {
			width: 880px;
			height: 46px;
			background: url(/images/topnav-bottom.gif) no-repeat left bottom;
			margin: 0;
			position: absolute;
				bottom: 0px;
				left: 0px;
		}

			#topnav ul { margin: 0px; padding: 0px; }
			#topnav ul li { list-style: none; margin: 0px; padding: 0px; height: 23px; float: left; font-size: 10px; }
			#topnav a:link, #topnav a:visited { color: #fff; text-decoration: none; display:block; height: 18px; padding-top: 5px; text-align: center; }
			#topnav a:hover { text-decoration: underline; }

			#topnav ul li.tna { width: 55px;  margin-right: 1px; background: url(/images/blue-tabs.gif) no-repeat 0px top; }
			#topnav ul li.tnb { width: 85px;  margin-right: 1px; background: url(/images/blue-tabs.gif) no-repeat -56px top;}
			#topnav ul li.tnc { width: 90px; margin-right: 1px; background: url(/images/blue-tabs.gif) no-repeat -142px top; }
			#topnav ul li.tnd { width: 53px; margin-right: 1px; background: url(/images/blue-tabs.gif) no-repeat -233px top; }
			#topnav ul li.tne { width: 92px;  margin-right: 1px; background: url(/images/blue-tabs.gif) no-repeat -287px top; }
			#topnav ul li.tnf { width: 81px;  margin-right: 1px; background: url(/images/blue-tabs.gif) no-repeat -380px top; }
			#topnav ul li.tng { width: 66px;  margin-right: 1px; background: url(/images/blue-tabs.gif) no-repeat -462px top; }
			#topnav ul li.tnh { width: 63px;  margin-right: 1px; background: url(/images/blue-tabs.gif) no-repeat -529px top; }
			#topnav ul li.tni { width: 88px; margin-right: 1px; background: url(/images/blue-tabs.gif) no-repeat -593px top; }
			#topnav ul li.tnj { width: 103px; margin-right: 1px; background: url(/images/blue-tabs.gif) no-repeat -682px top; }
			#topnav ul li.tnk { width: 94px; background: url(/images/blue-tabs.gif) no-repeat -786px top; }

			#topnav ul li.tna_active { width: 55px;  margin-right: 1px; background: url(/images/red-tabs.gif) no-repeat 0px top; }
			#topnav ul li.tnb_active { width: 85px;  margin-right: 1px; background: url(/images/red-tabs.gif) no-repeat -56px top;}
			#topnav ul li.tnc_active { width: 90px; margin-right: 1px; background: url(/images/red-tabs.gif) no-repeat -142px top; }
			#topnav ul li.tnd_active { width: 53px; margin-right: 1px; background: url(/images/red-tabs.gif) no-repeat -233px top; }
			#topnav ul li.tne_active { width: 92px;  margin-right: 1px; background: url(/images/red-tabs.gif) no-repeat -287px top; }
			#topnav ul li.tnf_active { width: 81px;  margin-right: 1px; background: url(/images/red-tabs.gif) no-repeat -380px top; }
			#topnav ul li.tng_active { width: 66px;  margin-right: 1px; background: url(/images/red-tabs.gif) no-repeat -462px top; }
			#topnav ul li.tnh_active { width: 63px;  margin-right: 1px; background: url(/images/red-tabs.gif) no-repeat -529px top; }
			#topnav ul li.tni_active { width: 88px; margin-right: 1px; background: url(/images/red-tabs.gif) no-repeat -593px top; }
			#topnav ul li.tnj_active { width: 103px; margin-right: 1px; background: url(/images/red-tabs.gif) no-repeat -682px top; }
			#topnav ul li.tnk_active { width: 94px; background: url(/images/red-tabs.gif) no-repeat -786px top; }

	#contenttop { width: 880px; height: 20px; background: url(/images/content-top.gif) no-repeat left bottom; }
	#contentbottom { width: 880px; height: 20px; background: url(/images/content-bottom.gif) no-repeat left top; }
	#pagecontent { width: 880px; margin: 0px; background: #fff; position: relative; }

		#leftcolumn {
			float: left;
			width: 160px;
			padding: 0px 0px 0px 10px;
		}

			#searchbox {
				position: relative;
				width: 150px;
				height: 32px;
				padding: 20px 0px 0px 10px;
				background: url(/images/search-box.gif) no-repeat left top;
			}

				#searchbox label { display: none; }
				#searchbox input.search { font-size: 11px; font-family: verdana, arial, helv, helvetic; color: #222E67; border: 1px solid #222E67; width: 95px; padding-left: 5px; }

		#leftcolumn h2.tophead {
			background: url(/images/lh-top.gif) no-repeat left top;
			color: #fff;
			font-weight: bold;
			line-height: 24px;
			width: 140px;
			padding: 0px 0px 0px 20px;
			margin: 10px 0px 0px 0px;
			font-size: 11px;
		}

		#leftcolumn h2.midhead {
			background: url(/images/lh-mid.gif) no-repeat left top;
			color: #fff;
			font-weight: bold;
			line-height: 21px;
			width: 140px;
			padding: 0px 0px 0px 20px;
			margin: 0px 0px 0px 0px;
			font-size: 11px;
		}

			#leftcolumn ul {
				width: 154px;
				margin: 0px;
				padding: 6px 0px;
				border-left: 3px solid #D1001C;
				border-right: 3px solid #D1001C;
			}

				#leftcolumn ul li {
					list-style: none;
					margin: 0px;
					padding: 0px 0px 0px 16px;
					font-size: 11px;
					width: 132px;
					color: #000;
					line-height: 22px;
					background: url(/images/navarrow.gif) no-repeat 10px 9px;
				}

				#leftcolumn ul li.brand { clear: both; background: none; padding-left: 6px; width: 142px; height: 35px; }
					#leftcolumn ul li.brand a:link, #leftcolumn ul li.brand a:visited { display: block; float: left;  line-height: 13px; margin: auto 0; padding: 3px 0 0 0; }

					#leftcolumn ul li img { float: left; vertical-align: middle; margin: 3px 8px 3px 0px; }

					#leftcolumn ul li a:link, #leftcolumn ul li a:visited { color: #D1001C; text-decoration: none; padding-left: 3px; }
					#leftcolumn ul li a:hover { color: #333; text-decoration: underline; }

					#leftcolumn ul li a.active:link, #leftcolumn ul li a.active:visited { font-weight: bold; letter-spacing: -1px; }

					#leftcolumn ul li ul.subnav {
						margin-top: -2px;
						border: 0px;
						padding: 0px;
						width: 132px;
					}

						#leftcolumn ul li ul.subnav li {
							padding: 0px 0px 0px 8px;
							width: 126px;
							line-height: 16px;
							font-size: 10px;
							background: url(/images/navarrow.gif) no-repeat 0px 6px;
						}

							#leftcolumn ul li ul.subnav li a:link, #leftcolumn ul li ul.subnav li a:visited { color: #333; text-decoration: none; padding-left: 2px;}
							#leftcolumn ul li ul.subnav li a:hover { color: #333; text-decoration: underline; }

							#leftcolumn ul li ul.subnav li a.active:link, #leftcolumn ul li ul.subnav li a.active:visited { font-weight: bold; letter-spacing: 0px; }

		#midcolumn {
			float: left;
			width: 510px;
			padding: 0px 15px;
		}

			#midcolumn.superwide {
				width: 680px;
			}

			#midcolumn.superduperwide {
				width: 850px;
			}


		#minicart {
			position: absolute;
			right: 10px;
			top: -35px;
			width: 160px;
			height: 88px;
			padding: 10px 0px 0px 0px;
			margin-bottom: 15px;
			background: url(/images/minicart.gif) no-repeat left top;
			color: #000;
			text-align: center;
			font-size: 11px;
			z-index: 9999;
		}

			#minicart strong { color: #FF9C18; }

			#minicart p { margin: 5px 0px 5px 0px; }

			#minicart a:link, #minicart a:visited { color: #FF9C18; text-decoration: underline; }
			#minicart a:hover { color: #4B60B3; text-decoration: underline; }

		#rightcolumn {
			float: left;
			width: 160px;
			padding: 55px 10px 0px 0px;
		}

			#topfive {
				width: 160px;
				padding: 0px;
			}

				#topfive div.topfiveitem {
					width: 136px;
					border-left: 3px solid #52A60B;
					border-right: 3px solid #52A60B;
					padding: 5px 9px 5px 9px;
				}

				#topfive img { float: left; border: 0px; }

					#topfive div.topfiveitem div.topfivetxt {
						float: left;
						width: 78px;
						padding-left: 3px;
						color: #D1001C;
						font-weight: bold;
						letter-spacing: -1px;
					}

						#topfive div.topfiveitem a:link, #topfive div.topfiveitem a:visited {
							color: #333;
							text-transform: uppercase;
							text-decoration: none;
						}

						#topfive div.topfiveitem a:hover {
							text-decoration: underline;
						}


	#footer {
		position: relative;
		width: 880px;
		height: 33px;
		margin: 0px 0px 10px 0px;
		background: url(/images/footerbar.gif) no-repeat left top;
	}

		#footerleft {
			float: left;
			width: 385px;
			color: #fff;
			line-height: 33px;
			padding-left: 15px;
		}

			#footerleft a:link, #footerleft a:visited { color: #fff; text-decoration: underline; }
			#footerleft a:hover { color: #D1001C; }

		#footerright {
			float: right;
			width: 480px;
			color: #fff;
			line-height: 33px;
			font-weight: bold;
		}

			#footerright img { vertical-align: middle; }
			#footerright form { display: inline; }
			#footerright p { display: inline; }
				#footerright label { display: none; }
				#footerright input.email { position: absolute; font-size: 11px; font-family: verdana, arial, helv, helvetic; color: #222E67; border: 1px solid #222E67; width: 220px; top: 9px; padding-left: 5px; }

	#footer2 {
		position: relative;
		width: 880px;
		margin: 0px 0px 10px 0px;
		color: #fff;
		text-align: center;
		font-weight: bold;
	}

/*** HOMEPAGE STUFF ***/

#homefeat {
	width: 510px;
	height: 260px;
	margin: 20px 0px;
}

	#homefeatleft {
		float: left;
		width: 220px;
		height: 257px;
		background: url(/images/homefeat.jpg) no-repeat left bottom;
		padding-top: 3px;
		text-align: center;
	}

		#homefeatleft p {
			margin: 7px 0;
			padding: 0;
			font-size: 13px;
			font-weight: bold;
			color: #fff;
		}

	#homefeatright {
		float: right;
		width: 290px;
		height: 240px;
		padding-top: 20px;
		background: url(/images/homefeat2.jpg) no-repeat left bottom;
		color: #333;
	}



		#homefeatright h1 {
			font-size: 18px;
			color: #E5333F;
			line-height: 26px;
		}

			#homefeatright h1 strong {
				font-size: 22px;
			}

			#squished {
				margin: 0px auto;
				width: 240px;
			}

				#squished strong {
					color: #4B60B4;
				}


/*** CATEGORY HEAD ***/

#cathead {
	width: 510px;
	height: 245px;
	background: url(/images/catheadbg.gif) repeat-x left top;
	margin-top: 10px;
}

	#catheadtxt {
		width: 225px;
		height: 245px;
		float: left;
		padding: 0px 20px;
		line-height: 18px;
	}

		#catheadtxt td { height: 245px; vertical-align: middle; font-size: 12px; }

		#catheadtxt h1 { font-size: 18px; color: #3A4C93; margin: 0px 0px 5px 0px; }

/*** BRAND HEAD ***/

#brandhead {
	width: 510px;
	height: 105px;
	background: url(/images/catheadbg.gif) repeat-x left bottom;
	margin-top: 10px;
}

	#brandheadtxt {
		width: 225px;
		height: 105px;
		float: left;
		padding: 0px 20px;
		line-height: 18px;
	}

		#brandheadtxt td { height: 105px; vertical-align: middle; font-size: 12px; }

		#brandheadtxt h1 { font-size: 18px; color: #3A4C93; margin: 0px 0px 5px 0px; }


/*** SUBCAT ITEMS ***/

#subcatcontainer {
	width: 510px;
	border-top: 3px solid #D1001C;
	background: url(/images/yellow-fill.gif) repeat-x left top;
	padding: 15px 0px;
}

div.subcatitem {
	float: left;
	width: 170px;
	height: 170px;
	color: #D1001C;
	font-weight: bold;
	text-align: center;
}

	div.subcatitemend {
	}

	div.subcatitem img {
		margin: 0px 20px 5px 20px;
		border: 0px;
	}

	div.subcatitem a:link, div.subcatitem a:visited {
		color: #3A4C93;
		font-weight: bold;
		text-decoration: none;
	}

	div.subcatitem a:hover {
		text-decoration: underline;
	}

/*** BROKERAGE ITEMS ***/
div.brokitem {
	float: left;
	width: 156px;
	height: 207px;
	padding-right: 21px;
	background: url(/images/brok-bg.gif) no-repeat left bottom;
	color: #D1001C;
	font-weight: bold;
}

	div.brokitemend {
		padding-right: 0px;
	}

	div.brokitem img {
		margin: 0px 25px 5px 25px;
		border: 0px;
	}

	div.brokitem a:link, div.brokitem a:visited {
		color: #333;
		font-weight: normal;
	}

	div.brokitem a:hover {
		color: #D1001C;
	}

	div.brokitem small {
		font-weight: normal;
		color: #000;
	}

/*** PRODPAGE BITS ***/

#midcolumn div.prodleft {
	float: left;
	width: 330px;
	padding: 0px 20px 10px 0px;
}

	#midcolumn div.prodleft  a.enlarge:link, #midcolumn div.prodleft  a.enlarge:visited {
		font-weight: bold;
		text-decoration: underline;
		color: #3A4C93;
	}

	#midcolumn div.prodleft  a.enlarge:hover {
		color: #d1001c;
		text-decoration: underline;
	}

	#midcolumn div.prodleft img { float: left; }

		#midcolumn div.prodleft img.altimg { border: 1px solid #fff; padding: 2px; margin: 3px 15px 0px 0px; }
		#midcolumn div.prodleft img.altimg:hover { border: 1px solid #D1001C; }


	#midcolumn div.prodleft ul.prodfeats {
		margin: 10px 0px 10px 5px;
		padding-left: 20px;
	}

		#midcolumn div.prodleft ul.prodfeats li {
			list-style: disc;
			padding: 3px 0px 3px 0px;
			color: #FF9C18;
		}

			#midcolumn div.prodleft ul.prodfeats li span { color: #000; }

#midcolumn div.prodright {
	float: right;
	width: 330px;
}

	#midcolumn div.prodright h1 { color: #FF9C18; }

	#midcolumn .price { color: #D1001C; font-size: 20px; margin: 0px; padding: 5px 0px 5px 0px; }
	#midcolumn .smallprice { color: #000; font-size: 11px; margin: 0px; padding: 0px 0px 0px 0px; }
	#midcolumn .save { color: #000; font-size: 13px; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;}
		#midcolumn .save strong { color: #fff; background: #D1001C;  padding: 2px; }

	div.relitem {
		clear: both;
		height: 100%;
		margin: 15px 0px 0px 0px;
		padding: 0px 0px 15px 0px;
		border-bottom: 1px solid #ECECEC;
	}

	div.relitem img { float: left; border: 0px; }

		div.relitem div.relitemtxt {
			float: left;
			width: 255px;
			padding-left: 10px;
			color: #D1001C;
			font-weight: normal;
		}

			#midcolumn div.relitem div.relitemtxt p { margin: 0px 0px 5px 0px; line-height: 12px; }

			div.relitem a:link, div.relitem a:visited {
				font-weight: bold;
				color: #333;
				text-decoration: underline;
			}

			div.relitem a:hover {
				color: #D1001C;
			}

			div.relitem div.relitemtxt strong { color: #D1001C; }


			#midcolumn div.relitem div.relitemtxt input { position: absolute; top: 4px; left: 0px; border: 1px solid #999; }
			#midcolumn div.relitem div.relitemtxt input.cartaddmultiform { position: absolute; top: 4px; left: 40px; border: 0px; }


			#addprodmain { position: relative; }
			#addprodmain input { position: absolute; top: 0px; left: 0px; border: 1px solid #999; height: 18px; padding-top: 2px; }
			#addprodmain input.cartaddbutton { position: absolute; top: 0px; left: 40px; border: 0px; height: 23px; padding: 0px; }

/*** SHOPCART BITS ***/

table.carttable {
}

	table.carttable .cell1 { width: 65px; }
	table.carttable .cell2 { width: 425px; }
	table.carttable .cell3 { width: 120px; }
	table.carttable .cell4 { width: 120px; }
	table.carttable .cell5 { width: 120px; }

	table.carttable th { text-align: left; font-weight: bold; border-bottom: 1px solid #ECECEC; padding: 10px 0px; }

	table.carttable td { text-align: left; font-weight: normal; border-bottom: 1px solid #ECECEC; padding: 10px 0px 10px 4px; }
	table.carttable td.noborder { border-bottom: 1px solid #fff; }

	table.carttable td.giftcode {
		padding: 8px 0px 6px 0px;
	}

		table.carttable td.giftcode label {
			float: left;
			padding: 4px 0px 0px 5px;
		}

		table.carttable td.giftcode input {
			float: left;
			margin-left: 5px;
			vertical-align: text-bottom;
		}


/*** IMAGE FLOATS ***/

img.floatleft {
	float: left;
	position:relative;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	position:relative;
	margin: 0px 0px 10px 10px;
}


/*** CUSTOMER PAGE ***/

#customerleft {
	float: left;
	width: 220px;
	padding: 20px 0px 0px 10px;
}

#customerright {
	float: right;
	width: 380px;
	padding: 20px 0px 0px 10px;
}

.boldred {
    font-weight: bold;
    color: #C33;
}

#cofe-side {
    background: #fff url(images/cofe-side.gif) repeat-y left top;
    margin: -2px 0px;
    padding: 15px 8px 0pc 8px;
}

#cofe-side ul {
    padding-left: 15px;
}

#cofe-side p {
    margin: 5px 0px;
}

#cofe-side a {
    text-decoration: none;
}


/*********** WRITE REVIEW PAGE **********/

#reviewForm label {
    font-weight: bold;
    display: block;
    float: left;
    margin: 10px 0px 0px 0px;
    width: 70px
}

#reviewForm textarea {
    overflow: auto;
}

#reviewForm input, #reviewForm textarea {
    margin: 5px 10px 5px 0px;
    width: 242px;
}

#reviewForm .rdos {
    width: 16px;
    vertical-align: middle;
}

/********XMAS 2009 *********/

#xmaspage {
    width: 510px;
    margin: 0px auto;
    padding: 200px 0px 0px 0px;
}

#gbhouse {
    width: 670px;
    padding: 230px 0px 0px 30px;
    background: #fff url(/images/gbhouse.gif) no-repeat center top;
    float: left;

}

.xmasbrok {
	float: left;
	width: 156px;
	height: 195px;
	padding-right: 21px;
	font-weight: bold;
	position: relative;
}

	.xmasbrokend {
		padding-right: 0px;
	}

	.xmasbrok img {
		margin: 0px 25px 5px 25px;
		border: 0px;
	    cursor: pointer;
	}

	.xmasbrok p {
	    text-align: center;
        color: #FFF;
	}

	.xmasclosed {
		margin: 0px 25px 5px 25px;
	    width: 100px;
	    height: 100px;
	    border: 1px solid #FFF;
	    line-height: 100px;
	    cursor: pointer;
	}

	.xmasclosed p{
	    font-size: 30px;
	}

    .daynum {
        margin: -12px 0px 0px 0px;
        padding: 0px;
    }