@charset "utf-8";
/* CSS Document */

/* Fix up IE6 PNG Support */
img, #logo, #contact_info { behavior: url(../iepngfix.htc); }

body {
	margin:0px; padding:0px;
	font-size:13px;
	line-height:19px;
	font-family:Arial, Helvetica, sans-serif;
	color:#353535;
	background-color:#1e5890;
	background-image: url(../graphics/background_repeat.png);
}
#main {
	background: url(../graphics/background_slice.png) repeat-x 0 0;
}
#main .container {
	background-image:url(../graphics/background_page.png);
	background-repeat:no-repeat;
	height:100%;
}
.container {
	width:966px;
	margin:0 auto;
  	position:relative;
	border:0px solid red;
}
img {
	border:0;
}

/* 
	Header Styles 
*/

#header {
	padding:20px 0 0 0;
	margin:0 19px 0 19px;
	background-image:url(../graphics/background_light.jpg);
	background-repeat:no-repeat;
	height:151px;
}
#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo {
	display:block;
	position:absolute;
	background-image:url(../graphics/logo.png);
	background-repeat:no-repeat;
	width:209px;
	height:89px;
	margin-top:62px;
	z-index:100;
}
#logo a {
	display:block;
	position:absolute;
	width:209px;
	height:89px;
	z-index:100;
}
#contact_info {
	background-image:url(../graphics/contact_info.png);
	background-repeat:no-repeat;
	width:331px;
	height:13px;
	margin-top:8px;
	position:absolute;
	left:28px;
	top:0px;
}
#quote_right {
	width:239px;
	height:13px;
	margin-top:7px;
	position:absolute;
	right:29px;
	top:0px;
}
#tag_line {
	display:block;
	width:532px;
	height:73px;
	position:absolute;
	right:19px;
	top:78px;
	z-index:10;
	text-align:right;
}
#header_image {
	display:block;
	width:928px;
	height:129px;
	position:absolute;
	left:19px;
	top:42px;
	z-index:1;
}

/*	Flyout Menu Styles  */

#menu_container {
	width:209px;
	float:left;
	margin:0 0 0 19px;
	background-color:#ffffff;
	z-index:99;
}
#verticalNav {
	position:absolute;
	left:0px;
	top:0px;
	margin:0;
	list-style:none;
	position:relative;
	font-family:verdana, sans-serif;
	float:left;
	padding:0;
	z-index:100;
}
#verticalNav ul.toplevel {padding:0; margin:0; list-style:none;}
#verticalNav ul.sub {padding:0; margin:0; list-style:none;}
 
#verticalNav table {border-collapse:collapse; margin:-1px;}
#verticalNav ul.toplevel ul div.base {position:absolute; left:-9999px; background:#fff; border:1px solid #fff; padding:10px; width:350px; height:300px;}
#verticalNav ul.toplevel ul div.border {position:absolute; left:-9999px; background:transparent url(../graphics/menu/backing.png); width:390px; height:340px;}
 
#verticalNav ul.toplevel {width:209px; border-top:0px solid #ddd;}
#verticalNav ul.toplevel li {float:left; width:209px;}
#verticalNav ul.toplevel li .menu_bottom {display:block; width:209px; height:8px; background-color:#e5e5e5; }
#verticalNav ul.toplevel li a.menuLrg {display:block; width:189px; padding-left:20px; height:38px; line-height:38px; text-decoration:none; color:#595959; font-size:10px; background:#eef0f0 url(../graphics/menu/menu_bg.gif) no-repeat left; border:0px solid #000;}
#verticalNav ul.toplevel li a.menuSml {display:block; width:189px; padding-left:20px; height:24px; line-height:24px; text-decoration:none; color:#000; font-size:10px; background:#fff url(../graphics/menu/menu_sml.gif) no-repeat left; border:0px solid #000;}

 
#verticalNav a:hover {white-space:nowrap;}
 
#verticalNav :hover ul.toplevel :hover ul.pos1 {top:150px;}
#verticalNav :hover ul.toplevel :hover ul.pos2 {top:173px;}
 
#verticalNav :hover ul.toplevel li a.menuLrg {background:#595959 url(../graphics/menu/menu_bg.gif) no-repeat left; color:#595959;}
#verticalNav :hover ul.toplevel li a.menuSml {color:#000; background:#fff url(../graphics/menu/menu_sml.gif) no-repeat left;}
 
#verticalNav :hover ul.toplevel li a.menuLrg:hover {background:#fff url(../graphics/menu/menu_bg_ov.gif) no-repeat left; color:#000;}
#verticalNav :hover ul.toplevel li:hover > a.menuLrg {background:#fff url(../graphics/menu/menu_bg_ov.gif) no-repeat left; color:#000;}
#verticalNav :hover ul.toplevel li a.menuSml:hover {color:#000; background:#fff url(../graphics/menu/menu_sml_ov.gif) no-repeat left;}
#verticalNav :hover ul.toplevel li:hover > a.menuSml {color:#000; background:#fff url(../graphics/menu/menu_sml_ov.gif) no-repeat left;}
 
#verticalNav :hover ul.toplevel :hover div.base {left:218px;}
#verticalNav :hover ul.toplevel :hover div.div1 {top:17px;}
#verticalNav :hover ul.toplevel :hover div.div2 {top:17px;}
 
#verticalNav :hover ul.toplevel :hover div.border {left:209px;}
#verticalNav :hover ul.toplevel :hover div.b1 {top:8px;}
#verticalNav :hover ul.toplevel :hover div.b2 {top:8px;}
 
#verticalNav :hover ul.toplevel :hover div.base ul {float:left; padding:0; margin:0; list-style:none; width:150px;}
#verticalNav :hover ul.toplevel :hover div.base ul li {display:block; float:left; width:170px; height:auto; padding:0; margin:0; border: 0px solid #000;}
#verticalNav :hover ul.toplevel :hover div.base ul li a {width:150px; padding-left:15px; background:#fff url(../graphics/menu/dot.gif) no-repeat left center; color:#000; border:0; margin:0; height:auto; line-height:16px; font-size:10px;}
#verticalNav :hover ul.toplevel :hover div.base ul li a:hover {color:#069;}
 
#verticalNav :hover ul.toplevel :hover div.base h4 {color:#4f4f4f; font-size:15px; margin:0; padding:0px 0 5px 0;}
#verticalNav :hover ul.toplevel :hover div.base p {color:#555; font-size:10px; margin:0; padding:0; line-height:15px;}

#verticalNav :hover ul.toplevel :hover div.float {float:left; width:175px;}

/* 	Block-Styles */

.block {
	border:0px solid #ff0000;
	background:transparent;
	margin-bottom:10px;
	position:relative;
}
.block_inside { 
	display:block; 
	background-color: #ffffff;
	border: 0px solid #FFFFFF;
	padding:16px;
	overflow:auto;
}


/* Block Content Styles */

#content_area {
	width:540px;
	float:left;
	background:transparent;
}
#right_column {
	width:179px;
	float:left;
	margin-right:19px;
	background:transparent;
}
#right_column .block_inside { 
	display:block; 
	background-color: #ffffff;
	border: 0px solid #FFFFFF;
	padding:10px 0 0 0;
	overflow:auto;
}
#right_column .block {
	margin-bottom:0;
}
#content_area .block_inside {
	min-height:400px;
}
#content_area .separator {
	border-top:1px dashed #b9b9b9;
	margin-top:20px;
	padding-top:20px;
}
#content_area .separator_first {
	border-top:1px dashed #b9b9b9;
	padding-top:20px;
}
#content_area .separatorSolid {
	border-top:1px solid #cccccc;
	margin-top:20px;
	padding-top:20px;
}
.blue_underline {
	border-top:1px solid #1063cc;
	margin-top:0px;
	padding-top:5px;
}
.blue_underline_bottom {
	border-top:1px solid #1063cc;
	margin-top:2px;
	padding-top:5px;
}

/* Contact Us Page */
#contact_address .contact_details {
	width:250px;
	float:left;
}
#contact_address {
	width:500px;
	overflow:auto;
	height:auto;
	position:relative;
}

/* Orders & Enquiries Page */
#order_staff .contact_details {
	width:169px;
	float:left;
	margin:0;
	padding:0;
}
#order_staff {
	width:507px;
	overflow:auto;
	text-align:center;
	margin:0;
	position:relative;
	height:auto;
}
#order_staff .staff_image {
	padding:3px;
	border:1px solid #b9b9b9;
}

/* Common Content Styles */
.image_border {
	padding:3px;
	border:1px solid #b9b9b9;
}

#float_right {
	float:right;
	margin-left:10px;
}

/* Footer-Styles */

#footer {
	background-image:url(../graphics/background_repeat.png);
	background-repeat:repeat-x;
	padding:0;
	color:#FFFFFF;
	overflow:auto;
}
#footer .container{
	background-image:url(../graphics/background_footer.png);
	background-repeat:no-repeat;
	background-position:bottom;
	color:white;
	padding-left:28px;
	min-height:220px;
}
#footer .contact{
	color:white;
	font-size:10px;
	line-height:12px;
}
#footer .contact span{
	color:white;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
}
#copyright {
	padding:0;
}
#copyright .container{
	background-image:url(../graphics/background_copyright_light.jpg);
	background-repeat:no-repeat;
	color:white;
	padding:0;
	height:50px;
}
#copyright .copyinfo{
	padding:23px 0 0 19px;
	font-size:10px;
	float:left;
	width:45%;
}
#copyright .stylusnet{
	padding:23px 19px 0 0;
	font-size:10px;
	float:right;
	text-align:right;
	width:45%;
}
.footer_column {
	float:left;
	width:276px;
	margin:35px 0 0 26px;
	font-size:11px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding-left:8px;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover { 
text-decoration:underline;
}
#copyright a {
	color:#ffffff;
	text-decoration:none;
}
#copyright a:hover { 
text-decoration:underline;
}
#footer .underline {
	background-image:url(../graphics/footer_underline.gif);
	background-repeat:no-repeat;
	margin:0 0 0 2px;
	padding:5px 0 5px 0px;
	width:276px;
}
#footer p{
	padding-left:8px;
}

/* 	Text-Styles  */

h2 {
	margin:0;
	font-size:25px;
	font-family:Arial, Sans-serif;
	color:#1e5890;
	line-height:23px;
	letter-spacing:-1px;
}
h3 {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:18px;
	font-family:Arial, Sans-serif;
	color:#000000;
}
h4 {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:12px;
	height:18px;
	font-family:Arial, Sans-serif;
	color:#000000;
}
small {
	color:#595856;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}
a {
	color:#26689f;
	text-decoration:none;
}
small a {
	color:#007de2;
}
a:hover { text-decoration:none; color:#1063cc;}
p { margin: 0px 0px 15px 0px; }

a.button {
	background:#32312f url(../graphics/button_bg.jpg) repeat-x;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:25px;	
}
a.button:hover {
	background:#007de2 url(../graphics/button_bg_o.jpg) repeat-x;
	border-color:#007de2;
}
.greyItalic {
	color: #666666;
	font-style:italic;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
}
.greyItalicFirst {
	color: #acacac;
}

/* Forms */

input, select {
  border:1px dashed #b2b2b2;
  padding:2px;
  margin-top:2px;
  width:200px;
  color:#666666;
}

select {
	width:205px;
}

input.checkbox {
  border:0px solid;
  padding:0px;
  background:#ffffff;
  margin:0px;
}

textarea	{
	font-family:Arial, Verdana; 
	font-weight: normal;
	color: #666666;
	border: 1px dashed #b2b2b2;
	width:275px;
	padding: 3px 0px 3px 3px;
}

textarea:hover, input:hover, select:hover {
	border: 1px dashed #353535;
}

input.buttons {
	border:none;
	cursor:pointer;
	display:block;
	float:left;
	height:27px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	width:71px;
	
}
input.buttons:hover { background-image: url(../graphics/send_btn_ov.gif);}
input.send { background-image: url(../graphics/send_btn.gif); width: 71px; text-indent:-9999px;}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}