*
{
	padding: 			0px;
	margin:				0px;
}

html
{
	background:			url('Images/body-Bg.gif');
}


body
{
	font-family:		verdana, arial;
	font-size:			11px;
	color:				black;
	margin: 			0 auto;
	background:			white; 
}


.mediumfont
{
	font-size:12px;
}
.grey{
	color: #666666;	
}
.red{
	color: #ff0000;	
}
.copy{
	line-height: 17px;	
}
.breadcrumb *{
	color: #666666;
}
.forceInline{
	margin: 0px 0px 0px 165px;	
}
.scrollBox{
	/* no longer want scrolling
	height: 300px;
	overflow: auto;	*/
}
div.scrollBox p{
	margin: 10px 0px;
}
img
{
	border:			0px;
}
a.button-long, a.button-medium{
	display: block;
	height: 19px;
	padding: 3px 0px 0px 5px;
	color: #FFCC00;
	font-weight: bold;
	font-size: 13px;
}	
	a.button-long:hover, a.button-medium:hover{
		text-decoration:none;	
	}
a.button-medium{
	width: 58px;	
	background: url(/Images/button-medium.gif) no-repeat;
}
a.button-long{
	width: 107px;
	background: url(/Images/button-long.gif) no-repeat;
}
a.button-leftArrow{
	display: block;
	height: 22px;
	padding: 8px 0px 0px 33px;
	color: #666666;
	background: url(/Images/button-leftArrow.jpg) no-repeat;
	width: 80px;
}
	a.button-back:hover{
		text-decoration: none;
	}
div#container
{
	padding: 0px 20px;
	width: 780px;
	height: 100%;
	background: white;
	border-top: solid 1px #000000;
	margin: 0px auto;
}
div.contentWrapper{
	width:	786px;
}
div#leftcolumn{
	float: left;
	width: 155px;	
}
	div#leftcolumn a.homeButton{
		margin-top: 3px;
		/*_margin-top: 5px;  IE6 is a pain */
		display: block;
	}
div#header
{
	float: left;
	width: 630px;
	height: 86px;
	padding: 0px 0px 0px 0px;
}

div#menurow1
{
	line-height: 30px;
	width: 623px;
	height: 30px;
	width: 100%;
}

div#menurow2
{
	height: 21px;
	line-height: 21px;
	width: 623px;
	background-color: #F9B30C;
}

div#menurow3
{
	line-height: 31px;
	width: 627px;
	height: 31px;
	background: URL("/Images/menu-row3-Bg.jpg ") center right no-repeat;
	margin: 0px;
	padding: 0px;
}

span.basketinfo
{
	float: right;
}

img#menuend
{
	float:right;
}

div.heading-basket
{
	float:left;

	height: 20px;
	color: white;
	white-space: nowrap;
}
	div#basketLinks{
		margin: 0px 0px 0px 200px;
	}
div.heading-discountNotice
{
	float:left;
	width:295px;
	height: 20px;
	color: black;
	white-space: nowrap;
}

img#salesLine{
	float: left;
	width: 175px;
	display: block;	
}
/* left side menu links */
a.menulink, a.menulink:hover, a.menulink:visited
{
	display: block;
	background:url("/Images/menu-Bt-Bg.gif") repeat-x;
	padding: 0px 4px 0px 4px;
	border-right: solid 1px #999999;
	float: left;
	color: #F2E2E3;
	font-weight: bold;
	text-decoration: none;
}

div#browse
{
	background: white;
	margin-bottom: 10px;
}
	div#browse a, div#browse a:visited{
		display: block;
		height: 18px;
		width: 149px;
		padding: 6px 0px 0px 6px;
		margin: 4px 0px 4px 0px;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 10px;
	}
	div#browse a:hover{
		text-decoration: none;	
	}
		div#browse a.darkGray{
			background: url("/Images/category-bt-dark-bg.jpg") no-repeat;
		}
		div#browse a.lightGray{
			background: url("/Images/category-bt-light-bg.jpg") no-repeat;
			color: #000000;
		}
		

/* popup window styles */

html#popup
{
	background: white;
}

ol,ul  { margin-left: 35px; }
li  { padding-left: 0px;}

ul#sitemap li
{
	list-style-type: none;
	padding: 2px;
}

html#popup body
{
	border:0px;
	width: 492px;
	padding: 4px;
	margin: auto;
	height: 585px;	
}

html#popup div#popupbody
{
	height: 470px;
	overflow-y:scroll;
}

html#popup div#popupheader
{
	width: 484px;
	height: 91px;
	padding: 4px 4px 0px 10px;
	background: url( /Images/popupheader.gif ) no-repeat;
}
html#popup div#popupheader.flipped
{
	background: url(/Images/popupheader-flipped.gif ) no-repeat;
}
html#popup div#popupfooter
{
	width: 484px;
	height: 32px;
	background: url( /Images/popupfooter.gif ) no-repeat;
	margin-top: 4px;
	padding: 4px 4px 0px 4px;
}

html#popup a.popupsection, html#popup a.popupsection:hover, html#popup a.popupsection:visited
{
	text-decoration : none;
	display: block;
	width: 475px;
	border-bottom: 1px solid #F9B30C;
}

html#popup a.popupsection img
{
	display: block;
}
html#popup div.tab{
	display:block;
	height:20px;
	padding: 3px 0px 0px 3px;
	background: url(/Images/yellowHeading-long.gif) no-repeat;
	width: 180px;
	font-weight: bold;
	font-size:13px;	
}
html#popup p
{
	padding: 4px 4px 10px 10px;
}

html#popup div#menu
{
	color: white;
	font-weight: bold;
	bottom: 0px;
	line-height: 17px;
	width: 400px;
}

html#popup div#menu a, html#popup div#menu a:visited
{
	color: white;
}

/* "More Info >>" links, but also main link style...unless the spec is wrong, which it may well be */
a
{
	color: #C52B33;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

div.footerrounded
{
	height: 2px;
	line-height: 1px;
	white-space: nowrap;
}

div.footerrounded img.bottom
{
	vertical-align: top;
}

div.footerrounded img.top
{
	vertical-align: bottom;
}

div#footer
{
	font-size: 11px;
	width: 786px;
	margin: auto;
	bottom: 0px;
}

div#footer p
{
	text-align:center;
	color: white;
	background: #FE00D2;
	line-height: normal;
}

div#footer a, div#footer a:visited
{
	color: white;
	text-decoration: none;
}

div#footer a:hover
{
	text-decoration: underline;
}

div.headedbox
{
	width: 155px;
	margin: 2px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	background: url('Images/headedbox-greyBottom.gif') no-repeat bottom center #E6E6E6;
}
	div.headedbox.yellowBottom{
		background: url('Images/headedbox-yellowBottom.gif') no-repeat bottom center #E6E6E6;	
	}	
	div.headedbox .heading{
		display: block;
		width: 155px;
		padding: 3px 0px 3px 0px;
		margin: 0px 0px 3px 0px;
		color: #FF0000;
		background: url('Images/headedbox-yellowHeading.gif') no-repeat top center #F9B30C;
		font-size: 12px;
		font-weight: bold;
		text-align:center;
	}	
	div.headedbox a.large{
		font-size: 15px;
		font-weight:bold;
		color: #FF0000;	
		display: block;
		margin: 0px 0px 0px 10px;
		padding: 5px 0px 0px 0px;
		height: 20px;
	}
div.headedbox img.footer
{
	display:block;
	float:left;
	width: 155px;
	height: 5px;
}

div.headedbox img
{
	display: inline;
}

div.headedbox p
{
	margin: 0px 7px 0px 7px;
	padding-bottom: 2px;
}

div.anchor
{
	clear: both;
}

form#quicksearch
{
	margin: auto;
	width: 130px;
}

form#quicksearch input.text
{
	width: 120px;
}

form#quicksearch .searchsort
{
	width: 86px;
	vertical-align: top;
}


div#content
{
	margin: 10px 0px 0px 12px;
	width: 618px;
	float: left;
}

div#rightcolumn
{
	float: right;
	width: 155px;
}
	div#rightcolumn div.basket{
		width: 154px;
		background: url("/Images/basket-bg.gif") bottom center no-repeat #C0C0C0;
		margin: 3px 0px 0px 0px;
		padding: 0px;
	}
		div#rightcolumn div.basket a{
			width: 112px;
			display: block;
			margin: 10px auto 0px auto;
		}
		div#rightcolumn table {
			font-weight: bold;
			font-size: 10px;
			margin-top: 5px;
		}
			div#rightcolumn table tr td.title{
				padding: 0px 0px 0px 6px;
				width: 90px;
			}
			div#rightcolumn table tr td.price{
				padding: 0px 0px 0px 6px;
				width: 45px;
				vertical-align: bottom;
				text-align:right;
			}

div.productthumb
{
	width: 145px;
	margin-right: 5px;
	margin-bottom: 20px;
	/* height: 299px; */
	float: left;
}

div.productthumb p.product img
{
	border-bottom: 0px solid #C52B33;
}

div.productthumb p
{
	border-left: 1px solid #F9B30C;
	border-right: 1px solid #F9B30C;
}

div.productthumb p.summary
{
	height: 80px;
	padding: 0px 4px 0px 4px;
	clear:both;
}

div.productthumb p.price
{
	height: 60px;
}

.producticons form
{
	padding-top: 2px;
}

div#productresult div.detailspane p span.producticons
{
	padding-bottom: 3px;
	border: 1px solid red;
}

div.productthumb div.productthumbheading
{
	background: url( /Images/yellowHeading-medium.gif ) #F9B30C top left no-repeat;
	text-align:center;
	color: #ff0000;
	height: 35px;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 4px 8px 4px;
}

div.resultcontainer0 p, div.resultcontainer0 b
{
	color: #666666;
}

div.resultcontainer1 div.productresult
{
	/*background: #DDDDDD;*/
	border-top: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
	clear:both;
}

div.resultcontainer2 div.productresult
{
	background: white;
	clear: both;
}

div#products
{
	float: left;
	width: 450px;
}

div.productresult
{
	width: 450px;
	min-height: 116px;
}

div.productfull div.imagepane
{
	text-align: center;	
}
	div.productresult div.imagepane img
	{
		border: 1px solid #666666;
		margin: 2px;
	}

div.productresult div.detailspane
{
	width: 320px;
	margin: 4px;	
	float: left;
}

div.productresult div.imagepane
{
	float: left;
}

div.productfull div.wasprice
{

	padding-right: 20px;
}
.producticons
{
	display: block;
	width: 115px;
	float: right;
}

.producticons a
{
	padding-bottom: 2px;
}

div.productfull
{
	width: 450px;
}
	div.productfull div.detailspane
	{
		/*margin-left: 8px;
		width: 235px;*/
		margin-top: 10px;
	}
	div.productfull div.imagepane{
		padding-right: 5px;	
		text-align: left;
	}
	div.productfull div.description{
		width: 325px;
		border:solid 0px red;
		float: right;	
		margin-right: 5px;
	}
	div.productfull div.prices{
		float: right;	
	}
div#speciallayout
{
	width: 450px;
	background: #FFD9F8;
}

div#speciallayout div#heading
{
	background: #C42D34;
}

/* form layouts */
div.line
{
	clear: both;
	margin: 4px;
}

div.label
{
	width: 115px;
	text-align: right;
	float: left;
	margin-right: 4px;
	vertical-align: middle;
	line-height: 20px;
}
div.value{
	line-height: 20px;	
}
div.line div.value .textarea
{
	height: 90px;
	font-family:		verdana, arial;
	font-size:			12px;
}

.wide
{
	width: 200px;
}

/* headings */
h1
{
	font-size: 16px;
	color: #ff0000;
	font-weight: bold;
	padding-bottom: 5px;
}
h1.title{
	font-size: 19px;
	padding: 0px 0px 2px 0px;
	margin-bottom: 0px;
	font-weight: normal;	
}
h2
{
	font-size: 20px;
	color: #FF0000;
	font-weight: bold;
	padding-bottom: 5px;
}

table#basket
{
}
	table#basket td.leftBorder{
		border-left: 1px solid #F9B30C;		
	}
	table#basket tr.heading{
		background: url(/Images/heading-basket2.gif) no-repeat;
		height: 28px;
		border-left: none;
	}
	
	table#basket td
	{
		border-right: 1px solid #F9B30C;
		border-bottom: 1px solid #F9B30C;
		height: 30px;
		padding-left: 5px;
	}

div#baskettotal
{
	background: url( /Images/baskettotalbg.gif ) top left no-repeat;
	float: right;
	width: 195px;
	height: 33px;
	
}

table#baskettotaltable
{
	width: 195px;
	margin-top: 3px;
	border-collapse: collapse;
}

table#baskettotaltable td#total
{
	background: white;
	border-top: 1px solid #C52B33;
	border-bottom: 1px solid #C52B33;
	text-align: center;
	width: 40px;
	height: 23px;
}

input.quantity
{
	width: 50px;
}

div#basketfooter
{
	width:570px;
	padding-top:10px;
}

table#ordersummary th
{
	text-align: left;
}

div.specialproductthumb
{
	width: 450px;
}

div.specialproductthumb div#heading div
{
	line-height: 3px;
}

div.specialproductthumb div#heading, div.specialproductthumb h1
{
	background: #C52B33;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 2px 4px;
}

div.specialproductthumb div#images
{
	float: left;
	padding: 0px 4px 0px 4px;
	width: 147px;
	height: 100%;
}

div.specialproductthumb div#images img
{
	float: left;
	clear: both;
	border: 1px solid #C52B33;
	margin-top: 4px;
}

div.specialproductthumb div#text
{
	padding-right: 8px;
	float: left;
	width: 285px;
	height: 100%;
}

div.specialproductthumb div#text p
{
	margin-top: 4px;
	height: 250px;
}

div.specialproductthumb div#text div
{
	float: left;
}

div.specialproductthumb div#background
{
	background: #FFD9F8;
	border-right: 1px solid #C52B33;
	border-left: 1px solid #C52B33;
}

div.specialproductthumb img.footer
{
	display: block;
	line-height: 3px;
	clear: both;
	float:left;
	vertical-align: top;
}

div.specialproductthumb div.anchor
{
	line-height: 4px;
}
/* misc text formatting */
.strike
{
	text-decoration: line-through;
}

.codered, .error
{
	color: #ff0000;
	font-weight: bold;
}

.bold
{
	font-weight: bold;
}

.mandatory
{
	color: #C52B33;
}

.centre
{
	text-align: center;
}

.right
{
	text-align: right;
}

.centred
{
	margin: auto;
}

.floatleft
{
	float: left;
	display:block;
}

.floatright
{
	float: right;
	display:block;
}

div#pagedheader
{
	border-bottom: px solid #ff0000;
}

div#pagedfooter
{
	color: #C52B33;
	border-top: 1px solid #FE00D2;
}

/* links page */
div.linkblock
{
	padding: 5px 0px 5px 0px;
}

div.linkblock h2
{
	font-size: 12px;
	color: #C62C34;
	padding-bottom: 4px;
}

div.linkblock p
{
	padding-bottom: 4px;
}

div.linkblock a, div.linkblock a:visited
{
	font-weight: bold;
}

.thatguycards
{
	color: #0000CC;
	font-weight: bold;
}

.cattycards
{
	color: #990099;
	font-weight: bold;
}

.commandcards
{
	color: #FF0033;
	font-weight: bold;
}

img#creditcards
{
	padding-top : 10px;
}