﻿/* Because of the absolute positioning used to position the HeaderlessEdit links, your page layout css  
should make much use of the position:relative tag. Position:absolute will be looking for the 
nearest container with a specified position attribute to base it's position off of. */

#wrapper{width:961px;margin:0 auto;position:relative;}
.LogoPane{float:left;position:absolute;margin-top:10px;margin-left:20px;z-index:2;}
#banner{margin:0px;padding:0px;position:relative;height:97px;background:url(../Images/bannerBg.png) repeat-x;}

.container{position:relative;background:url(../Images/topBorder.png) no-repeat;padding-top:1px;}
.ImagePane{margin-top:20px;margin-bottom:20px;}
#socialLinks{float:right;margin-right:25px;margin-top:10px;}

.column1{float:left;width:252px;position:relative;margin:0px;padding:0px;}
.narrow{width:82px !important;}
.column2{float:left;width:709px;position:relative;margin:0px;padding:0px;}
.extraWide{width:709px !important;}
#home .column1{display:none;}
#home .column2{width:961px;}

#home #contentContainer{background:url(../Images/main_tractor.jpg) no-repeat;width:961px;height:550px;}
#home .ContentPane{margin:0px;padding:0px;}
#home .BottomPane{margin-top:-10px;}
#contentContainer{color:White;padding-bottom:10px;}
.googleMap{color:black;}

.LeftPane{padding-top:78px;padding-left:15px;}

.ContentPane{min-height:350px;padding-top:40px;float:left;width:709px;}
#sub .extraWide .ContentPane{width:709px !important;}
#sub .superWide .ContentPane{width:879px !important;}
#sub .kindaWide{width:879px !important;}
#sub .kindaWide .ContentPane{width:579px !important;}
#sub .kindaWide .RightPane{float:left;width:290px !important;margin-top:50px;}
.ContentPane p{margin-right:30px;}

/********** Product Detail Styles **************/
.ContentPane .detail{
	float:right;
	width:387px;
	margin-left:15px;
	margin-bottom:10px;
	padding:0 0 19px 0;
	background:#1f356a url(../images/detail_bg_bottom.png) no-repeat bottom;
	color:White;
}
.ContentPane .detail h1{font-size:53px;color:#fff;background:url(../images/detail_bg_top.png) no-repeat top;margin:0;padding:25px 0 5px 32px;}
.ContentPane .detail table{margin:11px 32px 0 32px;}
.ContentPane .detail td{
	background:#3a5592;
	border:none;
	border-right:1px solid #1f356a;
	border-bottom:1px solid #1f356a;
	padding:4px 10px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
.ContentPane .detail td.dualcolumn{text-align:center;padding:5px;background:#1f356a;margin:0;}
.ContentPane .detail td.dualcolumn p{padding:0;margin:0;}
/********** End Product Detail Styles **********/

#sub .rtIn{color:White !important;}

.BottomPane{clear:both;position:relative;height:132px;background:url(../Images/bottomBorder.png) no-repeat;padding-top:2px;}
.BottomPane div.DefaultModulePanel{width:239px;height:132px;float:left;border-left:solid 1px black;background-color:#202020;}
.BottomPane div.DefaultModulePanel:first-child{border-left:none;}
.BottomPane div.DefaultModulePanel h1{color:#373737;}
.BottomPane div.DefaultModulePanel p{padding:10px;}

.FooterPane{clear:both;position:relative;padding:5px;color:#787878;font-family:Arial;font-weight:bold;font-size:10px;}
.FooterPane a{color:#787878;}
.FooterPane .left{float:left;}
.FooterPane .right{float:right;}

/* HeaderlessEditLink modifications */
.TopPane .HeaderlessEditLink{}
.ImagePane .HeaderlessEditLink{background-color:white;border:black solid 1px;}
.LeftPane .HeaderlessEditLink{background-color:white;border:black solid 1px;position:absolute;top:-22px;}
.ContentPane .HeaderlessEditLink{background-color:white;border:black solid 1px;position:relative;top:-22px;}
.CalloutPane .HeaderlessEditLink{}
.PromoPane .HeaderlessEditLink{background-color:white;border:black solid 1px;position:absolute;top:-22px;}
.RightPane .HeaderlessEditLink{background-color:white;border:black solid 1px;position:absolute;top:-22px;}
.BottomPane .HeaderlessEditLink{background-color:white;border:black solid 1px;margin-top:-26px;position:relative;float:left;clear:left;}
.FooterPane .HeaderlessEditLink{background-color:white;border:black solid 1px;margin-left:-40px;margin-bottom:10px;position:relative;float:left;clear:left;}

/* This will make the admin controls take over the content area on pages in the admin section */
/* Please don't delete this unless you know what you're doing */
#admin .LeftPane{display:none;}
#admin .RightPane{display:none;}
#admin .ContentPane{width:961px;background-color:White;margin-top:38px;color:Black;}
#admin .ContentPane img{margin:0px;}
#admin .column1{display:none;}

/*Dealer Locator*/
.locatorLink{color:White;text-decoration:underline;} /*the dynamically rendered link that appears if a dealer has a website in the dealer locator*/