/* --------------------------------------- The little things in life --------------------------------------------- */
 /* ----------------------------------------- CSS Document by F2B ----------------------------------------------- */
  /* ----------------------------------------- pixelated by Andy ----------------------------------------------- */
  
/* CONSISTENT STYLES --------------------------------------------------------------------------------------------- */
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999; background-color:#000}
input, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999;}
body {background-color: #000; margin:0;}
a {text-decoration: none; color: #999;}
a:link {text-decoration: none; color: #999;}
a:visited {text-decoration: none; color: #999;}
a:hover {text-decoration: none; color: #eeaddd;}
a:active {text-decoration: none; color: #999;}
h1, h2, h3, h4, h5, h6, p, pre, img, blockquote, label, ul, ol, dl, form { padding: 0; margin: 0;}
img {border:0}
p {line-height: 1.25em;}
/* FRAMEWORK ---------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#container {position: absolute; left: 0; margin: 0; width: 990px; padding: 0;}
#header {width: 990px; height: 124px; text-align: center;}
#account {display:none;}
#terms {display:none;}

/* LEFT COLUMN ---------------------------------------------------------- */
#left {width: 190px; visibility:hidden;}

/* CENTRE COLUMN -------------------------------------------------------- */
#centre {width: 400px; float:left; /*background-color:#33CCFF;*/}
	#centre a {color: #eeaddd;}
	/*#centre a:link {text-decoration: underline; color: #eeaddd;}*/
	#centre a:hover {text-decoration: underline;}
	#centre div.listing {clear:both; margin: 0 0 0 30px; width: 550px; background: url(../images/centreBoxBG.jpg) no-repeat top left;}
		#centre div.listing p {padding: 20px 8px 20px 8px; line-height: 1.5em;}
	#centre div.listing_noBG {margin: 0 0 0 30px; width: 550px; /*height: 200px;*/}
		#centre div.listing_noBG p {padding: 0 20px 10px 20px; line-height: 1.5em;}
		#centre div.listing_noBG h1 {font-size: 11px; color: #eeaddd; font-weight: bold; padding: 10px 0 10px 20px}
	#centre div.productTop {clear:both; margin: 0 0 0 30px; width: 550px; height: 140px; background: url(../images/centreBoxBG.jpg) no-repeat top left;}
	#centre div.product {margin: 0 0 0 30px; width: 550px;}
	#centre div.DetailTop {clear:both; margin: 0 0 0 30px; width: 550px; background: url(../images/centreBoxBG.jpg) no-repeat top left;}
			
.photo {width: 120px; float:left;}
	.photo h3 {font-size: 10px; color: #999; font-weight: normal; padding: 0 0 10px 18px; line-height: 1.25em;}

.info {width: 220px; float:left;}
	.info a {text-decoration: none; color: #eeaddd;}
	.info a:link {text-decoration: none; color: #eeaddd;}
	.info a:hover {text-decoration: underline; color: #eeaddd;}
	.info h1 {font-size: 11px; color: #eeaddd; font-weight: bold; padding: 18px 20px 0 8px}
	.info h2 {font-size: 11px; color: #999; font-weight: normal; padding: 2px 20px 0 8px}
	.info p {font-size: 10px; color: #999; font-weight: normal; padding: 17px 20px 20px 8px; line-height: 1.25em;}
	.info h3 {font-size: 10px; color: #eeaddd; font-weight: bold; padding: 0 20px 10px 8px}

.headerLone {width: 300px; float:left;}
.headerLone h1 {font-size: 11px; color: #eeaddd; font-weight: bold; padding: 10px 20px 10px 50px}

#detail {width: 550px; clear:both;}
	#detail h1 {font-size: 11px; color: #eeaddd; font-weight: bold; padding: 15px 20px 0 20px} /* product name */
	#detail h2 {font-size: 10px; color: #999; font-weight: normal; padding: 0 0 10px 20px; line-height: 1.25em;} /* product number */
	#detail h3 {font-size: 10px; color: #eeaddd; font-weight: bold; padding: 7px 20px 20px 20px} /*product price */
	#detail p {font-size: 10px; color: #999; font-weight: normal; padding: 7px 20px 10px 20px; line-height: 1.25em;}

#headingLeft {float:left; margin: 0; width:280px;}
	#headingLeft h1 {font-size: 11px; color: #eeaddd; font-weight: bold; padding: 10px 0 10px 50px}
	#headingLeft p {font-size: 10px; color: #999; font-weight: normal; padding: 10px 0 10px 50px; line-height: 1.25em;}
#headingRight {float:left; width:100px;text-align:right}
	#headingRight p {font-size: 10px; color: #999; font-weight: normal; padding: 10px 20px 0 0; line-height: 1.25em;}
	#headingRight a {text-decoration: none; color: #999;}
	#headingRight a:link {text-decoration: none; color: #999;}
	#headingRight a:hover {text-decoration: underline; color: #eeaddd;}
#backNext {float:left; width:100px;}
	#backNext p {font-size: 10px; color: #999; font-weight: normal; padding: 10px 0 10px 0; line-height: 1.25em;}
	#backNext a {text-decoration: none; color: #999;}
	#backNext a:link {text-decoration: none; color: #999;}
	#backNext a:hover {text-decoration: none; color: #eeaddd;}
#page {float:left;  width:263px;}
	#page a {text-decoration: none; color: #999;}
	#page a:link {text-decoration: none; color: #999;}
	#page a:hover {text-decoration: underline; color: #eeaddd;}
	#page p {font-size: 10px; color: #999; font-weight: normal; padding: 10px 0 10px 50px; line-height: 1.25em;}
	#page a.clicked {text-decoration: underline;color: #eeaddd;}

/* RIGHT COLUMN ----------------------------------------------------- */
#right {display:none;}

/* MISC TAGS ------------------------------------------------------- */
.titlePad {padding-bottom:7px;}
.logo {margin-top: 24px;}
.homePad {margin-bottom: 70px;}
.headerPad {padding-left: 30px;}
.productPhoto {margin: 20px 0 60px 20px; border: 1px #989898 solid; }
.productDetail {margin: 21px 0 2px 21px; border: 1px #989898 solid; }
.productPhoto_type {margin: 20px 0 2px 20px; border: 1px #989898 solid; }
.footer {margin: 15px 0; text-align: center;}
.pink, .items {color: #eeaddd;}
.pinkStrong {color: #eeaddd; font-weight:bold;}
.grey {color: #999;}
.tight {letter-spacing: -0.1em;}

/* TOP NAV ------------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */
#nav {display:none;}

/* FOOTER ---------------------------------------------- */
#footer {clear:both}
	#footer a {text-decoration: none; color: #999;}
	#footer a:link {text-decoration: none; color: #999;}
	#footer a:hover {text-decoration: none; color: #eeaddd;}
	
/* misc ---------------------------------------------- */
div.blankBG {clear:both; margin: 0 0 0 30px; width: 700px}
div.blankBG p {padding: 20px 20px 0 20px; line-height: 1.5em;}
div.blankBG h1 {font-size: 11px; color: #eeaddd; font-weight: bold; padding: 15px 0 0 20px}