/*----------------------------------------------------------------- MASTER CLASSES ---*/
@import url('menu.css');

* {font-size: 100.01%; margin: 0; padding: 0; }
html {font-size: 62.5%; height: 100%;}
body {
/*	font:11px Verdana, Helvetica, sans-serif;*/
	font:110% Verdana, Helvetica, sans-serif;
	height: 100%;
	background: #fff url(img/page-bg-top.gif) repeat-x center top;
	color: #454545;
}

.clearfix {clear: both; display: block;}
.right {float: right;}
.left {float: left;}
/*----------------------------------------------------------------- MASTER CLASSES END ---*/

/*----------------------------------------------------------------- LAYOUT CLASSES ---*/
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -139px; /* the bottom margin is the negative value of the footer's height */
	width: 843px;
	background: #fff url(img/page-bg.gif) repeat-y center top;
	position: relative;
}
div#header {
	height: 143px;
	background: #f1f1f1 url(img/header-bg.gif) no-repeat center top
}
div#container {
	float: right;
	margin: 0 0 0 -280px;
	width: 100%;
}
body#nosidebar div#content {margin: 0 0 0 20px;}
body#nosidebar div.main-image {display: none;}
div#content {
	margin: 0 0 0 280px;
	padding: 10px 20px 10px 0px;
	line-height: 150%;
}
body#nosidebar div.sidebar {display: none;}
div.sidebar {
	float: left;
	width: 240px;
	padding: 0 5px 0 15px;
	overflow: hidden;
	border-right: 1px solid #F0F0F0;
}
#footer {
	background: #e5e5e5 url(img/footer-bg.gif) repeat-x center top;
	position: relative;
}
#footer .inner {
	background: url(img/footer-bg-bot.gif) no-repeat center top;
	height: 139px;
	width: 843px;
	margin: 0 auto;
}
#footer {
	height: 139px; /* .push must be the same height as .footer */
	clear: both;
}
.push {
	height: 160px; /* .push must be the same height as .footer */
	clear: both;
}
/*----------------------------------------------------------------- LAYOUT CLASSES END ---*/

/*----------------------------------------------------------------- GENERAL CLASSES ---*/
div.main-image {
	margin: 0 auto 20px;
	width: 835px;
	overflow: hidden;
}
div#search {
	position: absolute;
	right: 10px;
	top: 10px;
}
div.text-block {
	line-height: 16px;
	padding-top: 10px;
}
span.open-quote, span.end-quote {
	width: 20px;
	height: 16px;
	margin-top: -4px;
	float: left;
}
span.open-quote {background: transparent url(img/open-quote.gif) no-repeat;}
span.end-quote {display: none;background: transparent url(img/close-quote.gif) no-repeat;}
ul#xoxo {
	list-style: none;
	width: 96%;
	color: #a1a1a1;
}
ul#xoxo li {
	padding: 10px 0px;
	position: relative;
}
ul#xoxo li a {
	white-space: nowrap;
}
ul#xoxo li#sidebar-contact img {
	position: absolute;
	top: 10px;
	left: 0px;
}
ul#xoxo li#sidebar-contact div.text-block {
	padding-left: 75px;
}

ul#xoxo li#sidebar-brochure img {
	position: absolute;
	top: 0px;
	left: -5px;
}
ul#xoxo li#sidebar-brochure div.text-block {
	padding-left: 110px;
}

ul#xoxo li#sidebar-coverage img {
	position: absolute;
	top: 0px;
	left: 10px;
}
ul#xoxo li#sidebar-coverage div.text-block {
	padding-left: 80px;
}
div.inlineNav {
	background: #f1f1f1;
	line-height: 34px;
	text-align: right;
	color: #a1a1a1;
	padding: 0 15px;
	margin-bottom: 15px;
}
div.sub-inlineNav {
	clear: both;
	color: #009eef;
	font-size: 10px;
}
div.sub-inlineNav a.print,
div.sub-inlineNav a.email,
div.sub-inlineNav a.pdf {
	display: block;
	float: right;
	margin-left: 5px;
	width: 28px;
	height: 20px;
	text-indent: -9999px;
	line-height: normal;
}
div.sub-inlineNav a.print {
	background: url(img/ico_print.gif) no-repeat left top;
}
div.sub-inlineNav a.email {
	background: url(img/ico_email.gif) no-repeat left top;
}
div.sub-inlineNav a.pdf {
	background: url(img/ico_pdf.gif) no-repeat left top;
}
div.sub-inlineNav a.print:hover, div.sub-inlineNav a.email:hover, div.sub-inlineNav a.pdf:hover {
	background-position: center bottom;
}
.para-img {
	float: right;
	clear: right;
	border: 1px solid #f2f2f2;
	margin: 5px 0 10px 10px;
}
div#productMain {
	overflow: hidden;
	width: 630px;
	height: 540px;
	border: 8px solid #F1F1F1;
	float: right;
}
div#productMain table {
	text-align: center;
	width: 630px;
	height: 540px;
}
div#productDescription {
	width: 630px;
	float: right;
	clear: both;
	padding-top: 20px;
}
div#productDescription span {
	color: #009eef;
	display: block;
	padding-top: 15px;
}
ul#products, ul#subproducts {margin-top: 10px; list-style: none;}
ul#products li:hover, ul#products li.sfhover {
	border: 7px solid #009eef;
}
ul#products li:hover a.label, ul#subproducts li:hover a.label {
	color: #454545;
}
ul#products li {
	width: 114px;
	height: 154px;
	border: 7px solid #f1f1f1;
	margin: 0 7px 10px 0;
	display: block;
	position: relative;
	z-index: 1;
	overflow: hidden;
	float: left;
}
ul#subproducts li {
	width: 103px;
	height: 123px;
	border: 7px solid #f1f1f1;
	text-align: center;
	background: #f1f1f1;
	margin: 0 18px 18px 0;
	display: block;
	position: relative;
	z-index: 1;
	overflow: hidden;
	float: left;
}
ul#products li a.label {
	font-weight: bold;
	position:absolute;
	bottom: 0px;
	display: block;
	padding: 5px 0 4px 0;
	color: #009eef;
	/*line-height: 40px;*/
	height: 35px;
	width: 100%;
	_width: 116px;
	background-color: #fff;
	text-align: center;
	text-decoration: none;
}

ul#subproducts li a.label {
	font-weight: bold;
	position:absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	padding: 5px 0 4px 0;
	color: #009eef;
	/*line-height: 40px;*/
	height: 20px;
	width: 100%;
	_width: 100px;
	background-color: #fff;
	text-align: center;
	text-decoration: none;
}
ul#products li img, ul#subproducts li img {
	display: block;
	margin: 0 auto;
	border: none;
}
ul#products li a.pic {
	position:absolute;
	top: 0px;
	display: block;
	height: 110px;
	width: 114px;
}
ul#products li a.label:hover, ul#subproducts li a.label:hover {
	color: #454545;
}
div.column {
	width: 48%;
	float: left;
	color: #009eef;
}
div.column span, div.column a {color: #454545;}
ul#subproducts li:hover, ul#subproducts li.sfhover {
	border: 7px solid #009eef;
}
/*----------------------------------------------------------------- GENERAL CLASSES END ---*/

/*----------------------------------------------------------------- TYPOGRAPHY CLASSES ---*/
#footer .inner p {
	color: #009eef;
	padding: 15px 40px;
}
#content h1 {
	font: lighter 27px Times, serif;
	color: #009eef;
  padding-bottom:10px;
}
ul#xoxo h2{
	font: lighter 14px Arial, Helvetica, sans-serif;
	color: #009eef;
	text-transform: uppercase;
	background: #f1f1f1;
	line-height: 34px;
	text-align: right;
	padding: 0 10px;
}
div#productDescription h4 {
	font-weight: normal;
	color: #009eef;
}
div.text-block strong {
	font-weight: lighter;
	font-style: italic;
	color: #009eef;
	display: block;
}
div#content p {
	padding: 0 0 15px 0;
}
hr {
	border: none;
	background: #f0f0f0;
	height: 1px;
	width: 96%;
	margin: 20px 0;
}
span.meta-sep {color: #009eef;}
/*----------------------------------------------------------------- TYPOGRAPHY CLASSES END ---*/

/*----------------------------------------------------------------- LINK CLASSES ---*/
a:link {color: #a1a1a1;}
a:active {color: #a1a1a1;}
a:visited {color: #a1a1a1;}
a:hover {color: #009eef; text-decoration: none;}

a.readmore:link {color: #009eef;}
a.readmore:active {color: #009eef;}
a.readmore:visited {color: #009eef;}
a.readmore:hover {color: #a1a1a1; text-decoration: none;}

a.enquire-now {
	display: block;
	float: right;
	margin: 10px 0;
	width: 148px;
	height: 36px;
	text-indent: -9999px;
	background: url(img/button_enquire.gif) no-repeat center top;
}
a.enquire-now:hover {background-position: center bottom;}

#search a {
	padding-left: 123px;
	font-size: 0.9em;
	letter-spacing: 0.4px;
}
div#productDescription a {color: #000;}
/*----------------------------------------------------------------- LINK CLASSES END ---*/

/*----------------------------------------------------------------- FORM CLASSES ---*/
#search input {
	margin: 5px 0 5px 5px;
}
#search input.text {
	background: #f1f1f1;
	border: none;
	padding: 3px 5px;
	color: #009eef;
	width: 203px;
}
#search input.button {
	border: none;
	background: #bababa url(img/search-but.gif) no-repeat center center;
	width: 28px;
	height: 20px;
	cursor: pointer;
}

input.text, .textarea {
	background: #f1f1f1;
	border: none;
	padding: 3px 5px;
	width: 200px;
	font: 11px normal Arial, Helvetica, sans-serif;
}
.textarea {
	width: 350px;
}

form#contact {
	float: right;
	_width: 550px;
}

#search-main input.button {
	border: none;
	background: #bababa url(img/search-but.gif) no-repeat center center;
	width: 28px;
	height: 20px;
	cursor: pointer;
}

#contact label {
	color: #009eef;
	width: 130px;
	padding-right: 20px;
	float: left;
	display: block;
	text-align: right;
}
#contact fieldset {
	border: none;
	margin: 0 0 10px 0;
}
#contact fieldset.indent {
	padding-left: 150px;
}
#contact .button {
	border: none;
	background: url(img/submit_but.gif) no-repeat center bottom;
	width: 182px;
	height: 36px;
	cursor: pointer;
}
#contact .button:hover {background-position: center top;}

#contact fieldset.indent a {color: #009eef; text-decoration: none; font-size: 10px; padding-left: 3px;}
#contact fieldset.indent a:hover {color: #454545; text-decoration: underline;}
/*----------------------------------------------------------------- FORM CLASSES END ---*/