/*

Stylesheet for Client Name
Handwritten by Richard Wilmot (AztecMedia.eu)
www.madhatter.com

*/


/* ------------ Defaults ------------ */

#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
body {
	background: #143D55 url('../img/body-bg.gif')  top left;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 0.7em;
	}

#container {
	margin: auto;
	width: 960px;
	background-color:#FFFFFF
	}
	
.cleared {
	clear: both;
	}

hr {
	display: none;
	}
	
abbr {
	border-bottom: 1px dotted #000;
	cursor: help;
	}



/* --------- Branding --------- */

#branding {
	height: 162px;
	text-indent: -25000px;	
	width: 960px; 
	}

#branding h1 a {
	background: url('../img/branding-bg.gif') no-repeat top left;
	display: block;
	float: left;
	height: 162px;
	width: 960px;
	}



	
/* --------- Navigation --------- */

#nav {
	background: url('../img/nav-bg.gif') no-repeat top left;
	clear: both; 
	height: 33px; 
	padding-left: 234px;
	text-indent: -25000px;
	width: 726px; 
	}
	
#nav li { 
	float: left;
	}

#nav a {
	display: block;
	height: 33px;
	}
	
#nav a:hover, #nav .selected {
	background-position: 0 -33px;
	}

#nav-home a {
	background: url('../img/nav-home.gif') no-repeat top left;
	width: 96px;
	}
	
#nav-about a {
	background: url('../img/nav-about.gif') no-repeat top left;
	width: 100px;
	}

#nav-terms a {
	background: url('../img/nav-terms.gif') no-repeat top left;
	width: 178px;
	}
	
#nav-newlines a {
	background: url('../img/nav-new.gif') no-repeat top left;
	width: 107px;
	}
	
#nav-saleitems a {
	background: url('../img/nav-sale.gif') no-repeat top left;
	width: 115px;
	}
	
#nav-contact a {
	background: url('../img/nav-contact.gif') no-repeat top left;
	width: 119px;
	}
	
	
	
/* --------- Seacrh & Shopping Cart --------- */

#search {
	background: url('../img/search-bg.gif') no-repeat top left;
	clear: both; 
	height: 43px; 
	width: 716px; 
	padding: 28px 10px 0px 234px;
	}
	
#searchformcontainer {
	padding-top: 7px;
	width: 350px;
	float:left;
	height:25px;
	}
	
#myaccount {
	padding: 7px 0px 0px 35px;
	height: 25px;
	float: left;
	vertical-align:middle
	}
	
	
#shoppingcart {
	width:170px;
	padding-top: 7px;
	height: 25px;
	float: right;
	color: #143D55;
	font-weight:bold;
	vertical-align:middle;
	}
	
#shoppingcart img {
	float:left
	}
	
#shoppingcart p {
	float:left;
	padding: 8px 8px 0px 8px
	}
	

	
/* --------- Content Container --------- */

#contentcontainer {
	background: url('../img/contentcontainer-bg.gif') no-repeat top left;
	background-repeat:repeat-y;
	float:left;
	width: 960px;
	border-bottom:#3181AF solid 2px;
	background-color:#FFFFFF
	}
	
#cat-christmas-shop #contentcontainer {
	background-color:#792015
	}


	
/* --------- Sub Navigation --------- */

#subnav {
	background: url('../img/subnav-bg.gif') no-repeat top left;
	width: 175px;
	padding: 19px 0px 0px 19px;
	float:left;
	height:150%;
	height: inherit;
	position: relative;
	}	

#subnav li { 
	float: left;
	list-style:none
	}

#subnav a {
	display: block;
	text-indent: -25000px;
	}
	
#subnav a:hover, #subnav .selected {
	background-position: -155px 0px;
	}

#subnav-adult a {
	background: url('../img/sub-nav-buttons_01.gif') no-repeat top left;
	width: 155px;
	height: 27px;
	}
	
#subnav-children a {
	background: url('../img/sub-nav-buttons_02.gif') no-repeat top left;
	width: 155px;
	height: 27px;
	}
	
#subnav-animal a {
	background: url('../img/sub-nav-buttons_03.gif') no-repeat top left;
	width: 155px;
	height: 26px;
	}
	
#subnav-accessories a {
	background: url('../img/sub-nav-buttons_04.gif') no-repeat top left;
	width: 155px;
	height: 27px;
	}
	
#subnav-wigsbeards a {
	background: url('../img/sub-nav-buttons_05.gif') no-repeat top left;
	width: 155px;
	height: 26px;
	}
	
#subnav-shoesboots a {
	background: url('../img/sub-nav-buttons_06.gif') no-repeat top left;
	width: 155px;
	height: 27px;
	}
	
#subnav-hatsheadgear a {
	background: url('../img/sub-nav-buttons_07.gif') no-repeat top left;
	width: 155px;
	height: 27px;
	}

#subnav-makeup a {
	background: url('../img/sub-nav-buttons_08.gif') no-repeat top left;
	width: 155px;
	height: 26px;
	}
	
#subnav-masks a {
	background: url('../img/sub-nav-buttons_10.gif') no-repeat top left;
	width: 155px;
	height: 26px;
	}
	
#subnav-wigshalos a {
	background: url('../img/sub-nav-buttons_11.gif') no-repeat top left;
	width: 155px;
	height: 27px;
	}
	
#subnav-weaponsarmour a {
	background: url('../img/sub-nav-buttons_12.gif') no-repeat top left;
	width: 155px;
	height: 27px;
	}
	
#subnav-jokesmagic a {
	background: url('../img/sub-nav-buttons_13.gif') no-repeat top left;
	width: 155px;
	height: 26px;
	}
	
#subnav-adultitems a {
	background: url('../img/sub-nav-buttons_14.gif') no-repeat top left;
	width: 155px;
	height: 27px;
	}
	
#subnav-flags a {
	background: url('../img/sub-nav-buttons_15.gif') no-repeat top left;
	width: 155px;
	height: 27px;
	}
	
#subnav-christmas-link a {
	margin-top:10px;
	margin-bottom:2px;
	height:62px;
	width:158px;
	text-indent: 0px;
	}
	
#subnav-horror-link a {
	margin-top:10px;
	margin-bottom:2px;
	height:62px;
	width:158px;
	text-indent: 0px;
	}

#subnav-costume-hire a {
	background: url('../img/sub-nav-buttons_16.gif') no-repeat top left;
	width: 155px;
	height: 27px;
	}
	
	
/* --------- Main Content --------- */

#maincontent {
	background: url('../img/maincontent-bg.jpg') no-repeat top left;
	float:left;
	width: 713px;
	min-height: 384px; /* Addition by PR */
	background-color:#fff;
	padding: 33px 20px 0 33px;
	line-height: 150%;
	}

#cat-christmas-shop #maincontent {
	background: url('../img/maincontent-christmas-bg.jpg') no-repeat top left;
	background-color:#792015;
	padding-top: 110px;
	min-height: 484px
	}

#cat-christmas-shop p.summary{
	color: #fff;
	}

#cat-horror-shop #maincontent {
	background: url('../img/maincontent-horror-bg.gif') no-repeat top left;
	background-color:#e0822d;
	padding-top: 125px
	}



/* ------------ Content Left ------------ */


#content-left { 
	float: left;
	color: #143d55;
	width: 713px;
	}
	
#content-right { 
	float: right;
	color: #143d55;
	width: 350px;
	}
	
#content-left p {
	margin-bottom: 1.2em;
	}
	
#default #content-left { 
	width: 280px;
	}

	
#contact #content-left { 
	width: 350px;
	}
	
#contact #content-right { 
	width: 350px;
	text-transform: uppercase;
	font-size:110%;
	padding-top: 42px
	}

#content-left h2 {
	font-size: 16px;
	}

#cat-horror-shop h2, #cat-christmas-shop h2{ /*Added  -PR */
	display: none;
	}




#content-left h3 {
	font-size: 20px;
	}


	
	
/* ------------ Content Lower ------------ */

	
#content-lower { 
	float: left;
	color: #143d55;
	width: 713px
	}
	
#cat-horror-shop #content-lower { /* NOTE -This style needs at least 5 sub categories, or the content-lower does not display properly - PR*/
	background: url('../img/maincontent-horror-bottom-bg.png') no-repeat bottom right;
	float:left;
height:170px;
padding-top:10px;
width:713px;
	}
	
/* ------------ Bullet Controls ------------ */

	
#costumelist li {
	text-align: left;
	list-style: none;
	background:  url(../img/bullet.png) no-repeat 0px 5px;
	padding: 8px 0px 0px 30px;
	height: 21px;
}

#costumelist li a:link {
	text-decoration: none;
	color: #143d55
	}
	
#costumelist li a:visited {
	text-decoration: none;
	}
	
#costumelist li a:hover {
	text-decoration: underline;
	}
	
#costumelist li a:active {
	text-decoration: none;
	}


/* ------------ Sub Selections ------------ */


.sub-selection-box a { 
	background: url('../img/selection-bg-sprite.png') no-repeat top left;
	float: left;
	width: 167px;
	height: 149px;
	margin: 0px 10px 10px 0px;
	text-decoration:none;
	color:#143d55;
	font-weight:bold;
	line-height:1.2em;
	cursor: pointer;
	}


.sub-selection-box a:hover { 
	background-position: 0px -149px;
	color:#ecbb09;
	}
	
	
#cat-christmas-shop .sub-selection-box a { 
	background: url('../img/selection-christmas-bg-off.png') no-repeat top left;
	color:#792015
	}
	
#cat-christmas-shop .sub-selection-box a:hover { 
	background: url('../img/selection-christmas-bg.png') no-repeat top left;
	color:#fff
	}

	
#cat-horror-shop .sub-selection-box a { 
	background: url('../img/selection-horror-bg-off.png') no-repeat top left;
	color:#FF0000
	}
	
#cat-horror-shop .sub-selection-box a:hover { 
	background: url('../img/selection-horror-bg.png') no-repeat top left;
	color:#e0822d
	}
	
.sub-selection-picture-box {
	float:left;
	margin: 11px 0px 0px 40px;
	width: 110px;
	height: 70px;
	border:#ecbb09 thin solid;
	display: inline
	}
	
#cat-horror-shop .sub-selection-picture-box {
	border:none;
	}
	
.sub-selection-text-box {
	float:left;
	margin: 5px 0px 0px 80px;
	width: 70px;
	height: 35px;
	text-align:center;
	display: inline
	}

#cat-christmas-shop .sub-selection-text-box {
	margin: 12px 0px 0px 80px;
	}


/* ------------ Items ------------ */

.item-box { 
	background: url('../img/item-placeholder.png') no-repeat top left;
	float: left;
	width: 350px;
	height: 150px;
	padding: 0 3px 0 2px; /* Addition - PR*/
	}

.item-box a{
	color: black;
	text-decoration: none;
	}
	
#cat-horror-shop .item-box { 
	background: url('../img/item-horror-placeholder.png') no-repeat top left;
	color:#e0822d;
	}
	
#cat-christmas-shop .item-box { 
	background: url('../img/item-christmas-placeholder.png') no-repeat top left;
	color:#722015
	}

	
.picture-box { 
	float:left;
	margin: 12px 7px 15px 18px;
	width: 120px;
	height: 120px;
	display: inline
	}
	
.text-box { 
	margin-top: 12px;
	float:left;
	width: 180px;
	height: 85px;
	display: inline
	}
	
.text-box h4 {
	font-weight:bold 
	}
 
.price-box {
	margin: 7px 0px 0px 0px;
	line-height:1.5em;
	float:left;
	width: 131px;
	height: 25px;
	font-weight:bold;
	font-size: 150%;
	text-align:left;
	display: inline
	}
	
#cat-christmas-shop .price-box {
	color:#FFFFFF
	}

.view-box { 
	margin: 7px 0px 0px 7px;
	float:left;
	width: 49px;
	height: 25px;
	display: inline
	}




.item-box-large { 
	background: url('../img/item-placeholder-large.png') no-repeat top left;
	float: left;
	width: 700px;
	height: 300px;
	}
	
#cat-horror-shop .item-box-large { 
	background: url('../img/item-horror-placeholder-large.png') no-repeat top left;
	color:#e0822d
	}

#cat-christmas-shop .item-box-large { 
	background: url('../img/item-christmas-placeholder-large.png') no-repeat top left;
	color:#722015
	}

.picture-box-large {
	float:left;
	margin: 30px 14px 30px 36px;
	width: 240px;
	height: 240px;
	display: inline
	}
	
.text-box-large { 
	margin-top: 30px;
	float:left;
	width: 360px;
	height: 200px;
	display: inline;
	font-size: 115%
	}
	
.text-box-large h5 {
	font-weight:bold;
	padding-bottom: 1em;
	text-transform: uppercase;
	}
	
	
.price-box-large {
	margin: 14px 0px 0px 0px;
	line-height:1.5em;
	float:left;
	width: 110px;
	height: 50px;
	font-weight:bold;
	font-size: 150%;
	text-align:left;
	display: inline
	}

.was-price { /*Added by PR*/
	color: #ccc;
	text-decoration: line-through;
	padding-left: 4px;
	}

.required-option { /*Added by PR*/
	border: 1px solid red;
	}	
	
#cat-christmas-shop  .price-box-large {
	color:#FFFFFF
	}	


.selection-box {
	margin: 14px 0px 0px 5px;
	float:left;
	width: 192px;
	height: 25px;

	display: inline
	}
	
.buy-box { 
	margin: 14px 0px 0px 5px;
	float:left;
	width: 49px;
	height: 25px;
	display: inline
	}

.back-button { 
	padding-top: 20px;
	padding-right: 10px;
	float:right;
	width: 49px;
	height: 25px;
	}

.items-per-page{ /* addition = PR*/
	clear:both; float:left; color:#143D55;
	}
	
.page-nav { 
	/* clear:both; removed - addition = PR*/
	float:right;
	padding: 10px 0px 10px 0px;
	}

.page-nav .current {
	font-weight: bold;
	}

.page-nav ul{ /*addition = PR*/
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;

	}
.page-nav li{ /*addition = PR*/
	float:left;
	padding: 0 2px;
	}

.page-nav .previous{ /*addition = PR*/
	padding-left: 2px;
	float: left;
	}

.page-nav .next{ /*addition = PR*/
	padding-left: 2px;
	float: left;
	}
	
#cat-horror-shop  .page-nav {
	color:#000000
	}
	
#cat-christmas-shop  .page-nav {
	color:#fff
	}


/* ------------ Contact Form ------------ */
	
#contact legend {
	display: none;
	}
	
#contact label {
	color: #143D55;
	text-transform: uppercase;
	font-size:110%;
	font-weight:bold
	}
	
#contact input, #contact textarea {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 100%;
	width: 280px;
	margin-bottom: 10px
	}
	

#contact textarea {
	height: 80px;
	}

	
#contact #submit {
	height: 25px;
	vertical-align: middle;
	width: 59px;
	}
	
	
	
/* ------------ Search Form ------------ */
	
#searchform legend {
	display: none;
	}
	
#searchform label {
	color: #143D55;
	text-transform: uppercase;
	font-size:110%;
	font-weight:bold
	}
	
#searchform input {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 100%;
	width: 150px;
	margin-top:-1px;
	}
	
#searchform  {
	vertical-align:middle;
	}
	

#searchform textarea {
	height: 20px;
	}

	
#searchform #gosearch {
	height: 25px;
	vertical-align: middle;
	width: 37px;
	}



	
	
/* ------------ Footer ------------ */
	
	

#footer {
	background: url('../img/footer-bg.gif') no-repeat top left;
	background-repeat:repeat-x;
	clear: both;
	float:left;
	line-height: 1.1em;
	width: 950px;
	padding: 3px 5px 0px 5px;
	}
			
#footer a {
	color: #000;
	text-decoration: none;
	}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
#links {
	float: left;
	}
	
#copyright {
	float: right;
	text-align: right;
	}


/* ------------ Map ------------ */

#map {
	width:330px;
	height:255px;
	border:#143d55 thick solid;
	margin-bottom: 25px 
	}

	
	

	
	
/* ------------ Toolbox ------------ */

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* ------------ Gallery ------------ */

#gallery-container { 
	float: left;
	width: 693px;
	padding-left: 20px;
	padding-top:100px
	}
	
#about #gallery-container { 
	padding-top:20px
	}

.gallery-holder { 
	float: left;
	width: 172px;
	height: 164px;
	}



/* ------------ Links ------------ */

a {
	text-decoration:underline;
	font-weight:bold;
	color:#143d55;
	}
	
a:hover {
	color:#b96e03
		}

#cat-horror-shop .item-box a{
	color:#e0822d;
	}

#shopfront {
	float:left;
	width:713px;
	height:521px;
}
	
#default #content-lower {
	background-color:#c6e6f6;
	border:#0e2b3b solid 1px;
	width:691px;
	padding:10px;
	margin:20px 0 20px 0
	}
	
#default #content-right { 
	width: 420px;
	}

#default #content-lower ul li a {
	font-size:110%;
	display:block;
	padding-top:10px;
	clear:both;
	}

#default #content-lower ul li ul,
#default #content-lower ul li ul li,
#default #content-lower ul li ul li a{float:left;}

#default #content-lower ul li ul li  a {
	text-decoration:none;
	font-size:80%;
	line-height:1.2em;
	margin-top:0px;
	height:12px;
	font-weight:normal;
	display:block;
	width: 150px;
	padding: 3px 0 0 22px;
	}	
	
#default #content-lower ul li ul li  a:hover {
	background: url('../img/bullet.gif') no-repeat 0 0;
	}
	
#btn-read-more a {
	background: url('../img/btn-read-more.gif') no-repeat 0 0;
	width:110px;
	height:24px;
	display:block;
	float:right;
	text-indent:-25000px;
	}	
	
#btn-read-more a:hover {
	background-position: 0 -24px;
	}