@charset "utf-8";
/* CSS Document */

/*  CSS Reset  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {outline: 0;}
.clear {clear: both;}
.skip {display: none;}
.hide {display: none;}
.visible {visibility: visible;}
.left {float: left;}
.right {float: right;}

/* Basic CSS */

body {
	background: #000 url(../images/page_bg.jpg) top repeat-x;
	font: 100% Verdana, Arial, Sans-Serif;
	color: #fff;
}

a:link {text-decoration:none;color:#f000ff;}
a:visited {text-decoration:none;color:#f000ff;}
a:active {text-decoration:none;color:#e3418d;}
a:hover {text-decoration:underline;color:#e3418d;}

p {
	font-size: 0.8em;
	padding: 0.5em 0;
	
}

/* HORIZONTAL LINE */
hr {
	color:#acdc28;
	background-color:#acdc28; 
	height:2px;
	border:0px;
}

h1 {
	font-size: 1.4em;
	color: #EC008B;
	border-bottom: 1px solid #ADDD29;
	text-transform: inherit;
	padding: 0.5em 0;
}

h2 {
	color: #ADDD29;
	font-size: 1.2em;
	border-bottom: 0;
	padding: 1em 0;
}

h3,h4,h5,h6 {
	color: #fff;
	font-size: 1em;
	padding: 1em 0;
}

h5 {
	font-size: 1em;
	color: #EC008B;
	padding: 1em 0;
}

b, strong { font-weight: bold;}
i, em {font-style: italic;}

ul {
	margin: 0 3em;
	font-size: 0.8em;
	color: #ccc;
}

img.left {
	float: left;
	padding: 0.2em;
	border: 1px solid #ccc;
	margin: 0 1em 1em 0;
}

dl { font-size: 1em; padding: 1em 2em;}
dt { float: left; clear: left; width: 5em;}
dd { font-weight: bold; float: left; width: 9em;}

img.image { padding: 0.4em; }

/* Layout Divs */

#container {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	background: #340433 url(../images/content_bg.jpg) top repeat-y;
}

	#header {
		background: url(../images/header_bg.jpg);
		height: 259px;
		position: relative;
	}
	
	#content {
		padding: 10px;
	}
	
		#colLeft {
			width: 610px;
			float: left;
		}
	
		#colRight {
			width: 290px;
			float: right;
		}
		
	#lightbox{
	background-color:#340533;
	padding: 10px;
	border-bottom: 2px solid #340533;
	border-right: 2px solid #340533;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
		
	#footer {
		clear: both;
		padding: 1em;
		font-size: 0.7em;
		letter-spacing: 0.2em;
		color: #340533;
		margin-top: 1em;
		background: #000;
		text-align: center;

	}
	
	/*	Form Stylin'	*/
			
			#contact_form {	
			
				padding: 0.5em 1em;
				font-size: 0.75em;
				color: #fff;			
			}
			
						
			#contact_form fieldset {
				padding: 1em;
				border: 1px solid #ccc;
				margin-bottom: 0.5em;
			}
			
			#contact_form fieldset legend {
				padding: 0 0.5em;
				font-size: 1.2em;
				color: #ADDD29;
			}
			
			#contact_form fieldset label {
				display: block;
				width: 100%;
				float: left;
				clear: left;
			}
			
			#contact_form fieldset input {
				float: left;
				margin: 0 0 0.5em 0;
				font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
				color: #333;
				width: 25em;
			}
			
			#contact_form fieldset textarea {
				font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
				color: #333;
				width: 24em;
			}
			
			#contact_form input.formBtn {
				font-size: 1.2em;
				color: #000;
				width: 10em;
			}

/* Shopping Cart Items */

div.items, div.itemsWide, div.itemsSingle, div.itemsRefill {
 width: 100%;
 overflow: hidden;
 clear: left;
}

    div.items form {
		display: block;
		width: 90px;
		height: 201px;
		float: left;
	}
	
	div.itemsRefill form {
		display: block;
		width: 100px;
		height: 201px;
		float: left;
	}
	
	div.items form p {text-align: center;}
	
	div.itemsRefill form p {text-align: center;}

    div.itemsWide form {width: 150px;float: left;}
	
    div.itemsSingle form input { float: left }