/* General Style */
html, body { height: 100%; margin: 0; padding: 0 0 1px 0; font: 90% Verdana, Arial, Helvetica, sans-serif; }
body { background: url(../images/SiteBG.gif) repeat-y top center; -ms-filter: none; filter: none; }
h1, h2, h3, h4, h5, h6 { color: #2E9EC6; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }
li, dd, blockquote { margin-left: 1em; }
.noborder, a img { border: none; }

a { text-decoration: none; color: #000000; cursor: pointer; }
/*img[usemap], object[usemap] {border: none;}*/
.clearer { clear: both; display: block; height: 0px; overflow: hidden; padding: 0px !important; } 
/* .clearer { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; } */
.hidden { display: none; }
.divider { height: 4px; background: #97A8B8; font-size: 1px; }
.notext {font-size: 0}

/* Sticky Footer */
#mainContent { position: relative; min-height: 100%; width: 750px; margin: 0 auto; background: #FFFFFF; border-left: 4px solid #4F67AA; border-right: 4px solid #C4CADD; }
* html #mainContent { height: 100%; }
.contentArea { margin: 0 25px 18px 25px; padding: 25px 0; }
.contentAreaFullWidth { margin: 0 0px 18px 0px; padding: 25px 0; }
#footerContent { position: relative; width: 750px; margin: -18px auto 0 auto; font-size: 12px; background: #FFFFFF; border-left: 4px solid #4F67AA; border-right: 4px solid #C4CADD;}
#footerLinks { float: right; text-align: right; width: 50%; }

/* Header Design */
#header { background: #D4DAED url(../images/HeaderBG.gif) no-repeat top left; }
#home { float: left; display: block; width: 191px; height: 120px; padding: 7px 13px; }
#HeaderLinks { margin: 0 0 10px 0; }
#SearchForm { float: right; display: block; width: 130px; height: 20px; background: url(../images/SearchBar.gif) no-repeat top left; padding: 0 0 0 20px; margin: 15px 0px; }
#SearchForm div { margin: 0; padding: 0; }
#SearchForm input { font-size: 11px; width: 120px; border: 0; padding: 3px 0 0 0; float: left; }
#tabs { float: right; font-size: 0px; }
#HeaderSpacer { display: block; height: 111px; margin: 0 0 0 217px; text-align: right; padding: 0px 5px; }

.tab { float: left; display: block; border: 0px; width: 150px; height: 25px; margin: 0px 5px; }
.tab span { display: none; }
.tab:hover { background-position: 0 -25px; }
.tab:active { background-position: 0 -50px; }

.TabLogin { background: transparent url(../images/TabLogin.gif); }
.TabProducts { background: transparent url(../images/TabCatalogue.gif); }
.TabOrders { background: transparent url(../images/TabOrders.gif); }
.TabBrochures { background: transparent url(../images/TabBrochures.gif); }

.btn { display: inline-block; border: 0px; width: 100px; height: 25px; margin: 0px auto; background: none; }
.btn span { display: none; }
.btn:hover { background-position: 0 -25px;  }
.btn:active { background-position: 0 -50px; }
.BtnLogin {  background: transparent url(/images/BtnLogin.gif); }
.BtnApply {  background: transparent url(/images/BtnApplication.gif); }
.BtnContactUs { background: transparent url(/images/BtnContactUs.gif); }

.btnlg { display: block; border: 0px; width: 150px; height: 25px; margin: 0px auto; }
.btnlg span { display: none; }
.btnlg:hover { background-position: 0 -25px; }
.btnlg:active { background-position: 0 -50px; }
.BtnProducts {  background: transparent url(/images/BtnProducts.gif); }
.BtnOrders {  background: transparent url(/images/BtnOrders.gif); }
.BtnBrochures {  background: transparent url(/images/BtnBrochures.gif); }

.infoPage { margin: 0px auto; text-align: center; }

/* Breadcrumbs */
div.breadcrumb { padding: 0px 5px 25px 5px; font-size: 120%; color: #3C55A5;  }
a.breadcrumb { padding: 0 1px; color: #2C4595; font-weight: bold; }

/* Form Style */
form { margin: 0; }
form fieldset { font-size: 100%; border-color: #000000; border-width: 1px 0 0 0; border-style: solid none none none; padding: 10px; margin: 0; display: block; }
form fieldset legend { font-size: 150%; font-weight: normal; color: #000000; margin: 0 0 0 0; padding: 0 5px; }
form div.required, form div.optional { clear: left; margin: 5px 0 0 0; padding: 1px 3px; }
form div small { display: block; margin: 0 0 5px 0px; padding: 1px 3px; font-size: 66%; }
div.optional label, label.required { font-weight: normal; }
div.required label, label.required { font-weight: bold; }
p.error { background: url(../images/icon_error.gif) no-repeat 3px 3px; color: #000000; padding: 3px 3px 5px 27px; margin: auto 0; font-size: 100%; width: 100%; }
/* Single Column Style */
form.onecol { width: 200px; margin: 0px auto; }
form.onecol div label { display: block; text-align: left; }
form.onecol div small { text-align: right; }
form.onecol input.inputText, .login textarea,
form.onecol input.inputPassword { width: 187px; padding: 1px 3px; margin: 0; }
form.onecol div.buttons { text-align: center; }
/* Two Column Style */
form.twocol fieldset  { width: 500px; margin: 0 auto; }
form.twocol div label { float: left; width: 130px; padding: 3px 5px; margin: 0 0 5px 0; text-align: right; }
form.twocol div label.labelCheckbox { float: none; width: 100%; padding: 3px 5px 3px 135px; margin: 0 0 5px 0; text-align: left; }
form.twocol div small { margin: 0 0 5px 142px; width: 239px; }
form.twocol div.error { background: #F5DEB3; }
form.twocol div.error p.error { font-size: 88%; font-weight: bold; margin: 0 0 0 130px; width: 200px; color: #FF0000; }
form.twocol input.inputText, form.twocol textarea, 
form.twocol input.inputPassword { width: 237px; padding: 1px 3px; margin: 0; }
form.twocol select.selectOne, .contentArea select.selectMultiple { width: 247px; margin: 0; }
form.twocol div.buttons { text-align: right; }

div.error, div.info { margin: auto auto; width: 500px; }
div.error, div.info { margin: auto auto; width: 500px; }
h1.error, h2.error, h3.error, h4.error, h5.error, h6.error { background: url(../images/exclamation.gif) no-repeat 3px 3px; color: #000000; padding: 15px 5px 5px 55px; margin: 25px auto; width: 440px; min-height: 50px; }
h1.info, h2.info, h3.info, h4.info, h5.info, h6.info { background: url(../images/icon_info.gif) no-repeat 3px 3px; color: #000000; padding: 15px 5px 5px 55px; margin: 25px auto; width: 440px; min-height: 50px; }
* html h1.error, * html h2.error, * html h3.error, * html h4.error, * html h5.error, * html h6.error,
* html h1.info, * html h2.info, * html h3.info, * html h4.info, * html h5.info, * html h6.info { height: 50px; }

.splitHalf { float: left; display: inline; width: 40%; padding: 0 4.9%; }
.splitThird { float: left; display: inline; width: 30%; padding: 0 1.6%; }
/* Login Box */
.login { width: 200px; margin: 0px auto; padding: 2px 2px 2px 50px; background: url(../images/icon_login.gif) no-repeat 0 10px; }