@charset "utf-8";
/* CSS Document */

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0px; padding: 0px; border: 0px;
}

.clear:after {
	content: ""; display: block; clear:both;
}

.clear {
	zoom: 1;
}

body {
	font-size: 90%;
	font-family:Verdana, Geneva, sans-serif;
	line-height: 1.6em;
	text-align:center;
	color: #FFF;
	background:#FFF;
}

h1 {
	line-height: 1.0em;
	font-size: 4.0em;
	font-weight:lighter;
	text-transform:uppercase;
	letter-spacing:.1em;
}

h2 {
	font-weight:lighter;
	font-style:italic;
	margin-right: 30px;
	clear:both;
	text-transform:uppercase;
}

h2 span {
	color:#e3ed3f;
	font-weight:bold;
}

h3 {
	text-transform:uppercase;
	color:#ffc311;
	font-size: .9em;
}

h4 {
	text-transform:uppercase;
	font-size:1.2em;
	font-style:italic;
	margin-bottom:10px;
}

div#header {
	background-color:#000;
	height: 105px;
	margin-bottom:10px;
}

div#header div#headerContainer {
	width:925px;
	margin:0 auto 0 auto;
}

div#header div#headerContainer div#headerLeft {
	text-align:left;
	float:left;
}

div#header div#headerContainer div#headerRight {
	text-align:right;
	float:right;
	margin-top:20px;
}

div#header div#headerContainer div#headerRight a#home {
	display:block;
	height: 36px;
	width: 150px;
	outline: solid #FFF 1px;
	float:right;
	margin-bottom:10px;
	padding:2px;
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
}

div#header div#headerContainer div#headerRight a#home span#homeSubText {
	display:block;
	margin: 5px 0 5px 10px;
	float:left;
}

div#header div#headerContainer div#headerRight a#home img#homeImage {
	float:left;
}

div#body {
	margin-bottom:10px;
}

div#body div#bodyContainer {
	width: 920px;
	margin: 0 auto 0 auto;
}

div#body div#bodyContainer div#leftBody {
	float:left;
	width:140px;
	background-color:#000;
	margin-right:5px;
	height:455px;
}

div#body div#bodyContainer div#rightBody {
	float:left;
	width:140px;
	background-color:#000;
	height:455px;
}

div#body div#bodyContainer img.arrow {
	cursor:pointer;
}

div#body div#bodyContainer div#leftBody div#doorsContainer {
	width:66px;
	height:345px;
	overflow:hidden;
	margin: 7px auto;
}

div#body div#bodyContainer div#leftBody div#doorsContainer ul, div#body div#bodyContainer div#leftBody div#doorsContainer li{
	list-style:none;
}

div#body div#bodyContainer div#leftBody div#doorsContainer li img {
	cursor:pointer;
}

div#body div#bodyContainer div#rightBody div#coloursContainer ul, div#body div#bodyContainer div#rightBody div#coloursContainer li{
	list-style:none;
}

div#body div#bodyContainer div#rightBody div#coloursContainer li img {
	cursor:pointer;
}

div#body div#bodyContainer div#rightBody div#coloursContainer {
	width:66px;
	height:345px;
	overflow:hidden;
	margin: 7px auto;
}

div#body div#bodyContainer div#midBody {
	float:left;
	width:610px;
	margin-right:5px;
}

div#body div#bodyContainer div#midBody div#preview {
	width:inherit;
	height:375px;
}

div#body div#bodyContainer div#midBody div#subMidBody {
	width:inherit;
	background-color: #000;
	text-align:left;
	height: 80px;
}

div#body div#bodyContainer div#midBody div#subMidBody div.previewInfo {
	float:left;
	padding:5px;
}

div#body div#bodyContainer div#midBody div#subMidBody div.separator {
	border-left:1px solid #FFF;
	height:50px;
	margin: 7px 0;
}

div#body div#bodyContainer div#midBody div#subMidBody div#instructions {
	font-weight:bold;
	font-size: .80em;
	line-height:1.2em;
	width: 180px;
}

div#body div#bodyContainer div#midBody div#subMidBody div#designSpecs {
	width: 200px;
	font-size: .85em;
	line-height:1.2em;
}

div#body div#bodyContainer div#midBody div#subMidBody div#designSpecs p.designVal{
	text-transform:uppercase;
	color:#ffc311;
	font-size: .9em;
	font-weight:bold;
	
}

div#body div#bodyContainer div#midBody div#subMidBody div#actions {
	width: 170px;
}

div#body div#bodyContainer div#midBody div#subMidBody div#actions div.action {
	width:48px;
	float:left;
	text-align:center;
	font-size:.8em;
	line-height:1.2em;
	margin: 0 4px;
	cursor:pointer;
}

div#body div#bodyContainer div#midBody div#subMidBody div#actions .action p {
}


div#footer {
	background-color:#000;
}

div#footer div#footerContainer {
	color:#e3ed3f;
	width:620px;
	margin:0 auto 0 auto;
	line-height:1.2em;
	font-size:.85em;
	text-align:left;
	padding: 10px 0px;
}

div#footer div#footerContainer p {
	margin-bottom: 10px;
}

.popUp {
	text-align:left;
	position:absolute;
	display:none;
	z-index:100;
}

.popUp .head {
	line-height: 1em;
	padding-top:4px;
	height: 20px;
	color:#FFFFFF;
	letter-spacing: .1em;
	font-weight:bold;
	background-color:#202020;
	border-top:#FFF solid 1px;
	width:274px;
	float: left;
}

.popUp .head .closePopup {
	float:right;
	cursor:pointer;
}

.popUp .foot {
	background-color:#202020;
	border-bottom:#FFF solid 1px;
	width:274px;
	height:12px;
	float:left;
}

.popUp .body {
	font-size: .9em;
	font-weight:bold;
	background-color:#202020;
	border-left:#FFF solid 1px;
	border-right:#FFF solid 1px;
	width:275px;
	padding: 0px 10px;
	margin-top:12px;
	line-height: 1.2em;
}

.popUp .tlHead {
	background:url(images/popup_tl.png) no-repeat;
	height:12px;
	width:12px;
	float: left;
}

.popUp .trHead {
	background:url(images/popup_tr.png) no-repeat;
	height:12px;
	width:12px;
	float: left;
}

.popUp .blFoot {
	background:url(images/popup_bl.png) no-repeat;
	height:12px;
	width:12px;
	float:left;
}

.popUp .brFoot {
	background:url(images/popup_br.png) no-repeat;
	height:12px;
	width:12px;
	float:left;
}

div#bookDesignerPopup {
	width:424px;
	top:115px;
	left:50%;
	margin-left: -212px;
}

div#bookDesignerPopup .head {
	width: 400px;
}

div#bookDesignerPopup .body {
	width: 403px;
}

div#bookDesignerPopup .foot {
	width: 400px;
}

div#emailFriendPopup {
	width:424px;
	top:115px;
	left:50%;
	margin-left: -212px;
}

div#emailFriendPopup .head {
	width: 400px;
}

div#emailFriendPopup .body {
	width: 403px;
}

div#emailFriendPopup .foot {
	width: 400px;
}

div#emailFriendContainer {
	width: 355px;
}

div#bookDesignerContainer {
	width: 355px;
	margin-left: -25px;
}

div.formRow {
	margin-top: 5px;
}

div.formLeft {
	float: left;
	text-align:right;
	width:150px;
	margin-right:5px;
}

div.formRight {
	float: right;
	text-align:left;
	width:200px;
}