/* NORMALIZE CSS */
/* Normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/* Normalize list styles */
ol, ul {
list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

/* Normalize table borders */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
border: 0;
}

/* Normalize text-alignment */
caption, th {
text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
content: '';
}

/* MAIN CSS */

body {
  background-image: url(../img/bg.png);
}

h1 {
  font: 32px Calibri, Verdana, Arial, sans-serif;
  color: white;
  margin-left: 5px;
  font-variant: small-caps;
}


h2 {
  font: bold 14px Calibri, Verdana, Arial, sans-serif;
  color: white;
  margin-left: 5px;
  margin-bottom: 7px;
  padding-top: 0px;
  font-variant: small-caps;
}

h3 {
  font: bold 18px Calibri, Verdana, Arial, sans-serif;
  color: white;
  margin-left: 5px;
  font-variant: small-caps;
}

h5 {
  font: normal 14px Calibri, Verdana, Arial, sans-serif;
}

h5{
 color: white;
}

p {
  font: 14px Calibri, Verdana, Arial, sans-serif;
  color: white;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
}

a {
  color: #FFFFFF;
}
#container {
  width: 832px;
  margin: auto;
}

#firstnavbar{
  width: 812px;
  height: 22px;
  margin: 0 auto;
  margin-bottom: 10px;
  font: normal 11px Verdana, Arial, sans-serif;
  background-image: url(../img/firstnavbar.gif);
}

#firstnavbar a:link, #secondnavbar a:link {
  color: #FFFFFF;
  text-decoration: none;
}

#firstnavbar a:hover, #secondnavbar a:hover {
  color: #C8C8C8;
  text-decoration: none;
}


#firstnavbar a:visited, #firstnavbar a:active, #secondnavbar a:visited, #secondnavbar a:active {
  text-decoration: none;
}

#content {
  background-image: url(../img/content-bg.png);
  margin: 0;
  padding: 0;
}
.menu {
  float: right;	
}

.other{
  float: left;
}

.menu li, .menu a{
  float: left;
  width: auto;
}

.menu li {
  margin: 4px 4px 4px 5px;
}

.other li {
  margin: 4px 5px 4px 4px;
}

.iconItem {
  padding-left: 18px;
  background-position: center left;
  background-repeat: no-repeat; 
}

.cart {
  background-image: url(../img/cart.png); 
}

.package {
  background-image: url(../img/package.png); 
}

.help {
  background-image: url(../img/help.png); 
}
/****
TJK_keyBoardDropDown
Pure CSS Drop Down Menu [TJK_keyBoardDropDown] v1.2
Copyright 2006, Thierry Koblentz - TJKDesign.com - All rights reserved.
Read www.TJKDesign.com/articles/Pure_CSS_dropdown_Menus.asp
****/

/* zeroing padding/margin for all elements */
#secondnavbar,
#secondnavbar * { margin: 0; padding: 0;}

/* "Master" UL (the whole Menu) */
#secondnavbar {
  font: normal 11px Verdana, Arial, sans-serif;
  position: relative;
  width: 832px;
  max-width: 100%;
  float: left;
  margin: 0 auto;
  margin-bottom: 1.7em;
}

/* sub-menu ULs */
#secondnavbar li ul {
  width: 11em !important; /* leaves room for padding */
  position:absolute;
  height:auto;
  display:none;
  left:-8.1em;
  padding:0px 10px 10px 10px;
  background:url(/img/clear.gif);/* trick to keep'em open */
}

#secondnavbar ul li {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* All LIs */
#secondnavbar li  {
  background-image: url(../img/subbarnav1.gif);
  position:relative;
  width: 168px;
  height: 20px;
  margin-left: 80px;
  float:left;
  list-style-type:none;
}

/* sub-menu LIs */
#secondnavbar li ul li a {
  width:10em/*FF*/;
  padding:0;
  border:none;
  max-width:120%;
}

/* All anchors */
#secondnavbar li a {
  text-decoration:none;
  display:block;
  float:left;
  padding:0 .4em;
  /*  uncomment the declaration below if you want to go "full width" */
  /*  width:7.47em; */
  height:20px;	
  line-height: 1.7em;
}

/* sub-menu Anchors */
#secondnavbar li ul li a {
  background-image: url(../img/subbarnav2.gif);
  width: 168px;/*FF*/;
  height: 20px;
  position: relative !important; /* ie Mac */
  white-space: nowrap;
  line-height: 1.3em;
  font-weight: normal;
  background-position: 0 50% !important;
}

/* display and z-index for the sub-menus */
#secondnavbar li:hover ul,
#secondnavbar li.msieFix ul {display:block;z-index:10; top: 20px;}

/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#secondnavbar li#shopbymotive {z-index:3;}
#secondnavbar li#shopbygenderage {z-index:2;}
#secondnavbar li#shopbyproduct {z-index:1;}

/* Keeping current menu accessible to JAWS */
.shopbymotive #secondnavbar li#shopbymotive ul,
.shopbygenderage #secondnavbar li#shopbygenderage ul,
.shopbyproduct #secondnavbar li#shopbyproduct ul {display:block;top:-1000px}

/* "trigger" and "msieFix" classes */
#secondnavbar li.msieFix a {}

/* last nested UL. keeping it in */
#secondnavbar li#shopbyproduct ul {left:-8.1em !important;}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.shopbymotive #secondnavbar li#shopbymotive ul li a:focus,
.shopbymotive #secondnavbar li#shopbymotive ul li a:active,
.shopbygenderage #secondnavbar li#shopbygenderage ul li a:focus,
.shopbygenderage #secondnavbar li#shopbygenderage ul li a:active,
.shopbyproduct #secondnavbar li#shopbyproduct ul li a:focus,
.shopbyproduct #secondnavbar li#shopbyproduct ul li a:active {position:absolute !important;top:1028px !important;}