/* Hide if Flash */

.flashInstalled #middle h1,
.flashInstalled #showproducts h1,
.flashInstalled #showproducts h2,
.flashInstalled #help h1,
.flashInstalled #help h2,
.flashInstalled #stockists h1,
.flashInstalled #rightside,
.json .combo {
	visibility: hidden;
}

/* Tags */
body,
html,
table {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font: 62.5%/133% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #000 url(/_img/layup/bg.gif) no-repeat;
	text-align: center;
}
a {
	color: #fff;
	text-decoration: underline;
}
a:hover,
a:focus {
	text-decoration: none;
}
a img {
	border: none;
}
p {
	padding: 0 0 10px 0;
	margin: 0;
}
h1,
h2 {
	font: bold 1.6em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #ffffff;
	padding: 0;
	margin: 0 0 5px;
}
hr {
	background:none;
	border: none;
	border-bottom: 1px solid #5e5e5e;
	height: 1px;
	margin-bottom: 15px;
}
form, 
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
button {
	font-size: 1px;
	border: 0;
	margin: 5px 0 0;
	padding: 0;
	text-indent: -9000px;
	cursor: pointer;
	width: 56px;
	height: 27px;
	float: right;
	background: url(/_img/layup/submit.gif) no-repeat;
} 

.printlogo {
	display: none;
}

/* Structure */

#contents{
	margin: 0 auto;
	width: 1000px;
	height: 416px;
	text-align: left;
}
#main {
	margin: 0;
	float: left;
	width: 340px;
	height: 416px;
	background: url(/_img/layup/main_bg.png);
}
.logo {
	text-indent: -9000px;
	background: url(/_img/layup/logo.png) no-repeat;
	margin: 15px;
	padding: 0;
	height: 119px;
	width: 310px;
	float: left;
	outline: 0;
}
.logo:hover {
	background: url(/_img/layup/logo.png) no-repeat 0 -119px;
}
#topnavi {
	float: left;
	height: 28px;
	width: 340px;
	margin: 0;
	padding: 0;
	border-top: 3px solid #000;
}
#topnavi li {
	display: inline;
	margin: 0;
	padding: 0;
}
#topnavi a {
	float: left;
	display: block;
	height: 28px;
	text-indent: -9000px;
	outline: 0;
	margin: 0;
	padding: 0;
}
#n1, #n2, #n3, #n4, #n5 {
	background: url(/_img/layup/nav.gif) no-repeat;
}

#n1 {background-position: 0 0; width: 60px;}
#n2 {background-position: -60px 0; width: 71px;}
#n3 {background-position: -131px 0; width: 67px;}
#n4 {background-position: -198px 0; width: 49px;}
#n5 {background-position: -247px 0; width: 93px;}

#n1:hover, #n1:focus, #n1.on {background-position: 0 -41px;}
#n2:hover, #n2:focus, #n2.on {background-position: -60px -41px;}
#n3:hover, #n3:focus, #n3.on {background-position: -131px -41px;}
#n4:hover, #n4:focus, #n4.on {background-position: -198px -41px;}
#n5:hover, #n5:focus, #n5.on {background-position: -247px -41px;}

#middle {
	float: left;
	width: 270px;
	padding-right: 30px;
	margin: 30px 20px;
}
#maintext {
	font: 1.1em/1.4em Arial, Helvetica, sans-serif;
	height: 153px;
	clear: left;
	overflow: auto;
}
#maintext a,
.highlight {
	color: #ed6e20;
}
#maintext p img {
	float: left;
	margin: 0 10px 0 0;
}
.json #maintext {
	overflow: hidden;
	margin-right: 0;
}
#track {
	position: absolute;
	width: 14px;
	height: 153px;
	margin: -153px 0 0 285px;
	background-color: #5e5e5e;
	display: none;
}
#handle {
	width: 12px;
	height: 40px;
	background: #111 url(/_img/layup/scroll.gif) no-repeat;
	display: block;
	border: solid 1px #000;
}
#track:hover #handle {
	border: 1px solid #000;
	background-image: url(/_img/layup/scroll_hover.gif);
}

#rightside,
#showproducts {
	float: right;
	width: 657px;
	height: 416px;
	background: #000;
}
.threads #middle {
	width: 300px;
	padding-right: 0;
}
.threadslist,
#thumbnails {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
.threadslist {
	clear: both;
}
.threadslist li,
#thumbnails li {
	margin: 0;
	padding: 0;
	height: 74px;
	float: left;
	display: inline;
}
.threadslist li a {
	margin: 0 5px 8px 0;
	width: 60px;
	height: 60px;
}
.threadslist img {
	border: 3px solid #fff;
}
.threadslist a:hover img,
.threadslist a.on img {
	border: 3px solid #ec6e20;
}
.threadslist .last a {
	margin-right: 0;	
}
.threadslist .blank {
	width: 66px;
	height: 66px;
	display: block;
	margin: 0 5px 8px 0;
	background: url(/_img/layup/blank.png) no-repeat;
}
#showproducts img {
	float: left;
}
#showproducts .info {
	width: 240px;
	height: 356px;
	padding: 30px 17px;
	float: left;
	overflow: hidden;
	background: #ed6e20;
}
#showproducts p {
	color: #000;
	font-size: 1.1em;
}
#showproducts h2 {
	clear: both;
	margin: 0;
	font-size: 2.5em;
	line-height: .9em;
	text-align: right;
}
.prodtext {
	display: block;
	height: 145px;
}
.switch {
	margin: 18px 0 3px;
	height: 25px !important;
}
#thumbnails li {
	height: auto;
	margin-bottom: 15px;
}
#thumbnails a {
	margin-right: 5px;
}
#thumbnails img {
	border: 3px solid #313132;
}
#thumbnails a:hover img,
#thumbnails a.on img {
	border: 3px solid #fff;
}
#help,
#stockists,
.success div {
	float: right;
	width: 607px;
	height: 366px;
	padding: 25px;
	background: #ed6e20;
}
#helptext {
	height: 330px;
	width: 580px;
	color: #000;
	font-size: 1.1em;
	overflow: auto;
}
#helptext h2 {
	margin: 10px 0 0;
}
#helptext ol {
	margin-top: 0;
}
.json #helptext {
	overflow: hidden;
	margin-right: 0;
}
#track2 {
	position: absolute;
	width: 14px;
	height: 330px;
	margin: -330px 0 0 600px;
	background-color: #b05218;
	display: none;
}
#handle2 {
	width: 12px;
	height: 40px;
	background: #111 url(/_img/layup/scroll2.gif) no-repeat;
	display: block;
	border: solid 1px #000;
}
#track2:hover #handle2 {
	border: 1px solid #000;
	background-image: url(/_img/layup/scroll_hover.gif);
}
.success {
	width: 370px !important;
	height: 220px !important;
}
.success div {
	width: 370px;
	height: 220px;
	float: none;
}
.success h1 {
	background: url(/_img/layup/success_logo.gif) no-repeat;
}
.success h2 {
	float: left;
	margin: 14px 0 0 16px;
	width: 252px;
	height: 25px;
	text-indent: -9000px;
	background: url(/_img/layup/success_text.gif) no-repeat;
}
.success p {
	float: left;
	width: 100%;
	margin: 0 0 0 16px;
	font-size: 1.1em;
}

#footer{
	clear: both;
	margin: 0 auto;
	width: 1000px;
}
#footer .left {
	width: 340px;
}
#footer ul {
	margin: 8px 2px;
	padding: 0;
	list-style: none;
	float: left;
}
#footer li { 
	display: inline;
	float: left;
}
#footer li span {
	display: block;
	text-indent: -9000px;
	width: 68px;
	height: 7px;
	margin-top: 8px;
	background: url(/_img/layup/followus.gif) no-repeat;
}
#footer li a {
	display: block;
	text-indent: -9000px;
	float: left;
	width: 23px;
	height: 23px;
	margin-left: 8px;
	outline: 0;
}
.f1, .f2, .f3, .f4, .f5 {
	background: url(/_img/layup/flogos.gif) no-repeat;
}
.f1 {background-position: 0 -31px;}
.f2 {background-position: -31px -31px;}
.f3 {background-position: -61px -31px;}
.f4 {background-position: -90px -31px;}
.f5 {background-position: -118px -31px; width: 136px !important;}

.f1:hover {background-position: 0 0;}
.f2:hover {background-position: -31px 0;}
.f3:hover {background-position: -61px 0;}
.f4:hover {background-position: -90px 0;}
.f5:hover {background-position: -118px 0;}

#footer .right {
	margin: 16px 1px 0 0;
}
#footer .right span {
	display: block;
	text-indent: -9000px;
	width: 230px;
	height: 7px;
	background: url(/_img/layup/copyright.gif) no-repeat;
}
.stockists,
.press {
	display: block;
	position: absolute;
	text-indent: -9000px;
	width: 41px;
	height: 7px;
	margin: 17px 0 0 362px;
	outline: 0;
	overflow: hidden;
	background: url(/_img/layup/stockists.gif) no-repeat;
}
.stockists:hover {
	background: url(/_img/layup/stockists.gif) no-repeat 0 -11px;
}
.press {
	width: 23px;
	margin-left: 413px;
	background: url(/_img/layup/press.gif) no-repeat;
}
.press:hover {
	background: url(/_img/layup/press.gif) no-repeat 0 -11px;
}
.back {
display: block;
width: 60px;
height: 25px;
text-indent: -9000px;
float: left;
overflow: hidden;
background: url(/_img/layup/backbutton.gif) no-repeat; 
}
.back:hover,
.back:focus {
background-position: 0 -25px;
}

.sketch1 {
display: block;
width: 25px;
height: 25px;
text-indent: -9000px;
margin: 0 2px 0 0;
float: left;
overflow: hidden;
background: url(/_img/layup/sketch1.gif) no-repeat; 
}
.sketch1:hover,
.sketch1:focus {
background-position: 0 -25px;
}

.sketch2 {
display: block;
width: 25px;
height: 25px;
text-indent: -9000px;
margin: 0 2px 0 0;
float: left;
overflow: hidden;
background: url(/_img/layup/sketch2.gif) no-repeat; 
}
.sketch2:hover,
.sketch2:focus {
background-position: 0 -25px;
}

.sketch3 {
display: block;
width: 25px;
height: 25px;
text-indent: -9000px;
margin: 0 2px 0 0;
float: left;
overflow: hidden;
background: url(/_img/layup/sketch3.gif) no-repeat; 
}
.sketch3:hover,
.sketch3:focus {
background-position: 0 -25px;
}


/* Forms */

#cmsForm {
	position: absolute;
	padding: 20px;
	height: 376px;
	margin: 0 0 0 343px;
	background: url(/_img/layup/contact_bg.png);
}
.threadForm .size {
	float: left;
	display: block;
	width: 28px;
	height: 12px;
	text-indent: -9000px;
	margin: 9px 0 0;
	background: url(/_img/layup/size.gif) no-repeat;
}
.threadForm .submit {
	float: right;
	margin-left: 10px;
}
.autocomplete {
	position:absolute;
	background-color: #404040;
	margin: 0;
	padding: 0;
	text-align:left;
	border: none;
}
.autocomplete ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #404040;
}
.autocomplete ul li.selected { 
	color: #404040;
	background-color: #fff;
}
.autocomplete ul li {
	display:block;
	margin:0;
	padding: 4px;
	cursor:pointer;
	padding: 8px;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color:#fff;
}
.combo {
	width: 75px !important;
	height: 14px !important;
	border: none;
	padding: 8px;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	cursor: pointer;
	color:#fff;
	float: right;
	background: #404040 url(/_img/layup/dropbg.gif) no-repeat right center;
}

.formarea {
	vertical-align: top;
	width: 175px;
	border: none;
}
.formarea h1 {
	margin-bottom: 10px;
}
.formarea p {
	margin: 5px 0;
	padding: 0;
}
.formarea p label {
	float: left;
	font-size: 1.1em;
}
.formarea select{
	padding: 0;
	width: 174px;
}
.textform {
	background: #222 !important;
}
.textformfocus {
	color: #999 !important;
	background: #000 !important;
}
.textform, 
.textformfocus {
	color: #666;
	padding: 2px 3px 3px 3px;
	margin: 5px 0 0;
	width: 168px;
	border: 1px solid #666;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}

/* Ajax & Error Checking */

.formerror .textform, 
.formerror .textformfocus {
	border: solid 1px #ed6e20;
	color: #ed6e20 !important;
}
.formerror .textformfocus {
	background: #000 !important;
}
.formerror label:after {
	color: #ed6e20;
	content: " *";
}
.formerror label {
	color: #fff;
}
.error {
	color: #ed6e20;
	padding: 10px 0 !important;
	text-align: left !important;
}
#waiting {
	position: absolute;
	background-color:#fff;
	width: 536px;
	margin-left: -1px;
	opacity: 0.9;
	text-align: center;
}


/* Extras */

.clear{
	clear: both;
}
.hidden {
	position: absolute; 
	left: -9999px; 
}
.hand {
	cursor: pointer;
}
.textleft {
	text-align: left !important;
}
.textcenter {
	text-align: center !important;
}
.textright {
	text-align: right !important;
}
.right {
	float: right;
}
.left {
	float: left;
}
.highlight2 {
	color: #fff;
}