/**
* Document   : accessories
* Created on : 09-Dec-2009, 12:20:48
* Author     : Peter Howells
* Description: Mylo configure styles
*/

#Mylo {
	height:750px;
	position:relative;
	width:992px
}
#MyloAccessories h1 {
	background:url(/images/mylo/builder/accessories/heading.png) left top no-repeat;
	height:90px;
	margin-left:20px;
	overflow:hidden;
	position:absolute;
	text-indent:622px;
	white-space:nowrap;
	width:622px;
	z-index:1
}

#MyloAccessories {
	width:992px
}
#MyloAccessories img#MyloAccessoriesImage {
	left:0;
	position:absolute;
	top:0
}

#MyloAccessoriesDetail {
	background:url(/images/mylo/builder/accessories/accessories_initial.jpg) center center no-repeat;
	height:320px;
	position:absolute;
	right:24px;
	top:215px;
	width:310px;
	z-index:2
}
#MyloAccessoriesDetail div.accessory {
	height:320px;
	position:relative;
	text-align:center;
	width:310px
}
#MyloAccessoriesDetail div.accessory button {
	background:url(/images/mylo/builder/btnaddbasket.png) left -52px no-repeat;
	border:0;
	bottom:-63px;
	cursor:pointer;
	display:block;
	height:52px;
	overflow:hidden;
	position:absolute;
	right:0;
	text-indent:52px;
	white-space:nowrap;
	width:52px;
	z-index:99
}
#MyloAccessoriesDetail div.accessory a:hover {
	background-position:left top
}
#MyloAccessoriesDetail div.accessory fieldset {
	border:0;
	margin:0;
	padding:0
}
#MyloAccessoriesDetail div.accessory fieldset legend {
	display:none
}
#MyloAccessoriesDetail div.accessory fieldset p.myloPrice {
	bottom:-50px;
	font-size:220%;
	font-weight:bold;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	text-align:center;
	width:310px
}
#MyloAccessoriesDetail div.accessory fieldset.colourChoice ul {
	bottom:0;
	left:0;
	overflow:hidden;
	position:absolute;
	width:315px
}
#MyloAccessoriesDetail div.accessory fieldset.colourChoice ul li {
	float:left
}
#MyloAccessoriesDetail div.accessory fieldset.colourChoice ul li.colour label {
	display:block;
	height:43px;
	margin-right:2px;
	outline:none;
	overflow:hidden;
	padding:0 !important;
	cursor:pointer;
	text-indent:43px;
	white-space:nowrap;
	width:43px
}
#MyloAccessoriesDetail div.accessory fieldset.colourChoice ul li.lime label {
	background:url(/images/mylo/builder/accessories/colours/lime.png) left bottom no-repeat
}
#MyloAccessoriesDetail div.accessory fieldset.colourChoice ul li.grey label {
	background:url(/images/mylo/builder/accessories/colours/grey.png) left bottom no-repeat
}
#MyloAccessoriesDetail div.accessory fieldset.colourChoice ul li.sand label {
	background:url(/images/mylo/builder/accessories/colours/sand.png) left bottom no-repeat
}
#MyloAccessoriesDetail div.accessory fieldset.colourChoice ul li.black label {
	background:url(/images/mylo/builder/accessories/colours/black.png) left bottom no-repeat
}
#MyloAccessoriesDetail div.accessory fieldset.colourChoice ul li.green label {
	background:url(/images/mylo/builder/accessories/colours/green.png) left bottom no-repeat
}
#MyloAccessoriesDetail div.accessory fieldset.colourChoice ul li.plum label {
	background:url(/images/mylo/builder/accessories/colours/plum.png) left bottom no-repeat
}
#MyloAccessoriesDetail div.accessory fieldset.colourChoice ul li.raspberry label {
	background:url(/images/mylo/builder/accessories/colours/raspberry.png) left bottom no-repeat
}
#MyloAccessoriesDetail div.accessory fieldset.colourChoice ul li label.selectedColour {
	background-position:left top
}
#MyloAccessoriesDetail div.accessory fieldset.colourChoice ul li label:hover {
	background-position:left top
}
#MyloAccessoriesDetail div.accessory fieldset.colourChoice ul li input {
	display:none
}

#MyloAccessoriesToolbar {
	position:absolute;
	right:0;
	text-align:right;
	top:623px;
	z-index:99
}
#MyloAccessoriesToolbar button#btnCheckout {
	background:url(/images/mylo/builder/btncheckout.png) left -117px no-repeat;
	border:0;
	cursor:pointer;
	height:117px;
	overflow:hidden;
	text-indent:122px;
	white-space:nowrap;
	width:122px
}
#MyloAccessoriesToolbar button#btnCheckout:hover {
	background-position:0 0
}
#MyloAccessoriesToolbar button#btnCheckout.disabled {
	background-position:-1px -234px;
	cursor:auto
}

#MyloProgress {
	display:none
}

#MyloAccessoriesToolbar button#btnHelp {
	background:url(/images/mylo/builder/btnhelp.png) left -117px no-repeat;
	border:0;
	cursor:pointer;
	height:118px;
	overflow:hidden;
	text-indent:122px;
	white-space:nowrap;
	width:117px
}
#MyloAccessoriesToolbar button#btnHelp:hover {
	background-position:left 0
}

#MyloAccessoriesToolbar button#btnReset {
	background:url(/images/mylo/builder/btnreset.png) left -48px no-repeat;
	border:0;
	cursor:pointer;
	height:49px;
	outline:none;
	overflow:hidden;
	position:absolute;
	right:16px;
	text-indent:52px;
	top:-72px;
	white-space:nowrap;
	width:52px
}
#MyloAccessoriesToolbar button#btnReset:hover {
	background-position:left top
}