/* CSS Document */
/* 	Last updated on December 01, 2006
	Created & Updated by RA
*/

/* ============================================================================
									BODY
============================================================================ */

body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	SCROLLBAR-FACE-COLOR: #EEEBE6;
	SCROLLBAR-HIGHLIGHT-COLOR: #F2F2F2;
	SCROLLBAR-SHADOW-COLOR: #E0E0E0;
	SCROLLBAR-3DLIGHT-COLOR: #F2F2F2;
	SCROLLBAR-ARROW-COLOR: #4458A1;
	SCROLLBAR-TRACK-COLOR: #E0E0E0;
	SCROLLBAR-DARKSHADOW-COLOR: #999999;
	background-color: #FFFFFF;
}
/* ============================================================================
									LINKS DEFAULTS
============================================================================ */
p{ padding:0px 0px 5px; }

a {
	text-decoration: none;
	color: #BBE1CA;
	outline:none;
	
	
}
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	outline:none;
}
.email a {
	text-decoration: none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.email a:hover {
	color: #3B5098;
	text-decoration:underline;
}
h4{
	font: bold 12px Arial, sans-serif, Tahoma, Verdana;
	color: #4856A1;
	padding: 10px 0px 5px;
}
/* ============================================================================
									MENU LINKS
============================================================================ */


/* ============================================================================
									SUBMENU LINKS
============================================================================ */
.sublink a {
	COLOR: #999999;
	text-decoration: underline;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.sublink a:hover {
	COLOR: #3B5098;
	text-decoration: underline;
}
.sublink1 a {
	COLOR: #4856A1;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../g-ryder-images/icon-plus.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-right: 0px;
	display: block;
	padding-left: 25px;
	line-height: 24px;
}

.sublink1None {
	COLOR: #4856A1;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../g-ryder-images/icon-plus.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-right: 0px;
	display: block;
	padding-left: 25px;
	line-height: 24px;
}
.sublink1 a:hover {
	COLOR: #000000;
	background-image: url(../g-ryder-images/icon-plus-over.jpg);
}
.sublink2 a {
	COLOR: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 25px;
	background-image: url(../g-ryder-images/pdf.jpg);
	display: block;
	height: 30px;
	line-height: 30px;
}
.sublink2 a:hover { COLOR: #000000; }
/* ============================================================================
									BACKGROUND IMAGES
============================================================================ */
.background-custom {
	background-image: url(../g-ryder-images/background-custom.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 422px;
	
}
.background-enquiry {
	background-image: url(../g-ryder-images/background-enquiry.jpg);
	background-repeat: no-repeat;
}
.background-about-us {
	background-color: #4458A1;
	background-image: url(../g-ryder-images/background-about-us.jpg);
	background-repeat: repeat-y;
}
.background-click {
	background-color: #BBE0CA;
	background-image: url(../g-ryder-images/background-click.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.background-enquiry-form {
	background-image: url(../g-ryder-images/background-enquiry-form.jpg);
	background-repeat: repeat-y;
}

.baclground-contact-us
	{
	background:url(../g-ryder-images/contact-us-bg.jpg)  repeat-y top left;
	width:578px;
	}
/* ============================================================================
									HEADING TEXT
============================================================================ */

.heading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 18px;
	font-weight: bold;
}
.heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4856A1;
	text-decoration: none;
	line-height: 16px;
	font-weight: bold;
}
/*.heading3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #003D6E;
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
	letter-spacing: -1px;
}*/
.heading4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #003C6E;
	text-decoration: none;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: -1px;
}
.heading5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #003C6E;
	text-decoration: none;
	line-height: 20px;
}
.heading6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #F2911C;
	text-decoration: none;
	line-height: 20px;
	font-style: italic;
}
/* ============================================================================
									CONTENT TEXT
============================================================================ */
.paragraph {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 12px;
	text-align: justify;
}
.paragraph1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
	text-align: left;
}
.paragraph2 {
	color: #666666;
	text-align: left;
	font: 11px/15px Arial, Helvetica, sans-serif;
}
.paragraph2 p { padding: 0px 0px 10px; 

}
/* ============================================================================
									FORM ELEMENTS
============================================================================ */
.txt_input {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	border: 1px solid #B2B8B3;
}
.txt_textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	width: 230px;
	border: 1px solid #B2B8B3;
}
.txt_listbox {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	border: 1px solid #B3D9B3;
	width: 130px;
}
.border-colorTextArea {
	border: 1px solid #BAE0C9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:2px 0px 2px 0px;
	line-height: 14px;
	color: #4856A1;
	height:auto;
	width:325px;
}
.bu_submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333366;
	border: 1px #999999;
	font-weight: bold;
	height: 20px;
	width: 70px;
	cursor: pointer;
}
.background-color { background-color: #4458A1; }
.paragraph-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4458A1;
	line-height: 12px;
}
.border { border: thick solid #FFFFFF; }
.enquiry-form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4856A1;
	line-height: 16px;
}
.background-enquiry-color {
	color: #4856A1;
	background-color: #BAE0C9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}
.border-color {
	border: 1px solid #BAE0C9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:21px;
	padding:2px 0px 2px 0px;
	line-height: 14px;
	color: #4856A1;
}
.border-color_textarea {
	border: 1px solid #BAE0C9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
 	padding:2px 0px 2px 0px;
	line-height: 14px;
	color: #4856A1;
}
/* ============================================================================
									FOOTER TEXT
============================================================================ */
.footer-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
/*navigation*/
* {
	padding: 0px;
	margin:0px;
}
#nav {
	width:473px;
	background:url(../g-ryder-images/bgNavigation.jpg);
	height:38px;
}
#nav ul {
	width:473px;
	list-style: none;
}
#nav a {
	display: block;
	text-indent:-9999px;
}
#nav li { float: left; }
#nav li ul {
	position: absolute;
	left: -999em;
	width:240px;
}
#nav li li { text-indent:-999px; }
#nav li ul a { }
#nav li ul a:hover { }
#nav li ul ul { }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.sfhover { background: none; }
.home a {
	width:61px;
	height:38px;
}
.home a:hover {
	background:transparent url(../g-ryder-images/bgNavigation.jpg) 0px -38px no-repeat;
	border-bottom:0;
}
.home-active a {
	width:61px;
	height:38px;
	background:transparent url(../g-ryder-images/bgNavigation.jpg) 0px -38px no-repeat;
	border-bottom:0;
}
.products a {
	width:75px;
	height:38px;
}
.products a:hover {
	background:transparent url(../g-ryder-images/bgNavigation.jpg) -61px -38px no-repeat;
	border-bottom:0;
}
.products-active a {
	width:75px;
	height:38px;
	background:transparent url(../g-ryder-images/bgNavigation.jpg) -61px -38px no-repeat;
	border-bottom:0;
}
.productsActive {
	width:75px;
	height:38px;
	background:transparent url(../g-ryder-images/bgNavigation.jpg) -61px -38px no-repeat;
	border-bottom:0;
}
.standardRange a {
	width:117px;
	height:38px;
}
.standardRange a:hover {
	background:transparent url(../g-ryder-images/bgNavigation.jpg) -136px -38px no-repeat;
	border-bottom:0;
}
.enquiry a {
	width:119px;
	height:38px;
}
.enquiry a:hover {
	background:transparent url(../g-ryder-images/bgNavigation.jpg) -253px -38px no-repeat;
	border-bottom:0;
}
.contact a {
	width:101px;
	height:38px;
}
.contact a:hover {
	background:transparent url(../g-ryder-images/bgNavigation.jpg) -372px -38px no-repeat;
	border-bottom:0;
}
/* product list*/
.productList {
	width:240px;
	height:203px;
	background: url(../g-ryder-images/productList.gif);
}
.m1 a {
	width:240px;
	height:45px;
}
.m1 a:hover {
	background:transparent url(../g-ryder-images/productList.gif) -240px -0px no-repeat;
	border-bottom:0;
}
.m2 a {
	width:240px;
	height:28px;
}
.m2 a:hover {
	background:transparent url(../g-ryder-images/productList.gif) -240px -45px no-repeat;
	border-bottom:0;
}
.m3 a {
	width:240px;
	height:28px;
}
.m3 a:hover {
	background:transparent url(../g-ryder-images/productList.gif) -240px -73px no-repeat;
	border-bottom:0;
}
.m4 a {
	width:240px;
	height:28px;
}
.m4 a:hover {
	background:transparent url(../g-ryder-images/productList.gif) -240px -101px no-repeat;
	border-bottom:0;
}
.m5 a {
	width:240px;
	height:29px;
}
.m5 a:hover {
	background:transparent url(../g-ryder-images/productList.gif) -240px -129px no-repeat;
	border-bottom:0;
}
.m6 a {
	width:240px;
	height:45px;
}
.m6 a:hover {
	background:transparent url(../g-ryder-images/productList.gif) -240px -158px no-repeat;
	border-bottom:0;
}
/*standard range*/
.standardRangeList {
	width:240px;
	height:203px;
	background: url(../g-ryder-images/standardRange.gif);
}
.p1 a {
	width:240px;
	height:45px;
}
.p1 a:hover {
	background:transparent url(../g-ryder-images/standardRange.gif) -240px -0px no-repeat;
	border-bottom:0;
}
.p2 a {
	width:240px;
	height:28px;
}
.p2 a:hover {
	background:transparent url(../g-ryder-images/standardRange.gif) -240px -45px no-repeat;
	border-bottom:0;
}
.p3 a {
	width:240px;
	height:28px;
}
.p3 a:hover {
	background:transparent url(../g-ryder-images/standardRange.gif) -240px -73px no-repeat;
	border-bottom:0;
}
.p4 a {
	width:240px;
	height:28px;
}
.p4 a:hover {
	background:transparent url(../g-ryder-images/standardRange.gif) -240px -101px no-repeat;
	border-bottom:0;
}
.p5 a {
	width:240px;
	height:29px;
}
.p5 a:hover {
	background:transparent url(../g-ryder-images/standardRange.gif) -240px -129px no-repeat;
	border-bottom:0;
}
.p6 a {
	width:240px;
	height:45px;
}
.p6 a:hover {
	background:transparent url(../g-ryder-images/standardRange.gif) -240px -158px no-repeat;
	border-bottom:0;
}
/*enquiry form*/
.enquiryForm {
	width:240px;
	height:85px;
	float:left;
	background: url(../g-ryder-images/enquiryForm.gif) left no-repeat;
}
.e1 a {
	width:240px;
	height:45px;
}
.e1 a:hover {
	background:transparent url(../g-ryder-images/enquiryForm.gif) -240px -0px no-repeat;
	border-bottom:0;
}
.e2 a {
	width:240px;
	height:28px;
}
.e2 a:hover {
	background:transparent url(../g-ryder-images/enquiryForm.gif) -240px -45px no-repeat;
	border-bottom:0;
}
.heading3{
	color: #3E529B;
	font: bold 11px Arial, sans-serif, Tahoma, Verdana;
	padding: 0px 0px 0px 4px;
}
.para2{
	font-size: 11px;
	color: #FFFFFF;
	padding: 4px;
	font-family: Arial, sans-serif, Tahoma, Verdana;
}

.paralist{
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, sans-serif, Tahoma, Verdana;
	}

.paralist ul {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, sans-serif, Tahoma, Verdana;
	line-height:25px;
	margin:0px 0px 0px 10px;
	}

.paralist ul li{
	font-size: 11px;
	color: #FFFFFF;
	margin:0px 0px 0px 10px;
	font-family: Arial, sans-serif, Tahoma, Verdana;
	}

.para2 p{ padding: 0px 0px 10px; }
.para3{
	font-size: 11px;
	color: #FFFFFF;
	padding: 4px;
	border-right: 1px solid #BBE0C1;
		font-family: Arial, sans-serif, Tahoma, Verdana;
}
.tableBorder{
	border-left: 1px solid #BBE0C1;
	border-right: 1px solid #BBE0C1;
}
.order{
	color: #FFFFFF;
	font: bold 18px Arial, sans-serif, Tahoma, Verdana;
}