/* CSS */

html {
	padding: 0px;
	margin: 0px;
}

body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 62.5%; /* this sets the ems to 13px = 1.3em, child ems get their value from their parent */
}

h1, h2, h3, h4, h5, h6, p, form, ul, ol {
	padding: 0px;
	margin: 0px;
}

a {
	text-decoration: none;
}

.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

#container {
	width: 960px;
	margin: 0px auto 0px auto;
	text-align: left;
}

#head {
	height: 170px;
	position: relative;
	border-bottom: 1px solid #313131;
}

#logo {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size: 3em;
	line-height: 1.1em;
	color: #202020;
	position: absolute;
	top: 44px;
	left: -2px;
}

#head-graphic {
	position: absolute;
	right: 0;
	top: 35px;
	width: 310px;
	text-align: center;
}

#head-graphic p {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.22em;
	line-height: 1.4em;
	font-style: italic;
	color: #999;
}

#head-graphic p.title {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.22em;
	line-height: 1.4em;
	font-style: normal;
	color: #000;
}

#logo a:link, #logo a:visited, #logo a:hover {
	text-decoration: none;
	color: #202020;
}

#logo img {
	margin: 0px -2px -20px 0px;
	border: none;
}

#logo span {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.45em;
	font-weight: bold;
	line-height: 1.1em;
	color: #1c1c1c;
	padding: 0px 0px 3px 40px;
	display: block;
}

#logo span .red {
	color: red;
	display: inline-block;
	font-size: 1em;
	padding: 0;
}

#globalNav {
	position: absolute;
	top: 140px;
	left: 10px;
}

#globalNav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#globalNav ul li {
	float: left;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.1em;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #000;
}

#globalNav ul li a {
	display: block;
	background: url(/images/nav-item-bck-rpt.gif) repeat-x top;
	color: #fff;
	font-size: 13px;
	padding: 7px 11px 9px 11px;
	margin: 0px;
	text-decoration: none;
}

#globalNav ul li a:visited {
	text-decoration: none;
}

#globalNav ul li a:hover {
	text-decoration: none;
	color: #fff;
}

#globalNav ul li.active {
	background: url(/images/active-right-shadow.gif) no-repeat right top;
	margin-top: -3px;
	border: none;
}

#globalNav ul li.active-left {
	border-right: none;
}

#globalNav ul li.active a {
	padding: 11px 13px 13px 13px;
	background: url(/images/active-left.gif) no-repeat left top;
	color: #202020;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#globalNav ul li.middle a {
	background: url(/images/active-left-shadow.gif) no-repeat left top;
}

#globalNav ul li.last {
	background: url(/images/active-right.gif) no-repeat right top;
}

#globalNav ul li.last a {
	background: url(/images/active-left-shadow.gif) no-repeat left top;
}

#globalNav ul li.active a:visited {
	text-decoration: none;
}

#globalNav ul li.active a:hover {
	text-decoration: none;
}

.first {
	border-left: 1px solid #202020;
}

.end {
	border-right: 1px solid #202020;
}

#content {
	margin: 35px 0px 45px 0px;
}

#content #rightBlock {
	float: right;
	width: 300px;
	margin: 0px 0px 20px 50px;
}

#content img {
	border: none;
}

#content #rightBlock p {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #202020;
	font-weight: normal;
	padding: 0px 0px 12px 0px;
}

#content h1 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 2.2em;
	color: #202020;
	font-weight: bold;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 30px 0px;
	border-bottom: 1px solid #dedede;
}

#content h2 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.6em;
	line-height: 1.2em;
	color: #202020;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}

#content p {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.4em;
	color: #202020;
	font-weight: normal;
	padding: 0px 0px 12px 0px;
}

#content p.main-small {
	font-size: 1.1em;
	color: #999;
	padding: 0px 0px 0px 0px;
}

#content p a:link, #content p a:visited {
	font-size: 1.0em;
	color: #ff7600;
	text-decoration: none;
}

#content p a:hover {
	font-size: 1.0em;
	color: #ff7600;
	text-decoration: underline;
}

#content ul {
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

#content ul li {
	padding: 0px;
	margin: 0px 0px 0px 15px;
	list-style-type: disc;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #202020;
	font-weight: normal;
}

#content p.foot {
	text-align: center;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.2em;
	letter-spacing: 0.03em;
	color: #d1d1d1;
	font-weight: normal;
	text-transform: uppercase;
	padding: 35px 0px 2px 0px;
	border-bottom: 1px solid #dedede;
}

#content .paymentBlock {
	margin: -5px 0px 0px 15px;
	float: left;
	width: 260px;
}

#content .paymentBlock p {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.4em;
	color: #000;
	font-weight: normal;
	padding: 3px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

#content .paymentBlock .product p {
	margin: 0px;
}	

#content .paymentBlock .payment-logos {
	margin: 4px 0px 0px 0px;
}

#content .paymentBlock p span.small {
	font-size: 0.8em;
	line-height: 1.2em;
}

#content .paymentBlock .product ul {
	padding: 0;
	margin: 0 0 5px 0;
	list-style-type: none;
	border-top: 1px solid #d0d0d0;
}

#content .paymentBlock .product ul li {
	list-style-type: none;
	padding: 6px 0;
	margin: 0;
	border-bottom: 1px solid #d0d0d0;
}

#content #rightBlock .paymentBlock #googlecart-widget {
	margin: 6px 0px 0px 0px;
	position: relative;
}

#content .prod-image,
#content .prod-image-nolink {
	float: left;
	margin-right: 15px;
}

#content .prod-image img,
#content .prod-image-nolink img {
	border: 3px solid #CFCFCF;
	background-color: #fff;
	padding: 1px;
}

#content .prod-image img:hover {
	border: 3px solid #FF7600;
	background-color: #fff;
	padding: 1px;
}

#content .prod-image-nolink img:hover {
	border: 3px solid #CFCFCF;
	background-color: #fff;
	padding: 1px;
}

#content .img-link {
	border: 3px solid #CFCFCF;
	background-color: #fff;
	padding: 1px;
}

#content .img-link:hover {
	border: 3px solid #FF7600;
	background-color: #fff;
	padding: 1px;
}

#footer {
	margin: 0px 0px 30px 0px;
	padding: 10px 15px 13px 15px;
	background-color: #eee;
}

#footer p {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #636363;
}

#footer p.copyright {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.4em;
	color: #545454;
	padding: 0px 0px 3px 0px;
}

#footer img {
	float: left;
	margin: 2px 12px 0px 0px;
}

#footer p.links {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #959595;
	float: right;
	margin: 35px 0px 0px 0px;
}

#footer p.links a:link, #footer p.links a:visited {
	color: #636363;
	text-decoration: none;
}

#footer p.links a:hover {
	color: #636363;
	text-decoration: underline;
}


/* contact form styles */

form {
	padding: 35px 0px 35px 0px;
	font-family: Tahoma, Arial, sans-serif;
	width: 580px;
}

input,
textarea {
	font-family: Tahoma, Arial, sans-serif;
	padding: 5px;
	width: 471px;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

textarea:focus,
input:focus {
	border: 2px solid #ff7600;
}

input.submit-button {
	width: 60px;
	background-color: #CCC;
	color: #fff;
	font-size: 1.08em;
	font-weight: bold;
	cursor: pointer;
	float: right;
	margin: 0 11px 0 0;
}

label {
	font-family: Tahoma, Arial, sans-serif;
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 70px;
	padding-top: 5px;
	font-size: 1.4em;
}

.rule {
	height: 1px;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
}


/* hide the application images */

.pu28-app-1 {
	background: url(/images/pu28-dia-large.jpg) no-repeat 0 0;
	width: 550px;
	height: 352px;
}

.pu28-app-2 {
	background: url(/images/fb-tech-overlay.jpg) no-repeat 0 0;
	width: 550px;
	height: 379px;
}

.pu28-app-3 {
	background: url(/images/fb-tech-underlay.jpg) no-repeat 0 0;
	width: 550px;
	height: 349px;
}

.pu28-app-4 {
	background: url(/images/eyelet-dia-large.jpg) no-repeat 0 0;
	width: 375px;
	height: 478px;
}

.pu28-app-5 {
	background: url(/images/skip-dia-large.jpg) no-repeat 0 0;
	width: 550px;
	height: 440px;
}

.pu28-app-6 {
	background: url(/images/pu28-aircon-unit.jpg) no-repeat 0 0;
	width: 550px;
	height: 414px;
}

.pu28-app-7 {
	background: url(/images/pu28-loftspace-dia.jpg) no-repeat 0 0;
	width: 550px;
	height: 346px;
}

.pu28-app-8 {
	background: url(/images/pu28-oil-tank-dia.jpg) no-repeat 0 0;
	width: 550px;
	height: 325px;
}

.pu28-app-9 {
	background: url(/images/pu28-aircon-industrial-dia.jpg) no-repeat 0 0;
	width: 550px;
	height: 369px;
}