/* -------------------------------------------------

New Internet Help Page Basic Stylesheet

Version: 1.1
Author: Carl Brown
email: carl@theinternet.co.uk

--------------------------------------------------*/

.helpPage {
  margin:5px -3px 5px 205px;
  background-color:#ffffff;
  border:1px solid #bcbcbc;
  padding:20px;
  color:#3c3c3c;
  font-size:12px;
  line-height:15px;
  letter-spacing:0.6px;
}

.helpHomepage {
  background: url(/images/static/helpQuestionMark.jpg) no-repeat right top;
  height:567px;
  font-size:16px;
  color:#013eb0;
}

.helpHomepage span {
  border-bottom:2px dotted #013eb0;
  padding-bottom:5px;
}

.helpPage h2 {
  background: url(/images/static/headerQuestionMark.jpg) no-repeat right top;
  margin-bottom:15px;
  color:#013eb0;
  letter-spacing:0px;
  font-size:20px;
  line-height:59px;
  padding-left:10px;
  font-weight:normal;
}

.helpPage h3 {
  color:#ec3838;
  margin-bottom:10px;
}

.helpPage h4 {
  margin-bottom:20px;
  color:#397eff;
  border-bottom:1px solid #bcbcbc;
}

.helpPage dl dt {
  background: url(/images/static/questionMark.gif) no-repeat left top;
  font-weight:bold;
  padding-left:25px;
  height:20px;
  font-size:15px;
  line-height:23px;
  margin-bottom:5px;
}

.helpPage dl dd {
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #f1f1f1;
}

.helpPage a {
  color:#397eff;
  text-decoration:none;
  font-weight:bold;
}

/*NEW NAV BEGINS */

/* ---------------------------------- Default Nav Styles*/
#helpNavMenu {
  margin:0;
  float:left;
}

#helpNavMenu span.helpMenuHead {
  display:block;
  background: url(../images/siteImages/defaultNavInnerHead.gif) no-repeat left top;
  width:199px;
  height:21px;
  color:#ffffff;
  font-size:12px;
  font-weight:bold;
  letter-spacing:0.6px;
  line-height:23px;
  padding-left:10px;
  padding-top:2px;
}

#menu {
  list-style-type:none;
  line-height: 16px;
  margin:0 0 10px 1px; 
  padding:0; 
  width:194px;
  z-index:100;
  border:1px solid #bcbcbc;
  border-top:none;
  background-color:#ffffff;
}

#menu li {
  display:block; 
  padding:0; 
  margin:0; 
  position:relative; 
  z-index:100;
}

#menu table {
  border-collapse:collapse; 
  padding:0; 
  margin:-4px; 
  font-size:1em;
}

#menu dl {
  width: 194px; 
  margin: 0; 
  background: #ffffff; 
  cursor:pointer;
}

#menu dt {
  margin:0; 
  padding: 0; 
  font-size: 12px; 
}

#menu dd {
  margin:0; 
  padding:0; 
  font-size: 11px; 
  text-align:left; 
}

/* Hides second level items */
/*
#menu li dd {
  display:none;
}
*/

#menu li a {
  display:block; 
  text-decoration:none;
}

/* Style Toplevel items */
.mainCategory dt a {
  display:block; 
  color:#333366; 
  padding:5px 5px 5px 10px; 
  background:#ffffff url(top_grad.gif) center center;
  font-weight:bold;
}

/*Style second level items*/
.mainCategory dd a {
  color:#333366; 
  min-height:11px; 
  text-decoration:none; 
  display:block; 
  padding:4px 5px 4px 20px; 
/*background-color:#a4b8dd;*/
}


/* --------------------------------------- Hover Nav Styles */


#menu li:hover, #menu li a:hover {
  border:0;
}

/* style top level when you hover over the parent OR the children*/
#menu li:hover dt a , #menu li a:hover dt a {
/*  background:#a4b8dd; */
  color:#333366; 
}

#menu li:hover dd, #menu li a:hover dd {
  display:block;
}

#menu li:hover dl, #menu li a:hover dl {
/*  min-height:10em;*/ /*forces block height of children*/
  background:#ffffff;
}

/* style second level items hover*/
.mainCategory dd a:hover {
  background: url(../images/static/hoverArrow.gif) no-repeat right center #a4b8dd;  
  color:#333366;
  cursor:pointer;
}

/* -------------------------------------- Always Open Nav Styles */

/* Force open second level list*/
#menu li.magicLi dd {
  display:block;
}

/* style second level items when active */
li.magicLi .mainCategory dd.magicdd a {
  background: url(../images/static/youAreHereArrow.gif) no-repeat 5px center #ffffff; 
  color:#397eff;
  font-weight:bold;
}

/*Style second level items that are not active */
.magicLi .mainCategory dd a {
  color:#333366; 
  background-color:#ffffff;
}

.magicLi .mainCategory dd a:hover, .magicLi .mainCategory dd.magicdd a:hover {
  /*background-color:#a4b8dd;*/
 background: url(../images/static/hoverArrow.gif) no-repeat right center #ffffff;    
}

/* Product Upload Help Styles */

ol.productUploadHowTo {
  margin:0;
  margin-left:30px;
  padding:0;
  line-height:18px;
}

ol.productUploadHowTo li ol {
  list-style-type: lower-alpha; 
  margin-left:30px;
}

ol.productUploadHowTo em {
  font-style:normal;
  color:#ec3838;
  font-weight:bold;
}

ul.attributeHeadings {
  margin:0;
  padding:0;
  list-style-type:none;
}

ul.attributeHeadings dl {
  margin-left:10px;
}

ul.attributeHeadings dt {
  background:none;
  color:#397eff;
  margin:0;
  padding:0;
  margin:5px 0;
}

ul.attributeHeadings dd {
  border:none;
  margin:0;
  padding:0;
}

ul.attributeHeadings dd span {
  font-style:italic;
  margin-left:20px;
  line-height:20px;
  color:#013eb0;
}