@charset "utf-8";
/******************************/
/* Base Elements
/******************************/
html, body {
	margin:0;
	padding:0;
	font-family: Tahoma, Arial, Verdana, Default;
	font-size: 12px;
	/* background-color: #fcee37; */
	background-color: #fff;
	color: #3a3a3c;
	line-height: 16px;
	text-align: left;
	min-width: 1000px;
}
*html body {
	width: 1000px;
 	width: expression(document.documentElement.clientWidth < 1000 ? "1000px" : "100%");
}
a:link, a:visited, a:active {
	text-decoration: none;
	color: #0255a5;
}
a:hover {
	color: #ed3a40;
}
form {
	margin: 0;
	padding: 0;
}
input {
	font-size: 10px;
}
hr {
	padding: 0;
	margin: 0;
	color: #cdcdcd;
	overflow: hidden;
 	*height: 1px !important;
}
img {
	margin: 0;
	padding: 0;
	*margin-bottom: -2px;
}
p {
	margin-top: 0;
	padding-top: 0;
}

p.bullet a:link, p.bullet a:visited, p.bullet a:active {
    padding: 0 0 0 2em;
	text-decoration: none;
	color: #333333;
	background: #fff url(../img/editorial/bullet_big_out.gif) no-repeat;
	background-position:left;
}

p.bullet a:hover{
    padding: 0 0 0 2em;
	text-decoration: none;
	color: #ef3e42;
	background: #fff url(../img/editorial/bullet_big_over.gif) no-repeat;
	background-position:left;
}

p.selected
{
    padding: 0 0 0 2em;
	text-decoration: none;
	color: #ef3e42;
	background: #fff url(../img/editorial/bullet_big_over.gif) 0 0px no-repeat;
	}
	/*safari hack*/
   @media screen and (-webkit-min-device-pixel-ratio:0) {
   .three-column-imgpane-left .selected{
   background: #fff url(../img/editorial/bullet_big_over.gif) 0 -1px no-repeat;
  }
}

p.header {
	font-size:22px;
	color: #ef3e42;
	line-height: 16px;
}

p.header2 {
	font-size:12px;
	color: #ef3e42;
	line-height: 16px;
}

p.bold {
	font-size:12px;
	color: #3a3a3c;
	line-height: 16px;
}

/*ul{
  margin:0;
  padding:0;
  list-style-type: none;
  color: #333;

}


ul li{
  margin:0;
  padding-left:2em;  
  background: #fff url(../img/editorial/bullet.gif) 0 0.6em no-repeat;
  color: #333;
}*/
  /*safari hack*/
 /* @media screen and (-webkit-min-device-pixel-ratio:0) {
  ul li{
  background: #fff url(../img/editorial/bullet.gif) 0 0.55em no-repeat;
  }
}*/
/*
ul li.header{
  background: #fff url(../img/editorial/bullet.gif) 0 0.6em no-repeat;
  padding-bottom: 0.5em;
  padding-left:2em;
  color: #333;
}*/
  /*safari hack*/
 /* @media screen and (-webkit-min-device-pixel-ratio:0) {
  ul li.header{
  background: #fff url(../img/editorial/bullet.gif) 0 0.55em no-repeat;
  }
}*/

.header-red {
	font-size:11px;
	color: #ef3e42;
}

/******************************/
/* Utilities
/******************************/
.float-right {
	float: right;
}
.float-left {
	float: left;
	clear: inherit;
}
.clear-y-1px {
	height: 1px;
	overflow: hidden;
	clear: both;
}
.clear-y-5px {
	height: 5px;
	overflow: hidden;
	clear: both;
}
.clear-y-10px {
	height: 10px;
	overflow: hidden;
	clear: both;
}
.clear-x-1px {
	width: 1px;
	overflow: hidden;
	clear: both;
}
.clear-x-5px {
	width: 5px;
	overflow: hidden;
	clear: both;
}
.clear-x-10px {
	width: 10px;
	overflow: hidden;
	clear: both;
}
.clearfloat {
	clear: both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.img-border {
	width: auto;
	height: auto;
	border: 1px solid #cdcdcd;
}
.container {
	position: relative;
	width: 100%;
}
/******************************/
/* Constants
/******************************/
#wrapper {
	position: relative;
	float: left;
	width: 100%;
}
#container {
	position: relative;
	width: 894px;
	margin: 0 auto;
	padding: 0 10px 0 4px;
	background: url(../img/UI/contentContainer_shadow.gif) repeat-y center top #fff;
}
#background-container {
	width: 100%;
	background-color: #fcee37;
}
#footer {
	position: relative;
	float:left;
	width: 100%;
	margin-top: -6px;
}
#copyspace {	
	padding-bottom: 40px;
}
#end {	
	width: 1px;
	overflow: hidden;
	clear: both;
}
/******************************/
/* Sub pages
/******************************/
#content-pane {
	position: relative;
	float: left;
	width: 682px;
	/*width: 650px;*/
	padding: 0 17px 0 15px;
	_padding: 0 15px 0 15px;
	background: url(../img/editorial/shadow_separator.gif) repeat-y center top #fff;
}

#content-pane-width-reduced {
	position: relative;
	float: left;
	width: 570px;
	padding: 0 17px 0 15px;
	_padding: 0 15px 0 15px;
	background: url(../img/editorial/shadow_separator.gif) repeat-y center top #fff;
}

#side-pane {
	float: right;
	width: 170px;
	padding: 87px 5px 0 5px;
	_padding: 87px 0;
}
#masthead-sub {
	padding: 94px 0 0 0;
}
/* Layouts */
.two-column-imgpane {
	float: left;
	clear: inherit;
	width: 149px;
	margin-left: 15px;
	border: 1px solid #cdcdcd;
}
.two-column-contentpane{
	float: right;
	width: 488px;
	margin-right: 15px;
	_margin: 0 0 0 15px;
	
}
.two-column-contentpane-width-reduced{
	float: left;
	width: 400px;
	margin-left: 15px;
	_margin: 0 0 0 15px;
}

.two-column-contentpane-left {
	float: left;
	clear: inherit;
	width: 140px;
	margin-left: 15px;
}

.two-column-contentpane-right {
	float: left;
	width: 450px;
	margin-left: 50px;
	_margin: 50px 0 0 0;
	padding-left: 20px;
	border-left: 1px solid #cdcdcd;
}
.two-column-contentpane-right table {
	border-top: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
}
.two-column-contentpane-right td {
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	font-size: 10px;
	padding: 5px;
}
.two-column-contentpane-right td img {
	margin: 10px;
}
.four-column-imgpane {
	margin-left: 50px;
	_margin: 50px 0 0 0;
	float: left;
	clear: inherit;
    height: 283px;
	margin-left: 12px;
	border: 1px solid #cdcdcd;
}
/******************************/
/* Products
/******************************/
.product-container {
	padding: 4px 3px 0 5px;
}
.product-box, .product-box-last {
	position: relative;
	float: left;
	padding: 5px 5px 10px 5px;
	width: 166px;
	height: 166px;
	background: url(../img/products/shadow_product.gif) no-repeat left top #fff;
}
.product-box-last {
	padding-right: 0;
}
.product-long-box {
	position: relative;
	float: left;
	padding: 5px 5px 10px 5px;
	width: 342px;
	height: 166px;
	background: url(../img/products/shadow_long_product.gif) no-repeat left top #fff;
}
.product-nonbox {
	position: relative;
	float: left;
	width: 167px;
	height: 167px;
	padding: 4px 10px 0 4px;
}
/******************************/
/* Flash Content
/******************************/
/* Landing & Footer */
#flashcontent-landing, #flashcontent-footer {
	text-align:center;
	width: 100%;
	min-width: 1000px;
}
/* Navigation */
#flashcontent-navigation {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 660;
	text-align:center;
	width: 100%;
	min-width: 1000px;
}
/* Side panel */
#flashcontent-sidepanel {
	text-align:center;
	width: 170px;
}
*html #flashcontent-navigation, *html #flashcontent-footer, *html #flashcontent-landing {
	width: 1000px;
 	width: expression(document.documentElement.clientWidth < 1000 ? "1000px" : "100%");
}

/* Milestones */
#flashcontent-milestones {
	width: 648px;
	height:407px;
}
/******************************/
/* Contact
/******************************/
.enquiry  {
font-size:12px;
text-indent:5px;
line-height:16px;
background-image:url(../img/editorial/rounded_rectangle.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
height:23px;
width:401px;
border:0;
 }
 
.enquiry-textarea  {
font-family: Tahoma, Arial, Verdana, Default;
font-size:12px;
text-indent:5px;
line-height:16px;
background-image:url(../img/editorial/rounded_rectangle2.gif);
background-repeat:no-repeat;
height:134px;
width:401px;
border:0;

}

.enquiry-char-left  {
font-family: Tahoma, Arial, Verdana, Default;
font-size:12px;
text-indent:5px;
line-height:16px;
background-image:url(../img/editorial/smallRounded_rectangle.gif);
background-repeat:no-repeat;
height:23px;
width:54px;
border:0;
}
