/**
* Document   : configure
* Created on : 02-Dec-2009, 17:50:32
* Author     : Peter Howells
* Description: Mylo configure styles
*/

#Mylo {
	background:url(/images/mylo/builder/background.jpg) left top no-repeat;
	height:750px;
	position:relative;
	width:992px
}
#Mylo h1 {
	background:url(/images/mylo/builder/heading.png) left top no-repeat;
	height:90px;
	margin-left:20px;
	overflow:hidden;
	text-indent:533px;
	white-space:nowrap;
	width:533px
}
#Mylo p.intro {
	background:url(/images/mylo/builder/intro.png) left top no-repeat;
	height:49px;
	margin:0 0 0 20px;
	overflow:hidden;
	text-indent:593px;
	white-space:nowrap;
	width:593px
}

#MyloBuilder {
	position:absolute;
	top:179px;
	width:992px
}
#MyloBuilder div.image {
	height:175px;
	margin:0 auto;
	width:170px
}
#MyloBuilder div.image p {
	height:175px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-indent:170px;
	white-space:nowrap;
	width:170px
}
#MyloBuilder fieldset.section {
	border:0;
	height:340px;
	overflow:hidden;
	padding-bottom:20px;
	position:absolute;
	text-align:center;
	top:18px;
	white-space:normal;
	width:188px
}
#MyloBuilder fieldset legend {
	display:none
}
#MyloBuilder #Section1 {
	left:7px
}
#MyloBuilder #Section1 p {
	background:url(/images/mylo/builder/box1land.png) left top no-repeat
}
#MyloBuilder #Section2 {
	left:225px
}
#MyloBuilder #Section2 div.image {
	padding-top:9px;
}
#MyloBuilder #Section2 p {
	background:url(/images/mylo/builder/box2land.png) left top no-repeat
}
#MyloBuilder #Section3 {
	left:442px;
	top:18px
}
#MyloBuilder #Section3 p {
	background:url(/images/mylo/builder/box3land.png) left top no-repeat
}
#MyloBuilder #Summary {
	background:url(/images/mylo/builder/box4land.png) left top no-repeat;
	height:317px;
	position:absolute;
	right:24px;
	top:38px;
	width:312px;
	zoom:1
}
#MyloBuilder #Summary p {
	font-size:200%;
	font-weight:bold;
	height:1%;
	margin:0;
	padding:0;
	position:absolute;
	right:46px;
	text-align:center;
	top:342px;
	width:100px
}
#MyloBuilder ul {
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:266px
}
#MyloBuilder ul li {
	float:left;
	margin:4px 4px 0 0
}
#MyloBuilder ul li a.selectedOption {
	background-position:left top !important
}
#MyloBuilder ul li a.option {
	display:block;
	height:43px;
	outline:none;
	overflow:hidden;
	text-indent:43px;
	white-space:nowrap;
	width:43px
}
#MyloBuilder ul li a.option:hover {
	background-position:left top !important
}

/* box 1 */
#MyloBuilder ul li a.option106623100 {
	background:url(/images/mylo/builder/pallette/106623100.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106620700 {
	background:url(/images/mylo/builder/pallette/106620700.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106621000 {
	background:url(/images/mylo/builder/pallette/106621000.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106620600 {
	background:url(/images/mylo/builder/pallette/106620600.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106622900 {
	background:url(/images/mylo/builder/pallette/106622900.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106623100 {
	background:url(/images/mylo/builder/pallette/106623100.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106623100 {
	background:url(/images/mylo/builder/pallette/106623100.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106623100 {
	background:url(/images/mylo/builder/pallette/106623100.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106623100 {
	background:url(/images/mylo/builder/pallette/106623100.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106623100 {
	background:url(/images/mylo/builder/pallette/106623100.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106623100 {
	background:url(/images/mylo/builder/pallette/106623100.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106623100 {
	background:url(/images/mylo/builder/pallette/106623100.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106623100 {
	background:url(/images/mylo/builder/pallette/106623100.png) left bottom no-repeat
}

/* box 2 */
#MyloBuilder ul li a.option106823200 {
	background:url(/images/mylo/builder/pallette/106823200.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106820600 {
	background:url(/images/mylo/builder/pallette/106820600.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106823100 {
	background:url(/images/mylo/builder/pallette/106823100.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106820700 {
	background:url(/images/mylo/builder/pallette/106820700.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106821000 {
	background:url(/images/mylo/builder/pallette/106821000.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106822900 {
	background:url(/images/mylo/builder/pallette/106822900.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106823900 {
	background:url(/images/mylo/builder/pallette/106823900.png) left bottom no-repeat
}

/* box 3 */
#MyloBuilder ul li a.option106723100 {
	background:url(/images/mylo/builder/pallette/106723100.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106720700 {
	background:url(/images/mylo/builder/pallette/106720700.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106721000 {
	background:url(/images/mylo/builder/pallette/106721000.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106720600 {
	background:url(/images/mylo/builder/pallette/106720600.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106722900 {
	background:url(/images/mylo/builder/pallette/106722900.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106723900 {
	background:url(/images/mylo/builder/pallette/106723900.png) left bottom no-repeat
}
#MyloBuilder ul li a.option106723200 {
	background:url(/images/mylo/builder/pallette/106723200.png) left bottom no-repeat
}

#MyloBuilderToolbar {
	position:absolute;
	right:0;
	text-align:right;
	top:440px
}
#MyloBuilderToolbar button#btnBuy {
	background:url(/images/mylo/builder/btnbuy.png) left -117px no-repeat;
	border:0;
	cursor:pointer;
	height:117px;
	overflow:hidden;
	text-indent:122px;
	white-space:nowrap;
	width:122px
}
#MyloBuilderToolbar button#btnBuy:hover {
	background-position:0 0
}
#MyloBuilderToolbar button#btnBuy.disabled {
	background-position:1px -236px;
	cursor:auto
}

#MyloBuilderToolbar button#btnBack {
	background:url(/images/mylo/builder/btnback.png) left -117px no-repeat;
	border:0;
	cursor:pointer;
	height:117px;
	overflow:hidden;
	text-indent:122px;
	white-space:nowrap;
	width:122px
}
#MyloBuilderToolbar button#btnBack:hover {
	background-position:0 -1px
}
#MyloBuilderToolbar button#btnBack.disabled {
	background-position:1px -236px;
	cursor:auto
}

#MyloProgress {
	display:none
}

#MyloBuilderToolbar 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
}
#MyloBuilderToolbar button#btnHelp:hover {
	background-position:left 0
}

#MyloBuilderToolbar 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
}
#MyloBuilderToolbar button#btnReset:hover {
	background-position:left top
}