/**********************************************
** Universal 
**********************************************/
html * { font-family:"Trebuchet MS", Verdana, Arial; margin:0px auto; padding:0px;  }
input{color:#000; list-style:none; font-size:14px;}
textarea{color:#000; list-style:none; font-size:14px;}

/**********************************************
** Standard
**********************************************/
body{background-color:#000;}
h1{font-size:20px; color:#fff;}
h2{font-size:16px; color:#fff; font-style:italic;}
h2.pagetitle{font-size:20px; color:#007CC2; margin-bottom:5px;}

h3{font-size:14px; color:#007CC2; margin:5px 0 0 0;}
h4{font-size:10px; color:#ccc; font-weight:normal;}
p{font-size:12px; color:#000; font-weight:100; margin:5px; padding-bottom:5px;}


/**********************************************
** Main Containers 
**********************************************/
#maincontainer{width:960px; color:#FFF; }

/**********************************************
** Header Section - Before Orange Nav- Phone ect.
**********************************************/
#header{position:relative; width:960px; height:129px; background-image: url(/images/header-bg.gif); background-repeat: repeat-x;}
#header .logo{position:absolute; width:232px; height:86px; top:30px; left:20px; }
#header .phonetxt{ position:absolute; width:360px; height:86px; top:20px; left:590px; font-size:10px; }
#header .phonetxt ul{ text-align:right; padding-left:60px;}
#header .phonetxt li{float:left;  list-style:none;  border-right:1px solid #C6C8CA; padding-right:6px; line-height:15px;}
#header .phonetxt li a{font-size:10px; color:#C6C8CA;  text-decoration:none;  padding-left:6px;}
#header .phonetxt li a:hover{color:#fff; }
#header .phonetxt dl{ text-align:right; padding-right:10px; padding-top:40px;}
#header .phonetxt dt{font-size:12px; color:#fff; font-weight:bold;}
#header .phonetxt dd {font-size:21px; color:#C6C8CA;}


/**********************************************
** Header Section - Orange Navigation
**********************************************/ 
#header .orangemenu{position:relative; width:953px; height:36px; background-image: url(/images/menu-bg.gif); top:129px; background-repeat: repeat-x; padding:0 0 0 7px; z-index:100;}
#header .orangemenu ul{ list-style:none; }
#header .orangemenu li{float:left;  list-style:none;  border-right:1px solid #C44C27;  line-height:100%; padding:9px 3px 9px 3px; margin:1px 0 0 0;}
#header .orangemenu li a{font-size:13px; color:#000;   font-weight:bold; padding:9px 3px 9px 3px; text-decoration:none;}
#header .orangemenu li a:hover{color:#fff; }


/**********************************************
** Content Section - List Nav Included
**********************************************/ 
#content{width:960px; float:right; background-image:url(/images/bg.gif); background-repeat:repeat-y; }
#content #navigation{position: relative; background-color:#B5E4FA; width:250px; padding:0px; float:left; margin-top:36px; z-index:99; }
#content #navigation .topsec{background-image:url(/images/menu-top-section.gif);width:245px;height:148px;position:relative; background-repeat:no-repeat;top:0px;left:0px; z-index:101; }
#content #navigation .searchtxt{width:232px;height:75px;position:absolute;left: 22px;top: 22px;}
#content #navigation .menutxt{  width:232px;position:absolute; top:113px; left: 35px}

 /**********************************************
** Main Homepage Image Section (Home Page Only)
**********************************************/ 
#homeheader{width:705px; height:202px; background-image:url(/images/home-trax-main.gif); position:relative; margin:0 0 0 -1px; float:right; top:36px; background-repeat:no-repeat;}
#homeheader2{width:704px; height:250px; background-image:url(/images/spotlight-homepage.jpg); position:relative; margin:0px; float:right; top:40px; background-repeat:no-repeat; background-position:center;}
#homeheader2 .imagecontainer{width:150px; padding:0px 8px; float:left;}
#homeheader2 .imagecontainer a{ color:#CCCCCC; font-size:12px; font-weight:bold; text-decoration:none; padding-top:10px}
#homeheader2 .imagecontainer img{border:none;}


#homeheader .text{position:absolute;width:400px;left: 275px;top: 26px;}
#homeheader .text p{color:#fff;}
#homeheader .links{position:absolute; height:35px; width:192px; left: 382px; top: 144px;}

/**********************************************
** Sub Header Section - (Sub-Pages Only)
**********************************************/ 
#subheader{width:704px; height:93px; background-image:url(/images/sub-section-header.gif); position:relative; margin:0px; float:right; top:36px; background-repeat:no-repeat;}
#subheader .breadcrumb{ height: 35px; font-size:11px; color:#000; margin:0;}
#subheader .breadcrumb a{ color:#000;}
#subheader h1{font-size:21px; color:#fff; font-style:italic; padding:15px;}
#subheader .print{position:relative; width:185px; height:10px; float:right;  top:-19px;}
#subheader .breadcrumb ul{font-size:11px; color:#000; float:left; position:relative; top:15px; left:10px;}
#subheader .breadcrumb li{font-size:11px; color:#000; float:left; position:relative;  display:inline; padding-left:10px;}

/**********************************************
** Regular Middle Copy  - With Right Sidebar**
**********************************************/
#content #middlecopy{width:420px; position:relative; float:left;  margin:50px 10px 50px 25px; background-color:#FFF; line-height:21px; padding-bottom:25px;}
#content #middlecopy a{color:#007CC2;}
#content #middlecopy img{margin:8px; border: 1px solid #cecece;padding:5px; }
#content #middlecopy ul{ margin:10px 0 15px 0;}
#content #middlecopy li{ color:#000000; margin:0 0 0 30px; list-style:inside; font-size:12px; list-style-position:outside}
#content #middlecopy-ext table th{width:125px; color:#FFF; background-color:#358DCA; border-color:#358DCA; font-size:12px; text-align:center; line-height:16px;}
#content #middlecopy-ext table {color:#000; border:0; font-size:12px; text-align:center; margin:20px 0 20px 0; width:100%;}
#content #middlecopy-ext table td.shaded{background-color:#ccc;}
#content #middlecopy-ext #materials-left {width:40%; padding:0 25px 0 25px; float:left;}
#content #middlecopy-ext #materials-right {width:40%; padding:0 25px 0 25px; float:left;}
#content #middlecopy-ext #small-wrap {width:400px; float:left;}
#content #middlecopy-ext #small-left {width:200px; float:left;}
#content #middlecopy-ext #small-right {width:200px; float:left;}




/**********************************************
** Larger Middle Copy - loses right side bar **
**********************************************/
#content #middlecopy-ext{width:654px; position:relative; float:left;  padding-left:10px; margin:50px 10px; background-color:#FFF; line-height:21px; padding-bottom:25px;}
#content #middlecopy-ext a{color:#007CC2;}
#content #middlecopy-ext img{margin:0px 8px; border: 1px solid #cecece;padding:5px; }
#content #middlecopy-ext ul{ margin:10px 0 15px 0;}
#content #middlecopy-ext li{ color:#000000; margin:0 0 0 30px; list-style:inside; font-size:12px;}
account.form li{ list-style:none;list-style-position:outside}

/**********************************************
** Larger Middle Copy vs 2 - RAQ Form **
**********************************************/
#content #middlecopy-ext2{width:654px; position:relative; float:left;   background-color:#FFF; line-height:21px; padding-bottom:25px;}

#content #middlecopy-ext2 img{margin:8px; border: 1px solid #cecece;padding:5px; float: none; vertical-align:inherit}
#content #middlecopy-ext2 ul{ margin-top:10px; list-style:none;}
#content #middlecopy-ext2 li{ color:#007CC2;margin:15px 0 0 0; list-style:inside; font-size:12px;list-style:none;}
/*************************************************************
** Lists -Larger Middle Copy - loses right side bar - Lists **
*************************************************************/
 
#content #middlecopy-ext input{color:#000; list-style:none;}

/**********************************************
** PDF Download 
**********************************************/
#content #pdfdownload{width:420px; position:relative;  background-color:#FFF; height:200px; margin:20px 0; border-top:solid #000 1px; border-bottom:solid #000 1px;padding-top:10px}
#content #pdfdownload img{ border:none; padding-right:5px;}
#content #pdfdownload a{color:#BF1E2D; text-decoration:none;}
#content #pdfdownload h2{color:#BF1E2D; font-size:14px; }
#content #pdfdownload h3{color:#BF1E2D; font-size:11px; font-weight:bold; font-style:normal;}
#content #pdfdownload p{color:#000; font-size:10px;}

/**********************************************
** Right Side-Bar
**********************************************/
#content #rightcopy{width:234px; position:relative; float:right; top:50px;  background-color:#FFF; height:910px; right:3px; overflow:visible}
#content #rightcopy h1{font-size:16px; color:#fff; font-style:italic;padding-left:10px;}
#content #rightcopy h2{font-size:16px; color:#000; font-style:italic; padding-left:10px;}
#content #rightcopy h3{font-size:10px; color:#fff; font-weight:normal;padding-left:10px;}
#content #rightcopy h4{font-size:10px; color:#000; font-weight:normal; padding-left:10px;}
#content #rightcopy .capsule1{ width:220px; background-repeat:no-repeat;background-image:url(/images/rightside-capsule-1.gif); height:336px;padding:10px;}
#content #rightcopy .capsule1 p{color:#fff; font-size:10px;}
#content #rightcopy .capsule1 h2{color:#fff;}
#content #rightcopy .capsule2 p{color:#fff; font-size:10px;}
#content #rightcopy .capsule2 h2{color:#fff;}
#content #rightcopy .capsule3 p{color:#fff; font-size:10px;}
#content #rightcopy .capsule3 h2{color:#fff;}
#content #rightcopy .capsule4 p{color:#fff; font-size:10px;}
#content #rightcopy .capsule4 h2{color:#fff;}
#content #rightcopy .capsule3 a{ color:#fff; font-size:10px;}
#content #rightcopy .capsule1 img{ padding-top:10px; padding-left:30px;}
#content #rightcopy .capsule2 img{ padding-top:10px; padding-left:30px;}
#content #rightcopy .capsule2{ width:220px; background-repeat:no-repeat;background-image:url(/images/rightside-capsule-2.gif); height:129px; padding:10px; }
#content #rightcopy .capsule3{ width:220px; background-repeat:no-repeat;background-image:url(/images/rightside-capsule-3.gif); height:129px; padding:10px;}
#content #rightcopy .capsule4{ width:220px; background-repeat:no-repeat; background-image:url(/images/rightside-capsule-4.gif); height:175px; padding:10px;}
#content #rightcopy .capsule4 a{ color:#fff; text-decoration:none;}
#content #rightcopy .pdfdlcapsule{}

/**********************************************
** Footer Section
**********************************************/
#footer{width:920px;position:relative;background-image:url(/images/footer-bg.gif);background-repeat:repeat-x; clear:both; height:89px; padding:13px 20px  0px 20px; overflow:visible; }
#footer .links{position:relative; width:130px; float:left; }
#footer .logo{position:absolute;width:152px;left: 608px;top: 28px;}
#footer .address{position:relative; width:160px; float:right; color:#fff;}
#footer  ul{ }
#footer  li{font-size:10px; display:block; list-style:none; }
#footer  li a{font-size:10px; display:block; list-style:none; color:#fff; text-decoration:none; }
#footer  li a:hover{color:#CCCCCC;}

/**********************************************
** Copyright Section
**********************************************/
#copyright{ height:28px; color:#fff;  font-size:10px; width:960px; margin-top:20px; text-align:center; background-image: url(/images/footer-copyright.gif); clear:both; line-height:30px;}

/**********************************************
** Form Section
**********************************************/
.ContactForm {  }
.ContactForm h3{ padding-top:30px;}
.ContactForm li { margin-bottom:2px; width:660px; float:left; list-style:none; }
.ContactForm li label { width:200px; line-height:16px; float:left; font-weight:normal; font-size:12px; padding-top:5px; text-align:left;}
 .RAQForm {  list-style:none; list-style-type:none;!important}
 .RAQForm h3{ padding-top:30px;}
 .RAQForm ul{ list-style:none; list-style-type:none;!important}
 .RAQForm ul li {list-style:none; list-style-type:none;!important}
 .RAQForm li label { width:600px; line-height:16px;   font-weight:normal; font-size:12px; padding-top:5px; text-align:left;!important}


/**********************************************
** Contact Fields Section
**********************************************/
.Title { width:180px; }
.Name { width:180px; }
.Address { width:180px; }
.City { width:180px; }
.State { width:180px; }
.Zip { width:50px; }
.Country { width:180px; }
.Phone { width:180px; }
.Fax { width:180px; }
.Email { width:180px; }
.Location { width:180px; }
.Comments { width:350px; height:100px; }
.Comments2 { width:205px; height:80px; }


/**********************************************
** RAQ Fields Section
**********************************************/
.Smallcomments {width:180px; }
.Largecomments{width:350px; height:50px;  }


/**********************************************
** Print a Page
**********************************************/
 
 

/* SHOPPING CART NAVIGATION */
#ShoppingCartNav { margin:0 0 30px 0; padding:5px 0 5px 0; float:left; width:729px; display:inline; position:relative;  }
#ShoppingCartNav li { margin:0 75px 0 0; list-style:none; float:left; font-size:10px; line-height:12px; font-family:Georgia, "Times New Roman", Times, serif; }
#ShoppingCartNav li.Active { color:#b41717; }
#ShoppingCartNav li.Inactive { color:#CCC; }
#ShoppingCartNav h5 { margin:0 5px 0 0; font-size:34px; line-height:36px; position:absolute; top:-5px; font-weight:normal; float:left; font-family:Georgia, "Times New Roman", Times, serif; }
#ShoppingCartNav span { position:relative; left:25px; }
#ShoppingCartNav a { color:#666; text-decoration:none; }
#ShoppingCartNav a:hover { color:#666; text-decoration:underline; }
#ShoppingCartNav .NumberSelected { color:#666; }

#requestInformation li label{text-align:left}
/* THESE ARE STYLES FOR THE CART AND CHECKOUT PAGE LAYOUT */
/* for two column checkout use this: 
.checkoutColumn{float:left;width:50%} 
*/
/*container around shopping cart page*/
#ShoppingCartContainer{float:left;clear:both;width:560px;margin-top:0px}
/*container around checkout page*/
#CheckoutContainer{float:left;clear:both;width:560px}
/* //////////////////////////////// GENERAL STYLES //////////////////////////////////////// */
.colorBlack{color:#000000;}
.w30{width:30px}
ul li.w150{width:150px}
ul li.w120{width:120px}
ul li.fl{float:left;clear:none}
.fl{float:left;clear:none}
.fr{float:right}
.cb{clear:both}
ul li.mt20{margin-top:20px}
ul li.mt10{margin-top:10px}
.mt5{margin-top:10px}
.ml0{margin-left:0px}
.ml10{margin-left:10px}
ul li.mb20{margin-bottom:20px}
.db{display:block}
.red{color:#ff0000}
.dn{display:none}
.pb5{padding-bottom:5px}
.mb10{margin-bottom:10px}
.mr10{margin-right:10px}
.pr10{padding-right:10px}
.pl10{padding-left:10px}
.mp0{margin:0px;padding:0px}
label.fn{float:none;clear:none}
.msgText{color:#cc0000;font-weight:bold}
.updateDeleteBtns{margin-right:5px;margin-top:5px;background-color:#efefef;cursor:pointer;border:1px solid #cccccc;font-size:.75em;display:inline}
.privacyNote{text-align:center;padding-top:15px}
li input.noStyle{border:0px}
/* ////////////////////////////////////////////////////////
///////////////////// FORM SECTION TITLES /////////////////
////////////////////////////////////////////////////////// */
h2.FormSectionTitle{margin:0px 0px 0px 0px; clear:both; }
/* 
////////////////////////////////////////////////////////////////////////
/////////////////////////// FORM STYLES ////////////// /////////////// //////////////////////////////////////////////////////////////// */
.requiredDesignation{display:block; padding:5px; margin-bottom:10px; color:#ff0000;}
form{margin:0px;padding:0px}

.InputForm{overflow:hidden;padding:0px; margin:0px 0px 20px 0px;}
.InputForm h2{margin-top:0px;margin-bottom:0px}
.InputForm h3{font-size:14px;font-weight:normal;margin:0px;padding:5px 0 5px 0;font-weight:bold}
.Form{padding:0px;list-style:none; display:block; height:1%; overflow:hidden; margin:0px; }
#content ul.Form li{margin:0px 0px 0px 0px;overflow:hidden;height:1%;clear:both;font-weight:normal;padding:3px; line-height:14px; }
ul.Form li{margin:0px 0px 0px 0px;overflow:hidden;height:1%;clear:both;font-weight:normal;padding:3px; line-height:14px;; }


.Form li.altRow{background-color:#efefef; }
.Form li.required{color:#ff0000;list-style-type:none;  }
.Form li.required label{color:#ff0000; list-style-type:none;}
.Form label{width:100px;margin-right:2px;float:left;text-align:left;display:block;vertical-align:middle;padding:2px 5px 2px 0px;color:#000000; }
.Form li.fullSpan label{width:100%;clear:both;float:none;text-align:left}
.Form li.fullSpan{}
.Form input{padding:2px;float:left;display:block;margin:0px 0px 0px 0px;vertical-align:middle}
.Form textarea{padding:0px;float:left;display:block;margin:0px 0px 0px 0px;font-size:11px;vertical-align:middle;border:1px solid #666666;font-family:Arial, Helvetica, sans-serif;font-size:1em}
.Form select{float:left;display:block;margin:0px 0px 0px 0px;font-size:11px}
.Form a{font-weight:normal;font-size:12px}
.required em{color:#000000;font-style:normal}
.validation-failed{border:2px solid #993333;font-size:11px;vertical-align:top}
.Form li.ratingSelection input{float:none;display:inline;margin-right:5px;border:0px}
.Form li.ratingSelection label.inline{display:inline;float:none;width:auto;margin:0px 0px 0px 0px} 
.Form li .note{font-size:.9em;padding-left:5px}
.Form li span{float:left;padding:0 5px 0 5px;color:#000000}
/* Contact Page */
#ContactForm.InputForm{width:480px;margin-bottom:10px;background-color:#FFFFFF;border:0px}
#ContactForm p{width:95%}
#ContactForm li{margin-bottom:0px}
/* Account Info */
#AccountForm{margin-bottom:10px}
#AccountForm.inputForm table tr td.firstColumn{width:100px}
InputForm.NoStyle{border:0px;background-color:transparent}
/* Account Login*/
#AccountLoginForm.InputForm{}
#AccountLoginForm ul.Form{}
/* forgot password form*/
#ForgotPasswordForm.InputForm{}
/* Account Info */
#CheckoutInfoForm{margin-bottom:10px}
#CheckoutInfoForm.inputForm table tr td.firstColumn{width:100px}
/* Shipping Info */
#ShippingForm{margin-bottom:10px}
#ShippingForm.InputForm table tr td.firstColumn{width:100px}
/* Billing Info */
#BillingForm{margin-bottom:10px}
#BillingForm.InputForm table tr td.firstColumn{width:100px}
/* Payment Info */
#PaymentForm{margin-bottom:10px}
#PaymentForm.InputForm table tr td.firstColumn{width:100px}
/* Create Account */
#CreateAccountForm{}
#CreateAccountForm .Form li{margin:5px 0px 0px 0px;clear:both}
#CreateAccountForm{margin-bottom:10px}
#CreateAccountForm.InputForm{border:0px;background-color:#FFFFFF;padding:0px}
/* Account Login */
#AccountLoginForm{margin-bottom:10px}
#AccountLoginForm.inputForm table tr td.firstColumn{width:100px}
#SendToFriendForm label{width:180px}
#SendToFriendForm.InputForm{width:500px}


 
/* ////////////////////////////////// FIELDS //////////////////////////////////////////////////////// */
.Username { width:120px;  }
.Password{width:120px;}
.Destination{width:100px;}
.Method{width:180px;}
.Company{width:180px;}
.Business{width:180px;}
.Name{width:180px;}
.FirstName{width:180px;}
.LastName{width:180px;}
.EmailAddress{width:180px;}
.Email{width:180px;}
.Address{width:180px;}
.Address2{width:180px;}
.City{width:180px;}
.State{width:180px;}
.Country{width:180px;}
.Province{width:180px;}
.Zip{width:50px;}
.reviewDescript{width:250px;height:100px}
.HomePhone{width:120px;}
.WorkPhone{width:120px;}
.WorkPhoneExt{width:40px;}
.Fax{width:100px;}
.Comments{width:250px;height:200px;}
.CardType{width:140px;}
.CardNumber{width:140px;}
.CardExpMonth{width:40px;}
.CardExpYear{width:60px;}
.CardSecurityCode{width:40px;}
#AccountLoginForm .Email{width:140px;}