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

html {margin:0px;padding:0px;}
body  {font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;font-size:10pt;background:#EBEBEB url(../images/wrapper_background.jpg) repeat-y center top;color:#333;text-align:center;line-height:normal;}

h1 {font-size:12pt;font-weight:bold;font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;margin:0 0 10px 0;}
h2 {font-size:14pt;font-weight:normal;font-style:italic;font-family:Georgia, Times New Roman, Serif;margin:0 0 10px 0;}
h3 {font-size:14pt;font-weight:normal;font-family:Georgia, Times New Roman, Serif;margin:0 0 10px 0;}
h4 {font-size:14pt;font-weight:normal;font-style:italic;font-family:Georgia, Times New Roman, Serif;margin:0 0 10px 0;}
h5 {font-size:10pt;font-weight:bold;margin:0 0 10px 0;}
h6 {font-size:10pt;font-weight:bold;font-style:italic;margin:0 0 10px 0;}

p,ul,ol,li 		{font-size:10pt;margin:0 0 10px 0;}

blockquote 		{font-size:14pt;font-weight:bold;font-style:italic;font-family:Georgia, Times New Roman, Serif;margin:0 0 10px 0;color:#6F7590;}

.left			{float:left;}
.right			{float:right;}

#outerwrapper	{padding-top:34px;text-align:left;background:transparent url(../images/header_background.jpg) repeat-x 0 -22px; }
#header 		{margin:0 auto;width:1004px;height:106px;overflow:hidden;}

#logo				{float:left;margin:0 0 0 10px;}
#strapline			{float:left;margin:0 0 0 0;}
#enquiries			{float:left;margin:0 0 0 30px;}

#navigation 		{float:left;list-style:none;margin:8px 0 0 10px;}
#navigation li		{float:left;list-style:none;margin:0 10px 0 0;}
#navigation li a	{display:block;padding:0 0 0 0;}

#content			{background:#fff url(../images/body_grad_background.jpg) repeat-x 0 0;padding:20px 0 0 0;}
.left-column		{font-size:8pt;float:left;width:200px;margin:0 10px 0 0;padding:200px 0 0 0;background:transparent url(../images/map.jpg) no-repeat top center;}
.left-column p		{font-size:8pt;margin:0 0 5px 15px;}
.center-column		{float:left;width:520px;padding:0 15px 20px 15px;border-left:1px dotted #666;border-right:1px dotted #666;}
.right-column		{font-size:8pt;float:left;width:200px;margin:0 0 0 10px;}

.left-col			{float:left;width:245px;margin:0 20px 0 0;}
.right-col			{float:left;width:245px;margin:0 0 0 0;}
.full-col			{float:none;width:510px;margin:0 0 20px 0;padding:3px 3px 3px 3px;border-top:1px dotted #333;}

label				{margin:3px 0 3px 0;width:240px;}
select				{margin:3px 0 6px 0;width:240px;}
textarea			{margin:3px 0 6px 0;width:240px;height:200px;}
input.text-input	{margin:3px 0 6px 0;width:240px;}
#send				{float:right;}

#mid-rift {margin:0 auto;width:1004px;}

/* ****** Generic Table ****** */
#content table {width:100%;margin:0 0 15px 0;}
#content table thead {}
#content table thead tr {}
#content table thead td {vertical-align:bottom;text-align:left;font-weight:bold;background:#ccc;border-bottom:1px solid #333;padding:5px 3px 3px 3px;}
#content table tbody {}
#content table tbody tr {}
#content table tbody td {vertical-align:top;padding:5px 10px 5px 10px;border-bottom:1px solid #333;}
#content table tbody td.light {background:#FFFFFF;border-bottom:1px solid #333;}
#content table tbody td.dark {background:#EEEEEE;border-bottom:1px solid #333;}
#content table tbody td label {width:200px;}
#content table tbody td .button-input {}
#content table tbody td .input-text {width:30px;}
#content table tfoot {}
#content table tfoot tr {}
#content table tfoot td {vertical-align:top;text-align:right;border-bottom:1px solid #00426F;padding:10px 10px 10px 10px;}
#content table tfoot td.light {background:#EEEEEE;}
#content table tfoot td.dark {background:#00B1C6;}

#content ul {list-style:square;margin-left:0;padding:5px 0 5px 0;border-top:1px dotted #666;border-bottom:1px dotted #666;}
#content ol {list-style: decimal;margin-left:0;padding:5px 0 5px 0;border-top:1px dotted #666;border-bottom:1px dotted #666;}
#content ul li, ol li {margin:0 0 3px 20px;padding-left:5px;}

.info-panel				{margin:20px 0 10px 0;}
.info-panel	h3			{}
.info-panel	ul			{}
.info-panel-button		{height:35px;padding-top:160px;}

.testimonial 			{margin:20px 0 20px 0;}
.testimonial .left-col	{width:340px;}
.testimonial .right-col	{width:160px;}

#panel_excavator_hydraulics {}
#panel_crane_hydraulics {}
#panel_tipper_hydraulics {}
#panel_shipping_transport {}
#panel_automotive_parts {}
#panel_roll_forming_machines {}
#panel_agriculture_machinery {}
#panel_saw_mill_machinery {}
.panel_box {float:left;margin:10px 20px 10px 0;}
.panel_box h3, .panel_box p {}


/* Gallery */
#gallery img {border:1px dotted #666;margin:8px 50px 50px 0;}
#gallery .last {margin:8px 0 50px 0;}
#gallery-navigation ul {display:block;float:none;clear:both;list-style:none !important; padding:3px 0 3px 0; margin:10px 0 10px 0;}
#gallery-navigation li {float:left;list-style:none !important; padding:0 10px 0 10px; margin:0 0 0 0; border-right:1px solid #333;} 
#gallery-navigation li.last {border:none;} 
#gallery-navigation li.active a {text-decoration:none;font-weight:bold;color:#000;} 


/* Scroller Styles */
#scroller-mask {position:relative;width:1004px;height:180px;overflow:hidden;margin:0 0 0 0;}
#scroller-box {position:absolute;margin:0 0 0 0;}
.scroller {width:1004px;height:180px;float:left;padding:0 0 0 0;}

#footer	{background:#fff url(../images/footer_grad_background.jpg) repeat-x 0 0;padding:20px 0 0 0;margin:10px 0 0 0;height:50px;}


a			{color:#00426F;}
a:link		{color:#00426F;}
a:hover		{color:#00B1C6;}
a:visited	{color:#000000;}

/* Vertical Menu: Shouldn't Change */
.vMenu { width:137px; }
.vMenu, .vMenu ul {margin:0;padding:0;border:0;list-style-type:none;display:block;}
.vMenu li {margin:0;padding:0;border:0;display:block;position:relative;z-index:5;}
.vMenu li:hover {z-index:10000;white-space:normal;}
.vMenu ul {visibility:hidden;position:absolute;z-index:1000;left:0;top:0;}
.vMenu li:hover>ul {visibility:visible;left:100%;}
.vMenu:after, .vMenu ul:after {content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both;}
.vMenu, .vMenu ul {min-height:0;}
.vMenu ul {background-image:url(../../images/empty.gif);padding:30px 30px 30px 10px;margin: -30px 0 0 -10px;/*background: #f00; uncomment this if you want to see the "safe" area.you can also use to adjust the safe area to your requirement */}

/* Vertical Menu: Customizations */
.vMenu, .vMenu ul li {color:#ffffff;background:#798E8E;margin:0;padding:0;}
.vMenu {width:137px;}
.vMenu ul {width:137px;}
.vMenu a {text-decoration:none;color:#ffffff;padding:3px 6px 3px 10px;display: block;}
.vMenu a:hover, .vMenu li:hover>a {color: #000000;background:#A2A2A2;}
.vMenu li {border: 1px solid #617272;border-left:none;border-right:none;}
.vMenu li li {border: 1px solid #617272;}
.vMenu>li + li, .vMenu ul>li + li {border-top:0;}
.vMenu li:hover>ul {top: 5px;left: 90%;}
.vMenu>li:first-child>a, .vMenu li + li + li li:first-child>a {}

/* Horizontal Menu: Shouldn't Change */
.hMenu, .hMenu ul {margin:0 0 0 200px;padding:0;border:0;list-style-type:none;display:block;}
.hMenu li {margin:0;padding:0;border:0;display:block;float:left;position:relative;z-index:5;}
.hMenu li:hover {z-index:10000;white-space:normal;}
.hMenu li li {float:none;}
.hMenu ul {visibility:hidden;position:absolute;z-index:1000;left:0;top:0;}
.hMenu li:hover>ul {visibility:visible;top:100%;}
.hMenu li li:hover>ul {top:0;left:100%;}
.hMenu:after, .hMenu ul:after {content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both;}
.hMenu, .hMenu ul {min-height:0;}
.hMenu ul {background-image: url(../images/empty.gif);padding:10px 30px 30px 30px;margin:-10px 0 0 -30px;/*background: #f00;*/	/* uncomment this if you want to see the "safe" area. */}
.hMenu ul ul {padding: 30px 30px 30px 10px;margin: -30px 0 0 -10px;}

/* Horizontal Menu: Customizations */
.hMenu, .hMenu ul li {border:none;padding:0 0 0 0;margin:0 0 0 0;}
.hMenu ul {width:200px;border:none;padding:0 0 0 0;margin:0 0 0 0;}
.hMenu a {text-decoration:none;color:#eee;display:block;position:relative;}
.hMenu li li:hover>a {color:#000000;background:#CCC9B3;}
.hMenu li li {border:1px solid #CCC9B3;border-top:none;background:#3F4040;color:#ffffff;}
.hMenu li li a {padding:.2em .4em .2em .4em;}
.hMenu li li:hover>ul {top:5px;left:90%;}
.hMenu>li:first-child>a {}
.hMenu li + li + li li:first-child>a {color: #ffffff;border-top:none;}

/* Google Map */
#GoogleMap		{width:520px;height:300px;border:1px dotted #333;margin-bottom:10px;background:url(../../images/static_map.gif) no-repeat 0 0;}

/*	
	The following definitions deal with fixing float 
	problems in non IE browsers
	(see http://www.positioniseverything.net/easyclearing.html)
*/
.clearfix:after		{content:"."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix			{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix	{ height: 1%; }
.clearfix			{ display: block; }
/* End hide from IE-mac */