/* Stylesheet for Lazerian */
/* Copyright (c) Fluid Creativity, 2008 */

/* Generic Elements */

* {
 	margin: 0;
 	padding: 0;
}

body {
	background: #0f0f0f;
	color: #ffffff;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 76%;
	text-align: center;
}

p {
	line-height: 1.2em;
	margin: 1em 0;
}

ul {
	list-style: none;
}

h1, h2, h3 {
	margin: 1em 0;
	font-size: 1em;
	text-transform: uppercase;
	color: #5e5e5e;
}

h1 {
	margin-top: 0;
}

a {
	color: #ffffff;
	text-decoration: underline;
}
	a:hover {
		color: #d1d1d2;
	}

	a img {
		border: none;
	}

address {
	font-style: normal;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}

	table.hideTitle caption {
		position: absolute;
		left: -10000px;
		line-height: 0;
	}

	table th {
		text-align: left;
		font-weight: bold;
	}

	table th, table td {
		padding: 2px 4px;
	}

/* Inline styling */

.clearer {
	line-height: 0;
	font-size: 0;
	height: 0;
}

.downArrow {
	background: url(../images/downArrow.gif) 100% 50% no-repeat;
	padding-right: 15px;
	display: inline;
	cursor: pointer;
}
	.downArrow.invert {
		background: url(../images/upArrow.gif) 100% 50% no-repeat;
	}
	
.upArrow {
	background: url(../images/upArrow.gif) 100% 50% no-repeat;
	padding-right: 15px;
	padding: inline;
	cursor: pointer;
}
	.upArrow.invert {
		background: url(../images/downArrow.gif) 100% 50% no-repeat;
	}

.contentBox {
	overflow: hidden;
}

p.subtext {
	font-size: 0.8em;
	font-weight: bold;
}

ul.itemList, ul.itemList ul {
	margin: 1em 0 1em 2em;
	list-style: disc;
}

	ul.itemList li {
		margin-bottom: 0.2em;
	}

#content img.cardLogos {
	float: right;
	display: inline;
	margin: -6px 0;
}

#contactDetails dt {
	float: left;
	width: 100px;
	margin-bottom: 0.5em;
}

#contactDetails dd {
	margin-left: 100px;
	margin-bottom: 0.5em;
}

/* Page Structure */

#accessibility {
	position: absolute;
	left: -10000px;
}

.wrapper {
	width: 970px;
	text-align: left;
	margin: 0 auto;
}

#header {
	height: 35px;
	padding-top: 10px;
}

	#header img {
		float: left;
	}

	#header p {
		float: right;
		color: #5E5E5E;
		font-size: 0.9em;
		line-height: 1em;
		margin: 0.5em 0 0 0;
	}
	
		#header p a {
			color: #5E5E5E;
			text-decoration: none;
		}
	
			#header p a:hover {
				text-decoration: underline;
			}

#content {
	clear: both;
}

	#content div.wrapper {
		position: relative;
		min-height: 418px;
		overflow: hidden;
	}
	
	div#content.designer div.wrapper,
	div#content.productInfo div.wrapper  {
		min-height: 390px;
	}

	#content img, #content object, #content embed {
		display: block;
	}

	#content object, #content embed {
		outline: none
	}

	div.home {	background: #000000; }
	div.product { background: #d1d1d2; }
	div.lighting { background: #1E1C17; }
	div.designer { background: #d1d1d2; }
	.home, .about, .contact, .generic1, .generic2, .generic3 { background: #000000;	}
	
	.productList1 {
		background: url(../images/product_list1.jpg) no-repeat top center;
	}
	
	.productList2 {
		background: url(../images/product_list2.jpg) no-repeat top center;
	}

	.internal {
		background: #d1d1d2;
		color: #636364;
	}
	
		#content.internal div.wrapper {
			padding: 10px 0;
			min-height: 0;
			background: url(../images/internalBack.jpg) 0 0 no-repeat;
		}

		#content.internal a {
			color: #636364;
		}

			#content.internal a:hover {
				color: #191919;
			}

	#content.contact div.wrapper, #content.about div.wrapper, #content.generic1 div.wrapper, #content.generic2 div.wrapper, #content.generic3 div.wrapper {
		width: 370px;
		padding: 10px 0 10px 600px;
		min-height: 368px;
	}
	
		#content.about div.wrapper { background: url(../images/about.jpg) 0 0 no-repeat; }
		#content.contact div.wrapper { background: url(../images/contact.jpg) 0 0 no-repeat; }
		
		.category #content div.wrapper,
		.designer #content div.wrapper {
			width: 770px;
			padding: 10px 0 10px 200px;
		}
                
                .category #content.retailers {
                    background: #000;                  
                }
                
                .category #content.retailers div.wrapper {
                       background: url("../images/generic_2.jpg") no-repeat scroll 0 0 #000; 
                       width: 370px;
                       padding: 10px 0 10px 600px;
                       min-height: 368px;
                }
			
#footer {
	clear: both;
	padding: 20px 0;
}

	#footer #productDescriptionLink {
		float: left;
	}

	#footer dl {
		text-align: right;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.8em;
		color: #5e5e5e;
	}

	#footer dt {
		margin-right: 2em;
	}

	#footer dt, #footer dd {
		display: inline;
	}

	#footer dd span {
		color: #ffffff;
	}

	#footer a {
		color: #5e5e5e;
		text-decoration: none;
	}

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


/* Navigation */

#navigation {
	background: #191919;
	height: 2em;
}

	#navigation ul {
		float: left;
		margin-top: 0.25em;
		z-index: 100;
		position: relative;
	}

	#navigation li {
		display: inline;
		margin-left: 3em;
		position: relative;
	}

	#navigation li.firstItem {
		margin-left: 0;
	}

	#navigation a {
		text-decoration: none;
		color: #acacac;
	}

		#navigation a:hover {
			text-decoration: underline;
		}

	#navigation ul.dropDown, #navigation ul.dropDown ul {
		display: none;
		position: absolute;
		background: url(../images/categories/textWrapperBg.png) repeat;
		width: 158px;
		padding: 10px;
		margin-top: 2em;
		font-size: 0.9em;
		float: none;
		top: 0;
		left: 0;
	}

		#navigation.displayMenu ul.dropDown {
			display: block;
		}

		#navigation ul.dropDown ul {
			margin-top: 0;
			top: 0;
			left: 180px;
			font-size: 1em;
		}
		
		#navigation ul.dropDown li.current ul {
			display: block;
		}

		#navigation ul.dropDown li {
			display: block;
			margin-top: 0.5em;
			margin-left: 0;
			position: static;
		}

			#navigation ul.dropDown li.firstItem {
				margin-top: 0;
			}

			#navigation ul.dropDown li.current a {
				color: #ffffff;
				border-left: 25px solid #2f2f2f;
				padding-left: 5px
			}

			#navigation ul.dropDown li.current ul a {
				border-left: none;
				padding-left: 0;
			}
			

			#navigation ul.dropDown li.category a {
				text-transform: none;
				color: #ffffff;
			}

			#navigation ul.dropDown li.sep {
				border-top: 1px solid #9a9a9a;
				padding-top: 1em;
				margin-top: 1em;
			}

		#navigation ul.dropDown a {
			text-transform: uppercase;
			color: #9f9f9f;
			font-weight: bold;
			display: block;
		}

		#navigation ul.dropDown ul a {
			text-transform: none;
		}

	#navigation #topBasket {
		position: relative;
		z-index: 100;
		float: right;
		padding-top: 0.25em;
	}
		
		#navigation #topBasket div {
			display: none;
			position: absolute;
			right: 0;
			top: 0;
			margin-top: 2.3em;
			background: #0F0F0F;
			width: 200px;
			font-size: 0.9em;
			text-transform: uppercase;
			padding: 10px;
		}
		
			#navigation #topBasket div a {
				float: right;
			}
		
		#navigation #topBasket dl * {
			display: inline;
		}
		
		#navigation #topBasket dd {
			margin-right: 1em;
		}

/* Block Elements */

div.imageRotater {
	position: relative;
	width: 435px;
	height: 292px;
}

	div.imageRotater img {
		position: absolute;
		z-index: 1;
	}
	div.imageRotater img.first {
		z-index: 2;
	}
	
#contentList {
	overflow: hidden;
}

	#contentList li {
		display: inline-block;
		vertical-align: top;
		width: 473px;
		margin: 0 0 1em 20px;
	}
	
		#contentList li:first-child, #contentList li.firstItem {
			margin-left: 0;
		}
	
		#contentList li img {
			float: left;
			margin-right: 12px;
		}
		
		#contentList strong {
			text-decoration: none;
			font-size: 1.2em;
			color: #3e3e3f;
		}
		
		#contentList li span {
			display: block;
			color: #848485;
			font-weight: bold;
			font-size: 1.1em;
		}
		
		#contentList li p {
			font-size: 0.9em;
		}
		
		#contentList li a {
			text-decoration: none;
		}
		
		#contentList li div.viewLink {
			text-align: right;
			padding-top: 1em;
			margin-top: 1em;
			border-top: 1px solid #a7a7a8;
			float: left;
			width: 249px;
		}
		
			#contentList li div.viewLink a {
				background: url(../images/viewLink.gif) 100% 50% no-repeat;
				padding-right: 20px;
				color: #818182;
				text-decoration: none;
				font-weight: bold;
			}
			
				#contentList li div.viewLink a:hover {
					text-decoration: underline;
				}

#featuredList {
	float: left;
	width: 560px;
}

	#featuredList li {
		margin-bottom: 1em;
		clear: both;
		overflow: hidden;
	}
	
		#featuredList li img {
			float: left;
			margin-right: 12px;
		}
		
		#featuredList strong {
			text-decoration: none;
			font-size: 1.2em;
			color: #3e3e3f;
		}
		
		#featuredList li span {
			display: block;
			color: #848485;
			font-weight: bold;
			font-size: 1.1em;
		}
		
		#featuredList li p {
			font-size: 0.9em;
		}
		
		#featuredList li a {
			text-decoration: none;
		}
		
		#featuredList li div.viewLink {
			text-align: right;
			padding-top: 1em;
			margin-top: 1em;
			border-top: 1px solid #a7a7a8;
			float: left;
			width: 336px;
		}
		
			#featuredList li div.viewLink a {
				background: url(../images/viewLink.gif) 100% 50% no-repeat;
				padding-right: 20px;
				color: #818182;
				text-decoration: none;
				font-weight: bold;
			}
			
				#featuredList li div.viewLink a:hover {
					text-decoration: underline;
				}

#archiveList {
	float: right;
	width: 260px;
}

	#archiveList h2 {
		margin-top: 0;
		color: #929293;
		text-transform: none;
	}

	#archiveList li {
		margin-bottom: 1em;
	}
	
	#archiveList span {
		display: block;
		font-size: 1.1em;
		font-weight: bold;
		color: #848485;
	}
	
	#archiveList a {
		color: #3e3e3f;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.2em;
	}
	
		#archiveList a:hover {
			text-decoration: underline;
		}

#articleItem div.imageRotater {
	float: left;
}

#articleItem div.content {
	float: right;
	width: 525px;
}

#articleItem ul.articleLinks {
	list-style: none;
	border-top: 1px solid #A7A7A8;
	margin-top: 1em;
	padding-top: 1em;
}

	#articleItem ul.articleLinks li {
		display: inline;
	}

	#articleItem ul.articleLinks a {
		color: #818182;
		font-weight: bold;
		text-decoration: none;
	}
	
		#articleItem ul.articleLinks a:hover {
			text-decoration: underline;
		}
	
		#articleItem ul.articleLinks a.nextLink {
			background: url(../images/nextItem.gif) no-repeat 100% 50%;
			padding-right: 20px;
			float: right;
		}

		#articleItem ul.articleLinks a.backLink {
			background: url(../images/previousItem.gif) no-repeat 0 50%;
			padding-left: 20px;
			float: left;
		}

div.splitColumn {
	margin: 1em 0 1em 20px;
	float: left;
	width: 453px;
	padding: 10px;
	border: 1px solid #191919;
}

	div.splitColumn.firstItem {
		margin-left: 0;
	}

	div.splitColumn div.submit {
		width: auto;
	}

	div.splitColumn h2 {
		margin-top: 0;
		padding-bottom: 0.2em;
		border-bottom: 1px solid #191919;
		margin-bottom: 2em;
	}

	div.splitColumn fieldset {
		margin-top: 0;
		width: auto;
	}

		div.splitColumn fieldset legend {
			text-transform: uppercase;
		}

		div.splitColumn fieldset label {
			margin-top: 0.8em;
		}
	
		div.splitColumn fieldset span {
			float: left;
			display: inline;
			width: 200px;
			margin-top: 0.2em;
		}
	
		div.splitColumn fieldset span em {
			right: 5px;
		}
		
		div.splitColumn fieldset input, div.splitColumn fieldset select, div.splitColumn fieldset textarea {
			width: 200px;
			margin: 0;
			width: 249px;
		}

			div.splitColumn fieldset label.option input {
				width: auto;
			}
	
			div.splitColumn fieldset select {
				width: 253px;
			}

/* Product Details */

#productDetails {
	float: left;
	margin-bottom: 1px;
	background: url(../images/productDetailsBack.gif) 0 0 repeat-y;
	opacity: 0.8;
	min-height: 200px;
}

	#productDetails * {
		opacity: 1;
	}

	#productDetails.noOptions {
		width: 750px;
		background: none;
	}
	
		#productDetails.noOptions div.column.firstItem {
			width: 732px;
			min-height: 180px;
		}
	
		.designer #productDetails.noOptions {
			width: 752px;
		}

	#productDetails div.column {
		background: #0f0f0f;
		padding: 10px;
		margin-right: 1px;
		float: left;
		width: 200px;
		height: 100%;
	}

		#productDetails div.column.firstItem {
			width: 289px;
		}
		
		.designer #productDetails div.column.firstItem {
			width: 732px;
		}

			#productDetails div.column.firstItem fieldset {
				float: none;
			}

		#productDetails div.column.hasAddToBasket {
			height: 108px;
		}

	#productDetails div.addToBasket {
		border-top: 1px solid #3a3a3a;
		padding-top: 0.5em;
		margin-top: 1em;		
	}

		#productDetails div.column.hasAddToBasket div.addToBasket {
			width: 200px;
			bottom: 5px;
		}

		#productDetails strong {
			float: left;
			font-size: 1.2em;
		}

			#productDetails strong del {
				font-size: 0.8em;
				font-weight: normal;
			}

		#productDetails div.addToBasket input {
			float: right;
			color: #7d7d7d;
			background: url(../images/submit.gif) 100% 50% no-repeat;
			text-align: right;
			padding-right: 20px;
			border: none;
			width: auto;
			text-transform: uppercase;
			font-weight: bold;
			margin: 0;
		}
		
	#productDetails p {
		margin: 0;
	}
	
	#productDetails h1, #productDetails h2 {
		margin: 0 0 0.5em 0;
	}

	#productDetails fieldset {
		margin: 0;
		width: auto;
		float: left;
	}
	
	#productDetails legend {
		position: absolute;
		left: -10000px;
		line-height: 0;
		visibility: hidden;
	}

	#productDetails label {
		padding: 0;
	}

		#productDetails label span {
			position: absolute;
			left: -10000px;
		}
	
		#productDetails label select {
			width: 100%;
			float: none;
			text-transform: uppercase;
			margin: 0 0 0.2em 0;
		}	
	
			#productDetails label select option {
				text-transform: none;
			}

	#productDetails .options {
		margin-top: 0.5em;
		float: none;
	}

		#productDetails .options legend {
			position: static;
			line-height: 0.9em;
			font-size: 0.9em;
			margin-bottom: 2px;
			visibility: visible;
		}
	
		#productDetails .options label {
			float: left;
			width: 21px;
			height: 21px;
			clear: none;
			margin: 0 2px 2px 0;
			border: 1px solid #515151;
			text-align: center;
		}
	
			#productDetails .options label.selected {
				border: 1px solid #ffffff;
			}
	
			#productDetails .options label input {
				width: auto;
				border: none;
				float: none;
				background: none;
			}
	
				#productDetails .options.hideInputs label {
					cursor: pointer;
				}
	
				#productDetails .options.hideInputs label input {
					position: absolute;
					left: -10000px;
				}

/* Checkout */

dl.basketSummary {
	margin: 1em -10px;
}

	dl.basketSummary dt {
		float: left;
		width: 200px;
		font-weight: bold;
		margin-bottom: 0.5em;
		padding: 0 10px;
	}
	
	dl.basketSummary dd {
		margin-left: 220px;
		margin-bottom: 0.5em;
	}
	
	dl.basketSummary .total {
		font-weight: bold;
		font-size: 1.1em;
		padding: 10px;
		background: #bababa;
	}

		dl.basketSummary dd.total {
			padding-left: 0;
		}

table.basket {
	margin: 0 -10px 1em -10px;
	width: 473px;
}

	table.basket input, label.delivery select {
		background: #191919;
		border: 1px solid #515151;
		color: #FFFFFF;
		padding: 1px;
		width: 50px;
		text-align: center;
	}

	table.basket tr.alt {
		background: #bababa;
	}
	
	table.basket td, table.basket th {
		padding: 3px 10px;
	}
	
	table.basket td.deleteButton {
		text-align: right;
	}

label.delivery {
	float: left;
	margin-top: 1em;
}

	label.delivery span {
		float: left;
		display: inline;
		margin: 0.2em 0.5em 0 0;
	}

	label.delivery select {
		width: auto;
	}

#content table.basket img {
	display: inline;
	vertical-align: middle;
	margin-right: 0.5em;
}

ul.basketActions {
	margin-top: 1em;
	float: right;
}

#steps {
	float: right;
}

	#steps dt {
		position: absolute;
		left: -10000px;
	}
	
	#steps dd {
		display: inline;
		margin-left: 1em;
	}
	#steps .step1_over, #steps .step2_over, #steps .step3_over {
		font-weight: bold;
		text-transform: uppercase;
	}

dl.orderDetails {
	margin-top: 1em;
}

	dl.orderDetails dt {
		font-weight: bold;
		margin-bottom: 1em;
	}

table td.deleteButton input, ul.basketActions input, a.checkout {
	background: #191919;
	border: 1px solid #515151;
	color: #FFFFFF;
	padding: 1px;
	text-align: center;
	width: 5em;
	text-transform: uppercase;
}

#content.internal a.checkout {
	color: #ffffff;
	text-decoration: none;
	padding: 3px;
	width: auto;
}

/* Form Styling */

fieldset {
	margin: 1em 0;
	border: none;
	color: #5E5E5E;
	width: 370px;
}

	fieldset legend {
		font-weight: bold;
		color: #5E5E5E;
	}

	fieldset label {
		display: block;
		overflow: hidden;
		margin-top: 1em;
		clear: both;
	}

		fieldset label span {
			display: block;
			position: relative;
		}

			fieldset label span em {
				position: absolute;
				right: 0;
				font-size: 0.9em;
			}

	fieldset input, fieldset textarea, fieldset select {
		margin-top: 0.2em;
		width: 366px;
		background: #191919;
		border: 1px solid #515151;
		color: #ffffff;
		padding: 1px;
	}
	
		fieldset input:focus, fieldset textarea:focus, fieldset select:focus {
			border: 1px solid #ffffff;
		}

		fieldset select {
			width: 370px;
		}

		fieldset textarea {
			height: 8em;
		}

label.option input, input.option {
	float: none;
	width: auto;
	background: none;
	border: none;
}

div.submit input, input.submit {
	color: #7d7d7d;
	background: url(../images/submit.gif) 100% 50% no-repeat;
	text-align: right;
	padding-right: 20px;
	border: none;
}

label.error span {
	color: #ffffff;
}

select option {
	padding: 0 2px;
}

#errors {
	margin: 1em 0 1em 2em;
	font-weight: bold;
}

div.submit {
	margin-top: 1em;
	text-align: right;
	width: 370px;
}

	div.submit a {
		float: left;
	}
	
div.textWrapper {
	background: url(../images/categories/textWrapperBg.png) repeat;
	padding: 10px;
	margin: 0 0 10px 0;
}	

ul.productList {
	width: 770px;
	background: #504A4B;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url(../images/categories/textWrapperBg.png) repeat;
}

ul.designer li a img {
	margin-bottom: 15px;
}

	ul.productList li {
		float: left;
		width: 185px;
		min-height: 200px;
		background: rgba(0,0,0,0.8);
		margin: 25px;
		padding: 10px;
		list-style: none;
		min-height: 205px;
		background: rgba(0,0,0,0.8);
	}
	
		ul.productList.press li,	
		ul.productList.brands li {
			min-height: 170px;
		}
	
		ul.productList li img {
			margin-bottom: 5px;
		}
	
		ul.productList li a {
			float: left;
			width: 100%;
			font-size: 1em;
			margin-top: 1px;
			font-weight: bold;
			text-decoration: none;
			color: rgba(255,255,255,0.8);
		}
		
			ul.productList li a:hover {
				text-decoration: underline;
			}
			
		ul.productList li span.price {
			float: left;
			width: 100%;
			display: block;
			font-size: 1em;
			font-weight: bold;
			color: rgba(255,255,255,0.8);
		}
		
			ul.productList li span.offer {
				color: #ff0000;
			}

#content.product div.wrapper {
	min-height: 0;
    padding: 0;
	background: url("../images/internalBack.jpg") no-repeat;
	position: realtive;
}

.productHolder {
	position: relative;
	margin-top: 437px;
	width: auto;
	height: auto;
}

#productImagesContainer {
	width: 200px;
	min-height: 159x;
	background: url("../images/categories/textWrapperBg.png") repeat;
	padding: 10px 8px;
	overflow: hidden;
	float: right;
	margin-bottom: 1px;
	position: relative;
}

	#productImagesContainer div {
		min-height: 180px;
	}

	a#scrollUpLink, 
	a#scrollDownLink {
		display: block;
		width: 15px;
		height: 15px;
		position: absolute;
		right: 8px;
		text-indent: -9999px;
	}
	
	a#scrollUpLink {
		top: 10px;
		background: url(../images/arrow-up.jpg) no-repeat;
	}
	
	a#scrollDownLink {
		bottom: 10px;
		background: url(../images/arrow-down.jpg) no-repeat;
	}
				
ul#productImagesList {

}

	ul#productImagesList li {
		margin: 0;
		display: block-inline;
	}
	
img#selectedImage {
	float: left;
	background: url("../images/categories/textWrapperBg.png") repeat;
	position: absolute;
	top: 0;
	left: 0;
}

#productInfoWrap {
	margin-left: 5px;
	width: 465px;
	float: left;
	background: url("../images/categories/textWrapperBg.png") repeat;
}

a#productDescriptionLink {
	display: none;
}

.textWrapper.designerWrapper {
	margin-top: 26px;
}