/* CSS Document */

body{width: 960px; line-height: 1; margin: 0px auto;}

#MainTable{width: 960px; background: #d37d18 url(../images/background.png) repeat-x; table-layout: fixed; border-collapse: collapse;}

#Nav{width:350px; background: url(../images/nav1.jpg) no-repeat;}

#Content{width: 610px; background: url(../images/nav2.jpg) no-repeat; background-position: -15px 0px; margin: 0px; padding: 0px;}

.Subcontent{padding: 0 0 5px 25px;}
img{border:none;}

/*********TEXT*********/

h2{color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 22pt; line-height: 0pt;}
h3{color: #f7941d; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; line-height: 14pt; text-decoration: none;}
h4{color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13pt; margin: 0px 0 10px 0; padding: 5px 0 0 0;}
h5{color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 400; width: 520px;line-height: 12pt; position: relative; top: -10px; left: 0px;}
p, li, td{color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 10pt; float:none;}
p strong{float:none;}
#Content h2, #Content h5{margin: 20px 10px 0 25px;}
a{color: #000000;}
td{vertical-align: top;}
ul{margin: 0px; padding: 0px; list-style: none;}
#Nav a img{margin: 20px 0 0px 30px; padding: 0px;}
#Nav ul{margin:0 0 0 30px;}
#NavH3{margin: 5px 0px 0px 0px; font-size: 12pt; padding: 0px;}
#Nav li{margin: 0px; padding: 0px;}
#Nav img{margin: 0px 0 0px 30px;}
#Nav li a h3{margin: 10px 0 10px 0;}
a h3{color: #ffffff; text-decoration: none; font-size: 10pt;}
a h3:hover{color: #f7941d; text-decoration: underline;}
#CurrentPage a h3{color: #f7941d; font-weight: bold;}
.Line{border-bottom: #f7941d solid 3px; width: 250px;}
#PageTitle{padding: 10px 0 10px 70px;}
/*Individual Page Elements

/*'Free' box */
#Shade img{float:left;}
.SubContent{padding: 0 10px 10px 10px;}
#Shade{height: 290px; max-height: 290px; padding: 5px 10px 5px 10px; margin: 0 0 10px 0;background: #ffaf52 url(../images/shade.png) repeat-x; border: #fcdebb solid 2px;}
#FuelBox{padding: 0 25px 0 25px;}
#Free p{padding: 0 0 1px 0;}
/*Fuel Inject */
#TemperatureBadge{float: right; margin: -5px 10px 0 0;}

/*Applications */
#Left{float:left; width:130px;}
#Right{}

/*Main Image*/

#MainImage{margin: 0 0 10px 0; position: relative; top: 0px; left: -45px;}
#Applications p{margin: 2px 0px 0px 0px; padding: 0px;}
#Applications li{margin: 0 0 5px 0;}
#Applications ul{padding: 0 0 10px 0; margin: 0 0 0px 0;}
#Applications h6{color: #FFFFFF; border: #FFFFFF solid 2px; font-size: 10pt; width: 29px; padding: 0 2px 0 2px; margin: 10px 0 0 0;}
#SubNote{font-size: 8pt;}
#SubNote strong{text-decoration: underline; font-weight: normal;}
.Subcontent #SubNote{width: 230px;}
#Index_FuelCell{margin: 0 0 20px 0;}

/* Features page */
#Features_DIV{width: 100%; height: 380px; max-height: 380px; margin: -400px 0 0px 0;}
#Features_IMG{margin: 0 0 21px 0;}
#FeaturesOverview{width: 600px; height: 250px; table-layout: fixed; max-height: 250px;}
#FeaturesTable h6{color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; margin: 0px; padding: 0px; line-height: 9pt;}
#FeaturesTable p{color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: 400; margin: 5px 0 5px 85px; padding: 0px;}
#FeaturesTable tr td img{float: left; margin: 0 5px 5px 0;}
#FeaturesTable td{vertical-align: top; width: 300px; padding: 0 0 0 5px;}
#Lights{width: 10px; height: 10px; max-height: 10px; max-width: 10px;}
#FeaturesTable tr td #FeaturesProbe{min-width: 155px; min-height: 155px; padding: 0 5px 0 0;}
#Mag_1{cursor: pointer; width: 100px; height: 150px; position: relative; top: 40px; left: 35px; margin: 0 0 -150px 0;}
#Mag_2{cursor: pointer; width: 230px; height: 50px; position: relative; top:200px; left: 0px; margin: 0 0 -50px 0;}
#Mag_3{cursor: pointer; width: 170px; height: 50px; position: relative; top:135px; left: 375px; margin: 0 0 -50px 0;}
#Mag_4{cursor: pointer; width: 100px; height: 100px; position: relative; top: 0px; left: 90px; margin: 0 0 -100px 0;}
#Mag_5{cursor: pointer; width: 220px; height: 40px; position: relative; top: 185px; left: 330px; margin: 0 0 0px 0;}
#Mag_6{cursor: pointer; width: 150px; height: 50px; position: relative; top: 240px; left: 410px; margin: 0 0 -50px 0;}

#CloseUp_1{background: url(../images/closeup/2.gif) no-repeat; position: relative; top: -10px; left: 0px;width:171px; height: 172px; margin: 0 0 -172px 0;}
#CloseUp_2{background: url(../images/closeup/5.gif) no-repeat; position: relative; top: 110px; left: 250px; width:171px; height: 172px;margin: 0 0 -172px 0;}
#CloseUp_3{background: url(../images/closeup/3.gif) no-repeat; position: relative; top: 110px; left: 140px; width:171px; height: 172px;margin: 0 0 -172px 0;}
#CloseUp_4{background: url(../images/closeup/1.gif) no-repeat; position: relative; top: -10px; left: 70px; width:171px; height: 172px;margin: 0 0 -172px 0;}
#CloseUp_5{background: url(../images/closeup/4.gif) no-repeat; position: relative; top: 120px; left: 250px; width:171px; height: 172px;margin: 0 0 -172px 0;}
#CloseUp_6{background: url(../images/closeup/6.gif) no-repeat; position: relative; top: 200px; left: 270px; width:171px; height: 172px;margin: 0 0 -172px 0;}
#CloseUp_7{background: url(../images/closeup/5.gif) no-repeat; position: relative; top: -20px; left: 0px; width:171px; height: 172px;margin: 0 0 0 0;}

.CloseUp{display:block;}
.FeatureHighlight{background: #F8AF4F; color: #FFFFFF;}
.FeaturesCell{background: #F8AF4F;}
#FeaturesCell{background: #000000;}
/* Specification page */

#SpecImage{margin: 0px 0 0px 120px;}
#Spec #Left{list-style: none; width: 110px; font-weight: bold;}
#Spec #Right{float: right; list-style: none; width: 135px;}
#Kit li{list-style: outside;}
#Kit ul{float: left; margin: 0 0 0 15px; width: 180px;}
#Nail{float:left; margin: 0 20px 0 0;}
#NailPower{margin: 0px 0 0 0; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; padding: 10px;}
#Spec{padding: 10px 25px 0px 10px;}
#Kit{padding: 10px 10px 0px 0px;}
#SpecShade{background: #ffaf52 url(../images/shade.png) repeat-x; border: #fcdebb solid 2px;height: 290px; max-height: 290px; margin: 0 0 10px 0;}
#Spec #SpecShade{padding: 5px 5px 5px 5px; }
#Kit #SpecShade{padding: 5px 5px 5px 5px;}
#Kit #SpecShade ul{background: url(../images/carrycase.jpg) no-repeat; background-position: 160px 20px; width: 100%;}
/*Accessories page */
.Access_Note{margin: 10px 0px 0px 78px; padding: 0px;}
#Accessories{width: 510px; margin: 20px 0 0 90px;}
#NailPack{float:left; width: 60px; margin: 0 10px 0 0;}
#Accessories td table td{text-align:left; padding: 0 0 0 6px;}

/*Footer style */

#Footer{padding: 0 0 0 20px;}
#Footer p{font-size: 8pt; line-height: 8pt;}
.Footer{padding: 10px 0 10px 25px; border-top: #b16b19 solid 3px;}
.Footer a{text-decoration:none;}
.Footer a:hover{color: #FFFFFF; text-decoration: underline;}

/*Quotes */

.QuoteImage{border-left: #fcdebb solid 2px;border-top: #fcdebb solid 2px; margin: 0px; padding: 0px; border-bottom: #fcdebb solid 2px; vertical-align: bottom;}
.QuoteImage img{margin: 0px; padding: 0px;}
.Quote{
	border-right: #fcdebb solid 2px;
	border-top: #fcdebb solid 2px;
	border-bottom: #fcdebb solid 2px;
}
.QuoteImage, .Quote{background: #F8AE4E url(../images/shade2.png) repeat-x; vertical-align: middle; height: 70px; max-height: 70px;}
.Quote p{font-size: 12pt; line-height: 16pt; color: #000000; margin: 0px; padding: 0 10px 0 10px;}
.QuoteRef {
	font-size: 11pt;
	line-height: 16pt;
	color: #000000;
	margin: 0px;
	padding: 0 10px 0 10px;
	font-style: italic;
}
#Calc {float:left;font-size:13pt;margin-left:10px;margin-top:-15px;}
#test {float:left;font-size:13pt;margin-left:10px;}
#gamemodal{font-size: 13pt; text-decoration:underline;cursor:pointer;}
#Calc1{vertical-align: middle; width:400px;}
#MainTitle2{font-size: 18pt;}
#MainTitle3{line-height: 24pt;}
#MainTitle4{line-height: 24pt;}

/*Payback Calculator */
#Calculator input{margin: 15px 0 0 0;}
#CalcIcon{float:right;}
#PayBackCalculator span{}
#PayBackCalculator{}
#CalcShade1{}
#SavingHighlight{}
.Highlight{background: #F8AF4F;}
.CalcRight{text-align: right; width: 170px;}
.CalcHeader{text-align: center; margin: 10px 0px 10px 0px; vertical-align: middle;}
#CalcCol{border: #fcdebb solid 2px; background: #F8Af4f url(../images/shade.png);}
.HighlightTop{border-top: #fcdebb solid 2px; background: #F8Af4f;}
.HighlightRight{border-right: #fcdebb solid 2px; background: #F8Af4f;}
.HighlightLeft{border-left: #fcdebb solid 2px; background: #F8Af4f;}
.HighlightBottom{border-bottom: #fcdebb solid 2px; background: #F8Af4f;}
#NailNum, #LabourRate{background: #F8Af4f; border: #fcdebb solid 2px;}
#NailNum:focus, #LabourRate:focus{border: #ffffff solid 2px;}
.error{color:#990000;}
.CalcHeader{border-bottom: #ffcc99 solid 2px; background: url(../images/shade4.png) repeat-x;}
#TotalSaving strong, #TotalSaving p{font-size: 12pt;}
#TotalSaving td{vertical-align: middle; text-align: center;}
#GetDemo strong{font-size: 11pt; line-height: 12pt;}
.FormText{width: 300px; height:20px; text-align: right; vertical-align: middle;}
.FormField{height: 20px; vertical-align: middle;}
.FormText p, .FormText input{padding: 0px; margin: 0px;}
.FormText p{margin: 3px 0 0 0;}
.FormField{}
#LabourRate{padding: 0 0 0 12px; width: 100px; background: #F8Af4f url(../images/pound.jpg) no-repeat;}
#NailNum{width: 107px; padding: 0 0 0 5px;}
#TwoLine{padding: 7px 0 0 0;}
#FooterRight{float:right;}
#ErrorMsg{color:#990000; font-weight: bold;}

#Eurocode{border-collapse: collapse;}
#Eurocode p{margin: 0px 0px 10px 0px; padding: 0px;}

.whiteSpace{background: #FFF;}