a img { border: none; }

body {
	font-size: 76%;
	font-family: Arial, Verdana, Sans-Serif;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 0;
}

p {
	font-size: 1em;
}

a, a:link, a:visited {
	color: #bb0000;
	text-decoration: none;
}

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

.clearboth { clear: both; }

a.readmore { display: block; margin-top: 2px; }

/*** TOUR INFORMATION ***/
ul#tourlist li { margin-bottom: 5px; list-style-type: none; }

/*** PNH / STUDIO SIGNS LOGOS ***/
#logolinks { margin: 10px; }

#preloader { visibility: hidden; position: absolute; }

/*******************************/
/* LAYOUT
/*******************************/

#wrap {
	width: 801px;
	text-align: left;
	border-right: 1px solid #ddddbb;
	border-left: 1px solid #ddddbb;
	border-bottom: 1px solid #ddddbb;
}

#top	{ }
#topl	{ width: 600px; float: left; height: 50px; }
#topr	{ width: 200px; float: left; height: 50px; border-left: 1px solid #ddddbb; background-color: #eeeecc; }

#topdate { margin: 5px; text-align: center; color: #888866; }
#toplang { margin: 5px; text-align: center; }

/* homepage */
#hdr_h		{ border-top: 1px solid #ddddbb; }
#hdr_h_l	{ width: 600px; float: left; height: 200px; }
#hdr_h_r	{ width: 200px; float: left; height: 200px; border-left: 1px solid #ddddbb; background-color: #000000; }

/* homepage */
#row1_h		{ border-top: 1px solid #ddddbb; }
#row1_h_l	{ width: 580px; float: left; height: 90px; padding: 10px; }
#row1_h_r	{ width: 180px; float: left; height: 90px; padding: 10px; border-left: 1px solid #ddddbb; background-color: #eeeecc; }

/* content pages */
#row1_c		{ border-top: 1px solid #ddddbb; }
#row1_c_l	{ width: 600px; float: left; border-right: 1px solid #ddddbb; }
#row1_c_r	{ width: 200px; float: left; }

#row1_c_l h3 {
	padding: 7px 0 3px 10px;
	margin: 0;
	border-bottom: 1px solid #ddddbb;
	background: #eeeecc url(images/hdr-image_c_top.jpg) no-repeat top left;
}

#content_container	{ margin: 10px; }
#intro_paragraph	{ margin: 0 20px 20px 20px; }
#intro_paragraph ul	{ margin: 5px 25px; padding: 0; }
#intro_paragraph li	{ margin-bottom: 5px; }


/* homepage */
#row2_h		{ border-top: 1px solid #ddddbb; background: #ffffff url(images/cont2-bg.gif); }
#row2_h_l	{ width: 280px; float: left; padding: 10px; }
#row2_h_c	{ width: 278px; float: left; padding: 10px; }
#row2_h_r	{ width: 180px; float: left; padding: 10px; }

#ftr 	{ border-top: 1px solid #ddddbb; }
#ftr_l	{ width: 580px; float: left; padding: 10px; height: 20px; }
#ftr_r	{ width: 180px; float: left; padding: 10px; height: 20px; }

/*******************************/
/* HEADERS
/*******************************/

h3 {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 150%;
	margin: 0 0 10px 0;
	color: #bb0000;
}

h4 {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 100%;
}

a h4:hover { text-decoration: underline; }

span.hlt { color: #ee2200; }

/*******************************/
/* WHAT'S NEW
/*******************************/

#whatsnew p { margin: 5px 0; }

h4.newtitle { color: #000000; margin: 0 0 2px 0;}

h4.newdate {
	color: #888866;
	font-weight: normal;
	margin: 15px 0 5px 0;
	font-size: 90%;
}

/*******************************/
/* SITE NAVIGATION MENUS
/*******************************/

#sitenav a {
	color: #ffffff;
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: #000000 url(images/sitenav-btn-off.jpg) no-repeat;
	text-align: left;
	display: block;
	width: 175px;
	height: 15px;
}

#sitenav a:hover {
	background: #660000 url(images/sitenav-btn-over.jpg) no-repeat;
}



/*******************************/
/* PRODUCT BOXES
/*******************************/

.prodboxr h4 { margin: 0; color: #bb0000; }
.prodboxr p { margin: 4px 2px; }

.prodboxouter {	padding: 5px; border: 1px solid #ddddbb;}
.prodboxl { float: left; background-color: #000000;}
.prodboxr {	float: left; }

/* Homepage */

#row2_h_c .prodboxouter {
	width: 270px;
	background-color: #ffffff;
	margin-bottom: 5px;
}
#row2_h_c .prodboxl {
	height: 125px;
	width: 50px;
}

#row2_h_c .prodboxr {
	width: 208px;
	height: 117px;
	padding: 3px 5px;
	margin: 0;
	background: #ffffff url(images/prodbox-bg.jpg) repeat-x bottom left;
	border: 1px solid #ddddbb;
}
#row2_h_c .prodboxr p { font-size: 90%; }

/* Content */

#row1_c_l .prodboxouter {
	width: 568px;
	background: #ffffff url(images/prodbox-bg.jpg) repeat-x bottom left;
	margin-bottom: 10px;
}
#row1_c_l .prodboxl {
	width: 110px;
	height: 110px;
}
#row1_c_l .prodboxr {
	width: 440px;
	height: auto;
	padding: 0;
	margin-left: 10px;
	background: none;
}

#row1_c_l .prodboxr h4 { font-size: 125%; margin-bottom: 3px; }
#row1_c_l .prodboxr h5 { font-size: 100%; text-decoration: underline; font-weight: bold; margin: 15px 0 0 0; padding: 0; }
#row1_c_l .prodboxr ul { margin: 0 20px; padding: 0; }
#row1_c_l .prodboxr li { margin: 5px 0; padding: 0 ; }


/*******************************/
/*
/*******************************/

a.details {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 80%;
	color: #ffffff;
	background: #aa0000 url(images/submit-btn.jpg) no-repeat 50% 50%;
	text-align: center;

	display: block;
	height: 12px;
	width: 65px;
	padding-bottom: 2px;
	margin: 0;

	border-top: 1px solid #cc3300;
	border-right: 1px solid #cc3300;
	border-bottom: 1px solid #883300;
	border-left: 1px solid #883300;
}


/*******************************/
/*  ORDER FORM
/*******************************/

#orderform h4 {
	color: #ffffff;
	background: url(images/hdr-image_c_top.jpg) repeat-y top left;
 	margin: 0;
	padding: 5px;
}

/*** Used for General information, Retrofitted products, and Association ***/
#orderform div.formbox1 {
	border: 1px solid #bbbb99;
	margin-bottom: 10px;
}

/*** Used for Vizuel Media Wall & Cabinets ***/
#orderform div.formbox2 {
	border: 1px solid #bbbb99;
	margin-bottom: 10px;
	width: 275px;
	float: left;
}
#orderform div.formbox2 h4 { background: url(images/hdr-image_c_top.jpg) repeat-y 70%; }
#orderform div.formbox2 input { margin-right: 38px; }

/*** General information ***/
#geninfo		{ width: 575px; }
#geninfo label	{ float: left; width: 130px; margin-top: 4px; }

/*** Retrofitted products ***/
#retrofit		{ width: 575px; }
#retrofit p		{ margin: 5px; }
#retrofit p.sys {
	font-size: 115%;
	padding-bottom: 5px;
	border-bottom: 1px dashed #bbbb99;
	text-align: center;
}

div.col {
	width: 180px;
	float: left;
	margin: 0;
	padding: 5px;
	border: none;
}

div.mid {
	background-color: #eeeecc;
	border-left: 1px solid #ddddbb;
	border-right: 1px solid #ddddbb;
}

/*** Vizuel Media Wall & Cabinets ***/
#vizmedwall	{ margin-right: 20px; }
#vizmedcab	{ }

p.rowhdr {
	font-size: 90%;
	font-weight: bold;
	color: #888866;
	margin: 0;
	padding: 3px 10px;
}
p.rowhdr span.qty	{ width: 90px; display: block; float: left; }
p.row span.size		{ font-size: 125%; }

/*** Association ***/
#association		{ width: 575px; }
#association label	{ float: left; width: 100px; margin-top: 4px; }

/*** Elements used throughout form  ***/
p.row {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #ddddbb;
}

p.alt { background-color: #eeeecc; }

span.note {
	font-size: 90%;
	display: block;
	text-align: center;
	padding-right: 30px;
	margin: 0;
}

/*** Form Fields  ***/

input#business_name	{ width: 250px; }
input#street		{ width: 250px; }
input#city			{ width: 150px; }
input#postcode		{ width: 100px; }
input#telephone		{ width: 150px; }

input#rented_type		{ width: 150px; }
input#rented_model		{ width: 150px; }
input#purchased_type	{ width: 150px; }
input#purchased_size	{ width: 150px; }
input#purchased_shelves { width: 50px; }
input#inhouse_size		{ width: 150px; }
input#inhouse_shelves	{ width: 50px; }

input.qty { width: 50px; }

input#submit, input#reset {
	font-family: Verdana, Arial, Sans-Serif;
	color: #ffffff;
	background: #aa0000 url(images/form-btn.jpg) no-repeat 50% 50%;
	text-align: center;

	margin-top: 0;

	border-top: 1px solid #cc3300;
	border-right: 1px solid #cc3300;
	border-bottom: 1px solid #883300;
	border-left: 1px solid #883300;
}


/*** Form Validation ***/

#orderform .red {
	border: 1px solid red;
}

#orderform label.red {
	border: none;
	color: red;
}

#orderform .customRed {
	border: none;
	color: red;
}

#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}

#orderform .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}

/*** Form Success ***/

table#ordsuccess { border: 1px solid #ddddbb; }
table#ordsuccess td { border-bottom: 1px solid #ddddbb; padding: 2px 5px; }
td.label { width: 150px; background-color: #eeeecc; }
td.field { width: 300px; border-left: 1px solid #ddddbb; }


/*** Contact Us ***/

div.company {
	width: 250px;
	float: left;
	font-size: 110%;
}

div.company p { margin-top: 0; }

div.contacts {
	width: 170px;
	float: left;
}

div.contacts p {
	padding: 0;
	margin: 0 0 10px 0;
	border: 1px solid #bbbb99;
}

span.nametitle {
	display: block;
	padding: 3px;
	background-color: #eeeecc;
}

span.email {
	display: block;
	padding: 3px;
	color: #990000;
}

span.email img { vertical-align: bottom; }