﻿body
{
    background: #ffffff url('/Images/metal.jpg')  ; 
    margin: 0 auto;
    padding: 0;
}

.Container
{
	width:960px;
	height:100%;
	margin:0 auto;
}

.Left {float:left; }
.Right {float:right; }
.Bottom {clear:both; }
img { border:none; }
a { cursor:pointer; }
button { cursor:pointer; }
.Inline { display:inline; }

#Header
{
	background: url('/Images/Header.jpg') repeat-x;
	width: 100%;
	height: 40px;
	margin-bottom:26px;
	
	
}

#Header .Container { padding-top:4px; }
#Header .Left { text-align:left; width: 400px;  margin:0 auto; padding:0;}
#Header .Left strong { line-height:27px; }
#Header .Right { text-align:right; line-height:30px; }
#Header .Right .Right { margin-left:6px; }
#Header .Right .Right strong { margin-right:4px; }

#Header input { margin-left:6px;}
#Header button:hover { background-position:left -24px; }
#Header button:active { background-position:left -48px; }

#Header div.Button {background: url('/Images/Button.jpg') left top; cursor:pointer; height:24px; width:73px; line-height:22px; text-align:center; font-size:18px; margin-top:3px;}
#Header div.Button:hover { background: url('/Images/Button.jpg') left -24px; text-decoration:none;}		
#Header div.Button:active 	{ background: url('/Images/Button.jpg') left -48px; color:#ffffff; }
#Header .Right .Right form { margin-bottom:-6px; }

	

/* Navigation Pane */

#Nav
{
	background: #14120f;
	width:261px;
	min-height:800px;
	margin:0 auto;
	margin:2px;
	padding:0px;
	border: 3px solid #ffffff;
	float:left;
}

.Logo 
{
    background: url('/Images/Logo.jpg') no-repeat;
	width:261px;
	height:142px;
}

.Logo .White
{
    margin:0 auto;
    padding:0;
    padding-top:104px;
    text-align:center;
    width:261px;
}

#NavButtons
{
	background: #ffffff;
	padding-top:3px;
	height:100%;
}

.MenuList
{
    width:261px;
    height:186px;
}

.MenuHeader
{
    width:261px;
    height:31px;
    cursor:pointer;
    background: url('/Images/NavDown.jpg') no-repeat;
    background-color: #ffffff;
    margin:0 auto;
    padding:0;
}

.MenuHeader p
{
    width:253px;
    text-align:right;
    padding:0;
    margin:0 auto;
    line-height:24px;
}

.MenuBody
{
    display:none;
    background: #ffffff;
    width:261px;
}

.MenuBody img { text-align:right; }

.MenuBody a
{
    display:block;
    color:#000000;
    text-decoration:none;
    margin-left:5px;
    height:100%;
}

.MenuBody a:hover
{
    color:#eeb544;
}

.NavSubButtons
 {
     text-align:center;
     width:261px;
     padding-top:0px;
 }
 
 .NavSubButtons div { margin-top:18px; }
 
#LoadControl 
{
    background: url('/Images/LoadControl.png') no-repeat;
    width:200px;
    height:90px;
    margin-top:6px;
     }
     #LoadControl:hover { cursor:pointer; background-position: left bottom; }

/* Main Content */
#Main
{
    width:960px;
    margin:0 auto;
    padding:0;
}

#Content
{
	width:651px;
	min-height:744px;
	float:right;
	
}

#Content .Index
{
	background: url('/Images/MainHeader.jpg') no-repeat;
	width:651px;
	height:234px;
	margin-top:2px;
	padding:60px 0px 0px 24px;
}

#Content .Index p.White { margin-bottom:4px; }
#Content .TopContent  { margin-top:12px;   width:320px;}

.ShortHeader { Background: #14120f url('/Images/ShortHeader.jpg') no-repeat; }
.PowerHoist {	background: #14120f url('/Images/PowerHoist.jpg') no-repeat; }
.OtherHydraulics { Background: #14120f url('/Images/OtherHydraulickits.jpg') no-repeat; }
.KTIPumps { Background: #14120f url('/Images/ktiPumps.jpg') no-repeat; }
.EagleCylinders { Background: #14120f url('/Images/eagleCylinders.jpg') no-repeat; }
.PulseTech { Background: #14120f url('/Images/PulseTech.jpg') no-repeat; }
.FabricatedParts { Background: #14120f url('/Images/fabricatedParts.jpg') no-repeat; }
.Accessories { Background: #14120f url('/Images/accessories.jpg') no-repeat; }
.ContactUs { Background: #14120f url('/Images/contactus.jpg') no-repeat; }
.Help { Background: #14120f url('/Images/help.jpg') no-repeat; }
.TermsConditions { Background: #14120f url('/Images/termsconditions.jpg') no-repeat; }
.PrivacyPolicy { Background: #14120f url('/Images/privacypolicy.jpg') no-repeat; }
.DirectPush { Background: #14120f url('/Images/directpush.jpg') no-repeat; }

.PowerHoist, .ShortHeader, .OtherHydraulics, .KTIPumps, .EagleCylinders, .PulseTech, .FabricatedParts, .Accessories, .ContactUs, .Help, .TermsConditions, .PrivacyPolicy, .DirectPush
{
    border: 3px solid #ffffff;
	width:645px;
	height:142px;
}

#Content .Left, #Content .Right, #Content .Bottom
{
	width:300px;
	margin-left:18px;
	margin-top:12px;
}

#Video 
{
    height:492px;
    width:645px;
} 
 
 
#Content .PowerHoist h3 { margin:0 auto; padding:0; }
#Content form p { line-height:0px; margin-left:12px; }

/*Sub Main Content*/
.SubHeading
{
    width:645px;
    min-height:178px;
    margin-top:6px;
    background:#14120f;
    border: 3px solid #fff;
}
.SubHeading ul { list-style: url('/Images/greyArrow.jpg'); margin-top:-4px; }
.SubHeading ul li { margin:-2px 0px 0px 4px; line-height:14px; }
.SubHeading .Left h5 { margin:0 auto; padding:0; margin-top:4px;}
.SubHeading .Right ul{ text-align:left; margin-left:12px; width:240px;}
.SubHeading .Right h5 { margin:0 auto; padding:0; margin-top:6px; text-align:left;}

.ScrollText
{
	
	margin-top:24px;
	overflow:auto;
	height:636px;
}

.ProductContainer
{
	margin-top:20px;
	float:left;
	width:33.33%;
	text-align:center;
}

.ProductInfo
{
    width:645px;
    min-height:800px;
	border: 3px solid #000;
    background-color:White;
}

.ProductInfo p
{
    margin-left:16px;
    width:588px;
}

.ProductInfo .ScrollText
{
    height:488px;
    margin-top:0px;
}

.ProductBox, .ProductBox2
{
	background: url('/Images/ProductBox.jpg') no-repeat;
	width:192px;
	height:192px;
	margin:0 auto;
	padding:0;
	border: 3px solid #fff;
	text-align:center;
}

.ProductBox h3, .ProductBox2 h3
{
    margin:0 auto;
    padding:0;
    margin-bottom:7px;
    text-align:left;
    font-weight:bold;
    color:#000000;
}

.ProductBox div, .ProductBox2 div 
{
    float:left;
    margin-left:8px;
    text-align:center;
    width:100%;
}

.ProductBox div a, .ProductBox2 div a { float:left; }
.ProductBox div a:hover, .ProductBox2 div a:hover { text-decoration:underline; }

.AddToCart
{
    background: url('/Images/AddToCart.jpg');
    width:90px;
    height:30px;
    line-height:18px;
}
.AddToCart:hover { background-position:left bottom; }


.ProductImage 
{ 
    float:left;
    height:300px;
    width:300px;
	border: 3px solid #ddd;
    margin: 20px 20px;
}

.ProductImage img { height:300px; width:300px; }
#SuctionCups { height:172px; width:300px; padding-top:50px; }
.Thumbnails 
{
    width:300px;
    height:60px;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:20px;
	float:left;
}
.Thumb { float:left; border: 1px solid #ddd; margin-right:12px; width: 60px; height: 60px; }
.Thumb a img { width: 60px; height: 60px; }

.dark 
{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.light 
{
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

.ManualDownload 
{
    clear:both;
    float:left;
    width:260px;
    height:30px;
    margin: 6px 0px;
    text-align:center;
    line-height:28px;
    background: url('/Images/Manual.jpg') no-repeat;
}

.ProductContent 
{
    float:right;
    height:340px;
    width:299px;
    padding:0px;
}
.ProductContent h2 { margin:20px 0px; }
.ProductContent h5 { margin:18px 0px 0px 0px; }

.ProductContent p { width:295px; }
.ProductContent select { margin-left:0px; }
.ProductContent input { margin-top:8px; margin-left:4px; }
.ProductContent form {margin-top:46px; margin-left:-2px; }

.ProductContentSpace { float:left; height:28px; width:645px; }


.MainContent 
{
    padding:0px 20px;
    min-height: 180px;
    width:612px;
    margin-bottom:24px;
}

.ImgContent 
{
    padding:0px 20px;
    min-height: 180px;
    width:645px;
    margin-bottom:12px;
    text-align:center;
}

.Warranty
{
    padding:12px 20px;
    width:605px;
    height:148px;
    clear:both;
    background-color:#f4f4f4;
}
    .Warranty .Content
    {
        width:513px;
        float:left;
        text-align:center;
    }
    .Warranty img { float:left; }
    .Warranty h2 { margin-top:-8px; }
    .Warranty h1 { line-height:0px; }

.ContactUs .Content
{
    margin:24px 0px 0px 400px;
}
.Contact
{
    margin-top:10px;
    width:645px;
    height:643px;
	border: 3px solid #fff;
    background-color:#2e2e2e;
}

.Contact .Bottom textarea { width:475px; }

#ContactForm .Left, #ContactForm .Bottom { margin-left:0px; width:151px; }
#ContactForm .Right { width: 151px; margin-right:90px; }
#ContactForm { padding-left:80px; }

/* Footer */
#Footer 
{
    clear:both;
    margin:0 auto;
    padding:0;
    padding-top:60px;
    width:651px;
    height:25px;
    margin-left:309px;
}
#Footer ul
{
    margin:0 auto;
    padding:0;
}
#Footer li
{
    display:inline;
    margin-right:14px;
}
#SuccessMessage
{
    display:none;
}