body
{
  background-color: #65666A;
  margin-top: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #221D57;
  background: url("../Images/Layout/Backgrounds/main_bg.jpg") repeat-x scroll 0 0 transparent;
}

/*--------------------------------------------------------------------------*/
/* Wrapper */
/*--------------------------------------------------------------------------*/
#wrapper
{
  width: 1028px;
  margin: 0 auto;
}

/*--------------------------------------------------------------------------*/
/* Head Container */
/*--------------------------------------------------------------------------*/
#topContainer
{
  width: 1028px;
  margin-top: 10px;
}
#topContainer ul
{
  float: right;
}
#topContainer ul li
{
  float: left;
  color: #fff;
  font-size: 10px;
}
#topContainer ul li a
{
  text-decoration: none;
  color: #dfdfdf;
}
/*--------------------------------------------------------------------------*/
/* Main Container */
/*--------------------------------------------------------------------------*/
#mainContainer
{
  padding: 0 22px 24px 22px;
  width: 984px;
  min-height: 650px;
  background-color: #fff; /*     -moz-border-radius:4px; 	-webkit-border-radius:4px; 	border-radius:4px; 	-khtml-border-radius:4px;         */  
}

#mainHeader
{
  width: 1028px;
  background-color: #fff;  
}
#mainHeader #logo
{
  float: left;
  margin-left: 17px;
}
#mainHeader #topmenu
{
  height: 60px;
  background: #65666A;
  color: #fff;
  background: url("../Images/Layout/Backgrounds/header_left.jpg") no-repeat scroll left top #B6050D;
  border: medium none;
  float: right;
  height: 60px;
  width: 360px;
}
#mainHeader #siteSearch
{
  float: right;
  height: 40px;
  background: url("../Images/Layout/Backgrounds/header_right.jpg") no-repeat scroll left top #B6050D;
  width: 260px;
  padding-top: 20px; 
}
#mainHeader #siteSearch #txtSearch
{
  float: left;
  width: 110px;
  height: 18px;
  margin-top: 0px;
}

#mainHeader #siteSearch #btnSiteSearch
{
  float: left;  
  cursor: pointer;
  height: 24px;
  color: black;
  background: #CDCDCD;
  margin-left: 5px;  
  margin-top: 0px;
  padding: 2px 10px;
}

#mainHeader #siteSearch #btnSiteSearch:hover
{
  padding: 1px 9px;
}

#mainHeader #topmenu ul
{
  list-style: none;
  margin-left: 36px;
}

#mainHeader #topmenu ul li
{  
  float: left;
  color: White;  
  margin-left: 25px;
  padding-top: 20px;
}

#mainHeader #topmenu ul li a
{
  color: White;
}

#shoppingBagItemCount, #shoppingBagTotalValue
{
  margin-right: 10px;
  padding: 0px;
}

#shoppingBagTotalValue
{
  font-size: 8px;
  font-weight: bold;
}

#shoppingBagItemCount
{
  font-size: 10px;
  font-weight: bold;
  height: 10px;
}

#mainHeader #topmenu #summary a
{  
  font-size: 8px;  
}
#mainHeader #topmenu #summary #totalCost
{
  color: #fff;
  text-decoration: none;
  margin-right: 5px;
}
#mainHeader #topmenu #lbtViewCart
{
  float: right;
  border: none;
  margin-right: 8px;
}

/*----------------------------------
--- Main menu 
-----------------------------------*/
#mainMenu
{
  float: left;
  width: 984px;
  margin-top: 16px;
  margin-left: 80px;
}

#nav, #nav ul
{
  /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
}

#nav a
{
  display: block;
  text-decoration: none;
}

#nav li
{
  /* all list items */
  float: left;
}

#nav li ul
{
  /* second-level lists */
  position: absolute;
  background: #221D57;
  width: 210px;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  margin-top: 8px;
  padding-bottom: 12px;
  margin-left: -12px;
  z-index: 1000;
  border: 1px dotted white;
}
#nav li ul li a
{
  color: white;
}

#nav li ul ul
{
  /* third-and-above-level lists */
  margin: -1em 0 0 140px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul
{
  left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul
{
  /* lists nested under hovered list items */
  left: auto;
}

/* specific */
#nav > li
{
  /* all list items */
  padding: 6px 13px 8px 12px;
}
#nav > li:hover
{
  padding: 6px 13px 8px 12px;
  background-color: #221D57;
}
#nav > li:hover > a
{
  color: #fff;
}
#nav > li > a
{
  color: #221D57;
  text-transform: UPPERCASE;
  font-size: 12px;
  font-weight: bold;
}

#nav > li > ul > li > a
{
  width: 200px;
}
#nav > li > ul > li > a
{
  /* second-level */
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 12px;
  z-index: 1000;
}

#nav > li > ul > li > ul
{
  margin-top: -23px;
  padding-bottom: 12px;
  border: 1px dotted white;
}

#nav > li > ul > li > ul > li
{
  /* third-level */
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
}
#nav > li > ul > li > ul > li a
{
  width: 200px;
}

ul.stylish-list 
{
  list-style-type:circle;
}

.button
{
  color: white; 
  text-transform:uppercase;  
}

/*-----------------------------------*/
/* Content */
/*-----------------------------------*/
#content
{
  float: left;
  width: 984px;
  margin-top: 12px;
}

#content #leftPanel
{
  float: left;
  margin-right: 20px;
}

#content #rightPanel
{
  float: left;
}

/*-----------------------------------*/
/* Footer */
/*-----------------------------------*/
#mainFooter
{
  width: 1028px;
  background-color: #fff;
  margin-bottom: 30px;
}
#mainFooter ul li
{
  float: left;
  margin-right: 10px;
}
#mainFooter a
{
  text-decoration: none;
}

#mainFooter #firstLayer
{
  float: left;
  width: 1006px;
  margin-top: 10px;
  margin-left: 22px;
}
#mainFooter #firstLayer a
{
  color: #666;
  font-size: 10px;
}

#mainFooter #secondLayer
{
  float: left;
  width: 1028px;
  margin-top: 10px;
}
#mainFooter #secondLayer #secondLeft
{
  float: left;
  width: 460px;
  height: 50px;
  background-repeat: no-repeat;
  border: none;
  background: #B6050D url("../Images/Layout/Backgrounds/footer_left.jpg") no-repeat left top;
}
#mainFooter #secondLayer #secondLeft a
{
  text-transform: uppercase;
  color: #fff;
}
#mainFooter #secondLayer #secondLeft ul
{
  float: left;
  margin: 16px 0 0 20px;
}
#mainFooter #secondLayer #secondLeft ul li
{
  margin-right: 25px;
}

#mainFooter #secondLayer #secondRight
{
  float: left;
  width: 533px;
  height: 50px;
  background-color: #B6050D;
  padding-left: 35px;
  color: #fff;
}

#mainFooter #secondLayer #secondRight label
{
  float: left;
  margin-top: 16px;
}
#mainFooter #secondLayer #secondRight #txtSignupEmail
{
  float: left;
  margin: 14px 0 0 25px;
  width: 150px;
}
#mainFooter #secondLayer #secondRight #btnSubscribe
{
  float: left;
  margin-top: 14px;
  margin-left: 5px;
  color: Black;
  background: #CDCDCD;
  padding: 2px 10px;
}
#mainFooter #secondLayer #secondRight #btnSubscribe:hover
{
  padding: 1px 9px;
}

div.about, div.help 
{
  float: left;
  margin-right: 20px;  
}

div.help-content ul
{
  margin-left: 0px;
  list-style-type:square;  
}

div.help-content ul li a
{
  color:  #221D57;
  font-weight: bold;  
}

div.about-banners, div.about-photo
{
  /*margin-top: 40px;*/
  text-align: center;
}

div.about-photo
{
  margin-top: 100px;
}

div.about-content
{
  width: 345px;
}

.form.topAlign td:first-child {
  padding-top: 0px;
}

.form.topAlign td {
  vertical-align: middle;
}

table.form input, div.form input {
    border: 1px solid #999;
    padding: 4px;
    top: 7px;
    width: 200px;
}

.contact-us 
{
  float: left;  
}

.marketing-images
{
  width: 190px; 
}

.marketing-images img, div.about-banners img 
{
  margin-bottom: 10px;
}

.feedback-form
{
  width: 750px;
  margin-left: 20px;
}

#productRange
{
  margin-top: 10px;  
  text-align: center;
}

#productRange ul
{
  margin: 0px;
}

#productRange ul li
{
  height: 30px;
  padding-top: 10px;
  font-size: 12px;
  font-weight: bold;
}

#productRange ul li.even
{
  background: #eee;
}

#nav > li > a.hotproduct 
{
  color: #B5060B;
}

#nav > li > a.hotproduct:hover
{
  color: White;
}

.grid-col
{
  float: left;
  width: 450px;
  margin-right: 20px;
}

.register-instructions
{
  display: none;
}

.brand-marquee
{
  width: 988px;
  padding-top: 5px;
  padding-bottom: 5px;  
  padding-left: 20px;
  padding-right: 20px;
  background: #555;
  color: White;
  font-weight: bold;  
}

/*
JOB REGION GROUP
**/
ul.job-region-group 
{
  font-weight: bold;
  font-size: 11px;  
}

ul.job-region-group li 
{
  margin-top: 5px;
}

ul.job-region-group li a 
{
  text-decoration: underline;
}
