﻿/* Primary Document Layout */
html,body,form1{margin:0;padding:0;}
html{background-image: url(/images/bg-tile.gif);background-repeat: repeat;}
#main{width:790px;margin:75px auto 0;background-color:#000;position:relative;}
#mainsub,#content{border:2px solid #999;padding:6px;}
#mainsub{padding-top:30px;}
#content{background-color:#fff;padding-top:20px;padding-bottom:40px;}
#primary{float:left;width:540px;}
#secondary{padding-left:550px;}
.breaker{clear:both;height:1px;}
/* Homepage Splash Images */
#hpsplash img{display:inline;}
/* Default Link Colors */
a,a:visited,a:active{color:#996600;}
a:hover{color:#553900;}
/* Header Logos */
#company,#application{position:absolute;background-color:#000;border-left:2px solid #999;border-right:2px solid #999;overflow:visible;}
#logo,#logosub{display:block;background:no-repeat 10px 10px;border-top:2px solid #999;padding-left:10px;padding-right:10px;}
#company{left:0;top:-49px;height:51px;}
#application{right:0px;top:-37px;height:39px;}
#logo{background-image: url(/images/agri-fab-logo.gif);}
#logosub{background-image: url(/images/speedepart-logo.gif);}
#logo span{display:block;height:69px;width:211px;visibility:hidden}
#logosub span{display:block;height:49px;width:167px;visibility:hidden}
/* Top Navigation */
#navigation{position:absolute;margin:0;padding:0;list-style-type:none;top:20px;left:150px;}
/* - Reenable instead of the previous line when login link is active  - psl:
 #navigation{position:absolute;margin:0;padding:0;list-style-type:none;top:20px;left:200px;}*/
#navigation li{list-style-type:none;margin:0;padding:0;position:absolute;}
#navigation li a{display:block;height:32px;width:110px;position:absolute;}
/************************************************************************/
#loginnav a{background: url(/images/navigation/login.png) no-repeat;}
#cartnav a{background: url(/images/navigation/cart.png) no-repeat;left:107px;}
#emailnav a{background: url(/images/navigation/email.png) no-repeat;left:214px;}
#statusnav a{background: url(/images/navigation/orderstatus.png) no-repeat;left:321px;}
#loginnav a:hover,#loginnav a.active{background: url(/images/navigation/login-on.png) no-repeat;}
#cartnav a:hover,#cartnav a.active{background: url(/images/navigation/cart-on.png) no-repeat;}
#emailnav a:hover,#emailnav a.active{background: url(/images/navigation/email-on.png) no-repeat;}
#statusnav a:hover,#statusnav a.active{background: url(/images/navigation/orderstatus-on.png) no-repeat;}
/************************************************************************
If there is an issue with browsers not fully supporting PNG transparency, gif images
have been included so just flip the previous CSS style definitions with the following - psl:
#loginnav a{background: url(/images/navigation/login.gif) no-repeat;}
#cartnav a{background: url(/images/navigation/cart.gif) no-repeat;left:107px;}
#emailnav a{background: url(/images/navigation/email.gif) no-repeat;left:214px;}
#statusnav a{background: url(/images/navigation/orderstatus.gif) no-repeat;left:321px;}
#loginnav a:hover,#loginnav a.active{background: url(/images/navigation/login-on.gif) no-repeat;}
#cartnav a:hover,#cartnav a.active{background: url(/images/navigation/cart-on.gif) no-repeat;}
#emailnav a:hover,#emailnav a.active{background: url(/images/navigation/email-on.gif) no-repeat;}
#statusnav a:hover,#statusnav a.active{background: url(/images/navigation/orderstatus-on.gif) no-repeat;}
************************************************************************/
/* Footer Styles */
#phone{margin:0;padding:0;position:absolute;bottom:8px; left:8px;border:2px solid #999;}
#phone span{display:block;background-color:#ffcc33;font-weight:bold; font-style:italic; font-size:1.15em;padding:3px 4px;border:2px solid #000;margin:0 0 -4px -4px;}
#footernav{margin:0;padding:0;position:absolute;bottom:17px;right:30px;list-style-type:none;font-size:.75em;font-weight:bold;text-transform:uppercase;color:#996600;}
#footernav li{margin:0;list-style-type:none;display:inline;border-right:1px solid #000;padding:0 6px 0 2px;}
#footernav li.lastitem{border:none;padding-right:0;}
#footernav a.active{color:#553900;text-decoration:none;}
#copyright,#generalinfo{font-weight:bold;margin:0;padding:0 0 15px;position:absolute;font-size:.75em;color:#fff;}
#copyright{bottom:-33px; left:0px;}
#generalinfo{bottom:-33px; right:0px;list-style-type:none;}
#generalinfo li{margin:0;list-style-type:none;display:inline;border-right:1px solid #fff;padding:0 10px 0 5px;}
#generalinfo li.lastitem{border:none;padding-right:0;}
#generalinfo a,#generalinfo a:visited,#generalinfo a:active{color:#fff;text-decoration:none;}
#generalinfo a:hover{color:#bbb;}
/* Masked and Hidden Areas */
#printheader, #navigation span{display:none; visibility:hidden;}
/* Button Style */
.btnstandard
{
    background:url(/images/button.png) top right no-repeat #000;border:none;
    font-weight:bold;text-transform:uppercase;color:#fff;font-size:14px; font-style: italic;
    text-align:left;height:18px;padding:0 27px 0 5px; overflow:hidden; margin:1px 2px;
    cursor:pointer;
}
.btnstandard:hover{color:#ffcc00;}
div.clear{clear:both;visibility:hidden;height:0px;}


p.error{color:Red; font-weight:bold;}
#ssl{width:100%;text-align:center;}
#aboutssl{text-decoration:none;font:bold 9px verdana,sans-serif;display:block; text-transform: uppercase;}
.infosnippet{border-top:solid 1px #999;border-bottom:solid 1px #999;margin:10px 0;padding-bottom:10px;}
.infosnippet p{margin:10px 0 0;}
p.sniphead{font-size:1.2em; font-weight:bold;}
#search,#orderstatusgo{text-align:center;}
div.searchbox input{vertical-align:middle;}
#searchoptions table,#ordersearch{margin:auto auto;text-align:left;}
.telerikgrid a,.telerikgrid a:visited,.telerikgrid a:active{color:#996600 !important;}
.telerikgrid a:hover{color:#553900 !important;}
table.itemdetails{margin-left:30px;border:solid 1px #999;padding:5px;}
table.itemdetails th,#ordersearch th{text-align:right;}
#checkout,#keepshopping{margin-top:10px;}
#checkout{float:right;}
#payinfo,#shipinfo{border:solid 1px #999;}
#payinfo h2,#shipinfo h2,#orderinfohead{background-color:#efefd5;border:solid 1px #999;font-size:1em;padding:2px 4px;margin:0 0 5px;}
#payinfo th,#shipinfo th{text-align:right; white-space:nowrap;}
#orderinfohead{clear:both;margin-bottom:1px;}
#payinfo .checkoutinner,#shipinfo .checkoutinner{padding:2px;}
#payinfo{width:265px; float:left;margin-bottom:10px;}
#shipinfo{margin-left:275px;}
#shipwarning{color:Red; font-weight:bold; margin:0 0 5px;text-align:center;}
#shipoptions{float:right;}
#ordersummary{white-space:normal;float:right;background-color:white;margin:0 -3px 0 10px;border:solid 1px #999;padding:2px;}
#ordersummary td,#ordersummary th,#shipoptions td{border:none;text-align:right;padding:3px 0 3px 5px;}
#shipoptions td{text-align:left;}
.airshipcheck{color:Blue; font-weight:bold;padding:10px 10px 0;}
#ordergo,#inprogress{text-align:right;margin-top:10px;}