@import url(reset.css); 
@import url(coreforms.css); 
@import url(sidebars.css); 
@import url(colourcoding.css); 
@import url(tabmenus.css); 


/* BOXES */
	#wrapper {
		z-index:0;
		width:880px;
		margin: 0px auto;
		text-align: left;
		position:relative;
		background: url(../images/bgs/wrapper.jpg) center bottom no-repeat;
	}
	#header{
		z-index:0;
		width:880px;
		height:190px;
		position:relative;
	}
	#footer{
		width:880px;
		clear:both;
		text-align: center;
		padding:70px 0px 15px 0px;
	}
	#userpanel{
	}



/* CONTENT BOXES */
	#sidebar,
	#feature,
	#highlights{
		float:left;
		display:inline;
		position:relative;
	}
	#sidebar{
		width:200px;
		background: url(../images/bgs/rocket.gif) right top no-repeat;
	}
	#feature{
		width:490px;
		padding:15px 0 0 5px;
		background: url(../images/bgs/feature.png) left top no-repeat;
	}
	#highlights{
		float:right;
		width:170px;
	}
	#banner{
		position: absolute;
		width:600px;
		left: 200px;
		top: 65px;
	}
		 .banner iframe{
			position:relative;
			width:571px;
		}




/* HEADER styles */
	#header h1{
		z-index:0;
		top:0;
		padding:0;
		margin:0 0 0 -60px;
		position:absolute;
	}
		h1 a.skiplink {
			position:absolute;
			text-indent:-20000em;
			font-size:7px;
			line-height:8px;
			font-weight:normal;
		}
	#header .address{
		text-align:right;
		padding:22px 0 0 0;
		text-transform:uppercase;
	}
		.address p{
			font-size:1.3em;
			display:inline;
			background:#000;
			padding:0 0 0 2px;
		}
		.address p strong{
			font-weight:normal;
			color:#ED1C24;
		}


/* FOOTER & USERPANEL styles */
	#footer ul{ padding-bottom:.5em;}
		#footer ul a{color:#E39943;}
		#footer ul li{ 
			display:inline; 
			padding:0 .4em;
			border-right: 1px solid #E39943;
		}
		#footer ul li.contactNav,
		#footer ul li.logoutNav{ 
			display:inline; 
			padding-right:0;
			border-right: 0px solid #E39943;
		}

	#footer p a{color:#fff;text-decoration:none;}
	#footer p a.nDrows{color:#fff;text-decoration:underline;}









/* FEATURE - BASE CONTENT styles */
	/* h1 pageheaders */
		#feature h1.pageHeader{
			font-size:1.5em;
			height:32px;
			line-height:1em;
			padding:0 0 0 16px;
			text-transform:uppercase;
			background:url(../images/bgs/pageHeader.gif) left bottom no-repeat;
		}
			#feature h1.pageHeader a{
				color:#fff;
				text-decoration:none;
			}
		
		/* h1 adjustments for pages with submenus */
			.dvd #feature h1.pageHeader,
			.music #feature h1.pageHeader,
			.books #feature h1.pageHeader,
			.posters #feature h1.pageHeader,
			.dvd_rental #feature h1.pageHeader,
			.games #feature h1.pageHeader,
			.user #feature h1.pageHeader,
			.shop #feature h1.pageHeader,
			.artist #feature h1.pageHeader{
				height:22px;
				background-image:none;
			}



	/* feature wrapper */
		#feature .featurewrap{
			color:#000;
			float:left;
			display:inline;
			position:relative;
			width:450px;
			height:auto !important;
			height:750px;
			min-height:750px;
			padding:10px 15px;
			background: #fff url(../images/bgs/featurewrap.gif) left bottom no-repeat;
		}
	
	/* generic styles */
		#feature h2{color:#587598;}

		#feature li,
		#feature dt,
		#feature dd{
			padding:0 0 0 15px;
			background: url(../images/icons/bullet.gif) 2px 5px no-repeat; 
		}	
		#feature dt{font-weight:bold;}	
		#feature dd{
			padding-bottom:.3em;
			background-image:none;
		}	

		#feature table{width:450px;}
			#feature th, 
			#feature td{
				padding:6px 10px;
			}
			#feature th {
				color:#fff;
				background:#739BCC;
			}
			#feature td{border-bottom:1px solid #91B1D7;}






		#feature .captionBox,
		#feature .leaderImage,
		#feature .mainPic{
			width:auto;
			float:right;
			margin:0 0 10px 12px;
		}
			#feature .leaderImage{float:left;}
			#feature .wideBox{float:none;}

			#feature .captionBox img,
			#feature .leaderImage img,
			#feature .mainPic img{
				border: 1px solid #EE9429;
			}
			#feature .captionBox p.caption,
			#feature .mainPic p.caption{
				font-size:1em;
				text-align:center;
				padding:2px 0 5px 0;
			}
			#feature table .leaderImage{
				float:left;
				margin:0 12px 10px 0;
			}








		/* STEPTHROUGHS & ALPHA LISTS */
			/* numerical pagination styling */
			#feature .numList img{vertical-align:text-bottom;}
			#feature .numList .active,
			#feature a.paginate{ padding:0 3px;}

			#feature .alphaList li{
				padding:0;
				display:inline;
				background:none;
				font-size:1.3em;
				font-weight:bold;
			}
			#feature .alphaList li a{
				padding: 2px;
				text-decoration:none;
			}
			#feature .alphaList li a:hover{background:#efefef ;}

			#feature .alphaList li.active,
			#feature .alphaList li.inactive{
				padding:2px;
			}
			#feature .alphaList li.active{border:1px solid #efefef;}
			
			

		/* SECTION BANNER */
					#feature .featurewrap .sectionImageContainer {
						height: 160px;
					}
					
			#feature .featurewrap .sectionImage{
				color: #fff;
				height: auto !important;
				height:160px;
				min-height:160px;
				position:relative;
				background-color: #000;
				background-repeat:no-repeat;
				margin:-16px -16px 10px -16px;
			}

			#feature .sectionImageContent {
				width:220px;
				padding-top:10px;
				position:relative;
			}
			
				#feature .sectionImageContent a{text-decoration:none;}
				#feature .sectionImageContent a:hover{text-decoration:underline;}

				#feature .sectionImageContent h2 {
					color: #fff;
					padding-bottom:10px;
					font-size: 2.2em;
					line-height: 1.1em;
					letter-spacing: -1px;
					font-family: arial black,verdana,trebuchet,arial,helvetica,sans-serif;
				}
				
				#feature .sectionImageContent h2 a {color: #fff;}

				#feature p.moreLink,
				#feature p.sectImageStep{
					position:absolute;
					left:250px;
					bottom:10px;
					padding:0;
				}
				#feature p.moreLink {left:435px;}
			
				#feature p.sectImageStep a,
				#feature p.sectImageStep span.active{
					
					background:#000;
					border:1px solid #000;
				}
				#feature p.sectImageStep a{color:#E39943;text-decoration:underline;}
				#feature p.sectImageStep a:hover{
					border-color: #E39943;
				}



/* PRODUCT LISTS / HOME, LIBRARY, SEARCH & BROWSE */
		#feature .productList{clear:both;}
			#feature .productList .listItem{
				line-height:1.2em;
				padding:.2em 10px;
				background-image:none;
			}


		/* SEARCH/BROWSE & TEXT LISTS */
			.browse #feature .productList .listItem,
			.search #feature .productList .listItem,
			#feature .resultBox .productList .listItem{
				padding:.2em 10px .2em 65px;
			}
				.browse #feature .productList .listItem .shelfIcon,
				.search #feature .productList .listItem .shelfIcon,
				#feature .resultBox .productList .listItem .shelfIcon{
					float:left;
					margin-left:-55px;
				}
			

		/* FEATURED RELEASE, WHAT WE'RE & OVERLOOKED  LISTS */
			#feature .featuredReleases .productList,
			#feature .highlights .productList,
			#feature .overlooked .productList{
				float:left;
				display:inline;	
				width: 460px;
				margin:0 -5px;
			}
				#feature .featuredReleases .productList .listItem,
				#feature .highlights .productList .listItem,
				#feature .overlooked .productList .listItem{
					float:left;
					display:inline;	
					width: 210px;
					height:180px;
				}
			
					#feature .productList .listItem .leaderImage {
						margin:0;
						width:90px;
					}

					#feature .productList .listItem .itemDetail {
						width:115px;
						overflow:visible;
						margin:0 -10px 0 95px;
						}
					#feature .productList .listItem .itemDetail h3{font-weight:normal}
					#feature .productList .listItem .moreReleases{text-align:right;}

	
			/* FEATURED ITEMS / INDEX TWEAKS */
				.index #feature  .productList{
					width: 480px;
					margin:0 -15px;	
				}
				.index #feature .productList .listItem{
					width: 220px;
					height: 220px;
				}
					.index #feature .productList h2.blockHeader {
						margin:0 0 .8em 0;
					}
					.index #feature .productList .listItem .leaderImage {border-left:10px solid #fff;}
					.index #feature .productList .listItem .itemDetail {margin-left:105px;}


	
	
/* PRODUCT PAGES */

	/* OVERVIEW PAGE STYLES */
			#feature .otherReleases {
				float:left;
				width: 480px;
				display:inline;
				margin:0 -15px;	
			}
				#feature .otherReleases .outNow,
				#feature .otherReleases .comingSoon{
					width:220px;
					float:left;
					display:inline;
					position:relative;	
					padding:0 10px;
				}
				#feature .otherReleases .blockHeader {margin:0 0 .5em 0;}
				#feature .otherReleases .comingSoon li{
					line-height:1.2em;
					padding:.2em 10px;
					background-image:none;
				}


	/* SEARCH & BROWSE STYLES  */
		#feature .resultBox{margin-bottom:1.5em;}
		#feature .resultBox .blockHeader{
			width:auto;
			margin:0 0 .8em 0;
		}
			#feature .resultBox h2,
			#feature .resultBox h3,
			#feature .resultBox h4,
			#feature .resultBox p{
				padding-left: 10px;
			}
			#feature .resultBox .numList,
			#feature .resultBox .searchTerm,
			#feature .resultBox .searchNotes{
				padding:0 10px 10px 10px;
			}



	/* PRODUCT DETAIL PAGE STYLES */
		#feature .view .productName{
			font-size:2.2em;
			line-height:1.1em;
			letter-spacing:-1px;
			font-family: arial, verdana, trebuchet, arial, helvetica, sans-serif;
		}

		#feature .view .details li,
		#feature .view .shelves dt, 
		#feature .view .specs dt,
		#feature .view .specs li,
		#feature .view .shortLists li{
			padding:0;
			background-image:none;
		}		
		
		/* top detail lists */
			#feature .view .details li.shelf h4{
				padding:0;
				float:left; 
				width:auto;
				display:inline;
				font-size:1em;
				line-height:1.5em;
			}
			#feature .view .details .price{font-size:1.6em;line-height:1em;}
			#feature .view .details .noStock{color:#ED1B24;font-weight:bold;}
			#feature .view .details .inStock{color:#00A651;font-weight:bold;}
			#feature .view .details li dl.shelves {margin-left:76px;}
			
			#feature .view dl.shelves dt {
				font-weight:normal;
				float:left;
				width:auto;
				margin-right: 5px;
				padding:0
			}		

	
				#feature .view .specs dl {
					float:left;
					width:145px;
				}
				#feature .view .specs dt, 
				#feature .view .specs dd {
					padding-left:15px;
				}
				#feature .view .specs dt {
					font-size:1.2em;
					font-weight:bold;
					padding-top:1em;
				}
			



	
		
		
		


		
		








/* USER PAGES */
	.user form .passwordVerify {margin-left:120px;}





/* TICKETS stuff */
	.tickets #feature th{
		background:#D10046;
		text-transform:uppercase;
	}
	.tickets #feature th, 
	.tickets #feature td{
		padding:6px;
		border-bottom:0px solid #D10046;
	}
		.tickets #feature .row2 td{background:#F9E5EC;}
		.tickets #feature .date{
			padding-bottom:0;
		}
		.tickets #feature .venue, 
		.tickets #feature .artists{
			padding-top:0px 5px;
		}
		.tickets #feature .event{
			width: 160px;
			padding-left:10px;
		}
		.tickets #feature .price{
			width: 50px;
			padding-right:10px;
		}
		.tickets #feature .date, 
		.tickets #feature .price{
			border-bottom: 0px solid #416099;
		}



/* CART & Wishlist stuff */
	/* shared table alignment */
		table .price,
		table .total,
		table .cartsubresult{
			text-align:right;
		}

	/* wishlist form */
		#feature .wishlist .buttons{text-align:right;}


	/* User info (DL list) */
		.shop #feature dl.order dt,
		.shop #feature dl.order dd{
			line-height:1.2em;
			padding:0 0 8px 0;
		}
		.shop #feature dl.order dt {
			float:left;
			width:90px;
			background-image:none;
		}
		.shop #feature dl.order dd {
			margin-left:90px; 
		}


	/* cart form */
		#feature #cartOutput td{line-height:1.3em;}
		#feature .cart input{width:auto;}

		.shop #feature .cart form{
			padding:1px;
			width:448px;
			text-align:right;
		}
		.shop #feature .cart form #cartOutput{
			margin:0;
			width:448px;
			text-align:left;
		}
			.shop #feature .cart form #cartOutput th{border-bottom:3px solid #fff;}
	
			.shop #feature .cart input.updateCart,
			.shop #feature .cart img.formbutton{
				vertical-align:middle;
				padding:5px 4px 3px 0px;
			}
			.shop #feature .cart input.updateCart{background:transparent none;}
			.shop #feature .cart p.checkout{text-align:right;}


	/* checkout form */
		.shop #feature .checkout .formbuttons{text-align:right;}


	/* payment form */

		#feature .shipping fieldset {
			margin:0; 
			padding:0 0 1px 120px;
			border:0px solid #416099;
			text-indent:0;
		}
		#feature .shipping legend {
			padding:0px;
			margin-left:-120px !important;
			margin-left:-127px;
			margin-bottom:-19px;
		}
		#feature .shipping #Orders .creditType input{width:auto;}
		#feature .shipping #Orders .creditType label{
			float:none;
			width:50px;
			font-weight:normal;
			vertical-align:middle;
			padding:0px 18px 0px 3px;
		}
		#feature .shipping #Orders .creditExpiry label{width:60px;}
		#feature .shipping #Orders .creditExpiry select{min-width:195px;}
		#feature .shipping .creditCVC label{
			float:none;
			padding-right:5px;
		}
		#feature .shipping .creditCVC input{
			width:40px;
		}
		#feature .shipping .smallprint{
			clear:both;
			font-size:1em;
			font-style:italic;
		}
		.ordernotes {font-size: 1em;}
		.siteseal img  {
			float: left;
			margin: 0 10px 10px 0;
		}
		
		#feature #Orders .inputError{
			display:block;
			line-height:1.3em;
		}
		#feature form#Orders .formdescription{
			margin:0 0 .5em 0;
		}
	

/* WEBCAM stuff */
.cams #feature ul.camList{
	padding:5px;
	height:110px;
	margin-bottom: 1.5em;
	background:#f0f3fa;
	border:1px solid #b9cde5;
}
.cams #feature  ul.camList  li {
	padding:0;
	width:146px;
	float:left;
	display:inline;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	background-image:none;
}

.cams #feature  ul.camList li a.thumbCam{display:block;}
.cams #feature  ul.camList li a.thumbCam img{border:1px solid #b9cde5;}
/*.cams  p.stepThroughs{
	position:absolute;
	top:0;
}
.cams  .prev,
.cams  .next{
	position:absolute;
	top:56px;
}
.cams  .prev{left:-7px;}
.cams  .next{left:417px;}
*/
.cams  .head {
	text-align:center;
}
.cams  .bigView {
	border:1px solid #CCCCCC;
	margin-bottom:6px;
}





/* UNEDITED BELOW THIS POINT! */
	


/* HELP page columns
#feature .helpPage{
	float:left;
	width:444px;
}
#feature .helpList{
	width:110px; 
	margin:0 5px 0 0;
	float:left;
}
#feature .helpList .wrap{
	min-height:200px;
	background:url(../images/bgs/top-dk-blue-reviewList) right top no-repeat;
}
#feature .helpList .wrap h2{
	padding-top:22px;
	margin-left:-4px;
	margin-right:-5px;
}


#feature .helpItem{
	width:329px;
	float:left;
	margin:0;
}


#feature .helpItem .knowledgeitem{
	border-top: 1px solid #416099;
	padding-top:5px;
}
#feature .helpItem .knowledgeitem .num{
	background: #416099;
	padding:0 3px;
}

*/













/* reviews page (form and details etc) 
.reviews #feature .specs {
	float:none;
	clear:left;
}
*/








/* CART & Wishlist stuff */
/*table.cart, table.wishlist{
	width:100%;
	border-collapse:collapse;
}
table.cart td, table.cart th,
table.wishlist td,table.wishlist th{
	vertical-align: text-top;
}
table.cart img.inlinepic,
table.wishlist img.inlinepic{
	float:left;
	vertical-align: text-top;
	margin-right:5px ;
	border: 1px solid #FEAE00;
}
table.cart td.cartsubfoot{
	padding-left:250px;
}
table.cart td.cartsubresult{
	text-align:right;
}
.checkout table.cart td.cartsubfoot,.checkout table.cart td.cartsubresult {
	border-bottom:0px;
}
.checkout table.cart td.grandTotal{
	font-size:1.2em;font-weight:bold;text-transform:uppercase;
	border-top:1px solid #416099;
	padding-bottom:10px;
}
.checkout table.cart .headrow th{
	font-size:1.2em;border-top:1px solid #416099;
}
.checkout dt {
        float: left;
        font-weight: bold;
}
.checkout dd {
        padding-left: 130px;
        margin-bottom: 5px;
}
*/




/* FORMS  */

	/* LOGIN FORM */
	#feature form.loginForm{ clear:left;}
		#feature form.loginForm label{ width:80px; }
		#feature form.loginForm input.loginbutton{ margin-left:80px; }
		
		
	/* USER FORM */
	#feature form .passwordVerify{margin-left:120px;}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example: */
  .sIFR-active h1.pageHeader,
  .sIFR-active .module h2.boxHeader {
	line-height: 1em;
	visibility: hidden;
    font-weight:normal !important;
  }

  .sIFR-active .module h2.boxHeader a {
	color: #fff;
	}

  .sIFR-active h1.pageHeader {
	font-size:15px;
  }
  .sIFR-active .module h2.boxHeader {
	font-size:13px;
  }
}



/* management tweaks */
	.manage #feature dl {
		border: 1px dashed #ccc;
		padding-bottom:0;
	}
	.manage #feature dd {
		margin-left: 20px;
	}
	.manage #feature .newButton {
		display:block;
		padding-bottom: 12px;
	}	





.editmode #feature .contentItem{border-bottom:1px solid #eee;padding-bottom:5px;}

/* dreamgirl CMS styles*/
.buttonContainer
{
		display: inline;
        overflow: visible;
}

#dgInlineFeedback {
        width: 259px;
        height: 242px;
        color: #000;
        background: url(../dreamgirl/images/success.png)!important;
        background: url(../dreamgirl/images/success.gif);
        }

		#dgProgressDiv
		{
		        position: absolute;
		        bottom: 0px;
		        left: 10px;
		        width: 241px;
		        height: 241px;
		z-index: 2000;
			background-image: url(../dreamgirl/images/dreaming.gif);
		}
		
.dgInlineForm {
        width: 500px;
        border: 0px;
       /* margin:12px 0 0 -200px; */
        margin:12px 0 0 0;
		left:0;
        position: absolute;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 500px;
        border: 0px;
        padding: 0px;
        margin: 0px;
}
.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

.dgInlineButtonActivated {
		opacity: 0.5;
}

.dgActiveElement {
		border: 1px dashed #eebddc;
		z-index:100 !important;
}

.dgInactiveElement {
        background-color: transparent;
}

.dgButtonLink {
        border: 0px;
        margin-righ