html, body, table, tr, td, div, h1, h2, h3, h4, h5, h6, p, a, em, strong, b, i, span
{

  margin:0px;
  padding:0px;
  border:0px;

}

body
{

  font-family:Verdana,Helvetica,Arial,sans-serif;
  margin-bottom:50px;
  background-color:#fff;

}

body div#container
{

  width:970px;
  background-color:#fff;

}

html body div.clearer
{

  clear:both;

}

/* Header Styles Begin */

div#header
{

  padding:0px 0;

}

div#header h1
{

  background-color:#fff;
  width:161px;
  height:50px;
  margin:2px 0px 4px 9px;
  float:left;
  display:inline;
  background-image:url('images/logo.gif');
  background-repeat:no-repeat;

}

div#header h1 span
{

  display:none;

}

div#header ul.utilNav
{

  width:760px;
  margin:0px;
  float:left;
  display:inline;
  text-align:right;
  padding-top:11px;

}

div#header ul.utilNav li
{

  text-align:right;
  display:inline;
  margin:15px 0px 4px 30px;

}

div#header ul.utilNav li.account a
{

  background-image:url('images/icons/account.gif');

}

div#header ul.utilNav li.baskets a
{

  background-image:url('images/icons/basket.gif');

}

div#header ul.utilNav li.quick a
{

  background-image:url('images/icons/quickOrder.gif');

}

div#header ul.utilNav li.store a
{

  background-image:url('images/icons/storeLogIn.gif');

}

div#header ul.utilNav li.account a:hover
{

  background-image:url('images/icons/hover/account.gif');
  background-color:#e2e2e2;

}

div#header ul.utilNav li.baskets a:hover
{

  background-image:url('images/icons/hover/basket.gif');
  background-color:#e2e2e2;

}

div#header ul.utilNav li.quick a:hover
{

  background-image:url('images/icons/hover/quickOrder.gif');
  background-color:#e2e2e2;

}

div#header ul.utilNav li.store a:hover
{

  background-image:url('images/icons/hover/storeLogIn.gif');
  background-color:#e2e2e2;

}


div#header ul.utilNav li a
{

  font-size:10px;
  color:#333;
  line-height:45px;
  text-decoration:none;
  padding:5px 5px 5px 30px;
  background-position:0px 0px;
  background-repeat:no-repeat;
  height:38px;

}

div#header ul.mainNav
{

  
  border:1px solid #a3a3a3;
  border-bottom-color:#5b5b5b;
  border-width:1px 0px;
  background-color:#01499b;
  padding:0px;
  margin:0px;
  background-image:url('images/navGrad.gif');
  background-repeat:repeat-x;
  background-position:center center;
  height:38px;

}

div#header ul.mainNav li
{
  
	height:38px;
	float:left;
	list-style-type:none;
	overflow:hidden;

}

div#header ul.mainNav li ul.dropDownS
{

	display:none;
	width:250px;
	border-top:1px solid #cccccc;
	border-right:1px solid #5b5b5b;
	border-bottom:1px solid #5b5b5b;
	border-left:1px solid #cccccc;
	background-color:#ffffff;
	z-index: -1;
	position:absolute;
	float:left;

}

div#header ul.mainNav li:hover ul.dropDownS, div#header ul.mainNav li.over ul.dropDownS
{

	display:block;
	background-color:#ffffff;
	z-index: 6000;
	position:absolute;
	margin:-5px 0px 0px 1px;
	padding:0px;

}

body div#header ul.mainNav li ul.dropDownS li
{

	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	display:block;
	float:none;
	height:auto;
	line-height:10px;
	font-size:10px;
	color:#333;
	padding:0px;
	margin:0px;
	
}

html body div#header ul.mainNav li div.dropDown ul li a
{

	display:inline;
	line-height:normal;
	font-size:10px;
	color:#333333;
	letter-spacing:normal;
	border:0px;
	font-family:Verdana,Helvetica,Arial;
	padding:0px;
	margin:0px;
	font-weight:normal;
	line-height:18px;

}

html body div#header ul.mainNav li div.dropDown ul li a:hover
{

	line-height:18px;
	color:#e16f00;
	text-decoration:underline;
	font-size:10px;

}

html body div#header ul.mainNav li ul.dropDownS li a
{

	display:block;
	line-height:27px;
	font-size:10px;
	color:#333333;
	letter-spacing:normal;
	border:0px;
	font-family:Verdana,Helvetica,Arial;
	padding:0px;
	margin:1px;
	font-weight:normal;
	padding-left:10px;

}

html body div#header ul.mainNav li ul.dropDownS li a:hover
{

	color:#fff;
	background-color:#5b5b5b;
	font-size:10px;

}

div#header ul.mainNav li div.dropDown
{

	display:none;
	width:750px;
	border-top:1px solid #ccc;
	border-right:1px solid #5b5b5b;
	border-bottom:1px solid #5b5b5b;
	border-left:1px solid #ccc;
	background-color:#ffffff;
	z-index: -1;
	position:absolute;
	padding-bottom:18px;

}

div#header ul.mainNav li:hover div.dropDown, div#header ul.mainNav li.over div.dropDown
{

	display:block;
	background-color:#ffffff;
	z-index: 6000;
	position:absolute;
	float:left;
	margin:-5px 0px 0px 1px;

}

body div#header ul.mainNav li div.dropDown li
{

	display:list-item;
	float:none;
	font-size:10px;
	color:#333;
	height:auto;
	line-height:18px;
	padding-left:10px;
	background-image:url('images/dropDownBullet.gif');
	background-repeat:no-repeat;
	background-position:3px 7px;

}

body div#header ul.mainNav li div.dropDown li.subList
{

	color:#004799;
	font-weight:bold;

}

html body div#header ul.mainNav li div.dropDown li.subList ul
{

	margin:0px;
	padding:0px;
	font-weight:normal;

}

body div#header ul.mainNav li div.dropDown li.subList ul li
{

	color:#333333;
	background-image:url('images/dropDownSublistBullet.gif');
	background-repeat:no-repeat;
	background-position:3px 7px;

}

div#header ul.mainNav li div.dropDown div.mSection
{

	float:left;
	width:500px;

}

div#header ul.mainNav li div.dropDown div.mSection ul.bigList
{

	width:220px;
	margin:0px 10px;
	padding:0px;
	float:left;

}

div#header ul.mainNav li div.dropDown div.rColumn
{

	border-left:1px solid #e2e2e2;
	float:left;
	width:249px;

}

div#header ul.mainNav li div.dropDown div.rColumn ul
{

	width:200px;
	margin:0px 10px 10px 10px;
	padding:0px;
	float:left;

}

div#header ul.mainNav li div.dropDown h3
{

	line-height:18px;
	display:block;
	border-bottom:1px solid #78b3ee;
	font-size:11px;
	color:#003366;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	margin:10px;

}

div#header ul.mainNav li:hover, div#header ul.mainNav li.over
{
  
	overflow:visible;

}

body div#header ul.mainNav li.first a
{

  border:0px;

}

div#header ul.mainNav li a
{

	display:block;
  font-family:Helvetica, Arial, sans-serif;
  color:#fff;
  letter-spacing:1px;
  text-decoration:none;
  font-size:13px;
  font-weight:bold;
  line-height:38px;
  padding:0px 24px;
  border-left:1px solid #457ebe;
  
}

div#header ul.mainNav li:hover a, div#header ul.mainNav li.over a
{

  color:#004799;
  background-color:#fff;
  font-size:13px;
  
}

div#header ul.mainNav li a:hover
{

  color:#004799;
  background-color:#fff;
  font-size:13px;
  
}

div.searchBar
{

  background-color:#f0f0f0;
  border:1px solid #a3a3a3;
  border-left:0px;
  border-top:0px;
  padding:10px 0px 9px 536px;
  background-image:url('images/searchBarGrad.gif');
  background-repeat:repeat-x;
  background-position:top left;
  margin:0px;

}

div.searchBar form, div.searchBar p
{

	margin:0px;
	padding:0px;

}

div.searchBar form#headerSearchForm input
{

  border:1px solid #5788b0;
  margin-right:9px;
  float:left;
  display:inline;

}

div.searchBar form#headerSearchForm select
{

  border:1px solid #5788b0;
  margin-right:9px;
  float:left;
  display:inline;
  position:relative;
  z-index:1;

}


/* Button Styles */
div.searchBar .btn 
{

	display:inline-block;
	background:none;
	margin:0;
	padding:3px 0;
	border-width:0;
	overflow:visible;
	font-size:11px;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	float:left;
	
}

* html div.searchBar button.btn 
{

	padding-bottom:1px;
	
}
/* Immediately below is a temporary hack to serve the 
following margin values only to Gecko browsers
Gecko browsers add an extra 3px of left/right 
padding to button elements which can't be overriden.
Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn 
{

	margin:0 -3px;
	
}

div.searchBar .btn span 
{

	background:#ddd url('images/bg-button.gif') repeat-x 0 0;
	margin:0;
	padding:3px 0;
	border-left:1px solid #a3a3a3;
	border-right:1px solid #a3a3a3;
	
}

* html div.searchBar .btn span 
{

	padding-top:0;
	
}

div.searchBar .btn span span 
{

	position:relative;
	padding:3px .4em;
	border-width:0;
	border-top:1px solid #a3a3a3;
	border-bottom:1px solid #a3a3a3;
	
}

/* only needed if implementing separate hover/focus/active state for buttons */
div.searchBar .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span , div.searchBar .btn.over span, .btn.over span span
{

	cursor:pointer; /* important for any clickable/pressable element */
	border-color:#9cf !important;
	color:#fff;
	
}

div.searchBar .btn:active span 
{
	background-position:0 -400px;
	outline:none;
}

div.searchBar .btn:focus, .btn:active 
{
	outline:none; /* doesn't seem to be respected for <button>, only <a> */
}

div#footer ul.mainNav
{

  background-color:#fff;
  border:1px solid #a3a3a3;
  border-left:0px;
  text-align:center;
  line-height:36px;
  background-image:url('images/footerNavGrad.gif');
  background-repeat:repeat-x;
  background-position:top left;
  padding:0px;
  margin:9px 0px;

}

div#footer ul.mainNav li
{

  display:inline;
  
}

div#footer ul.mainNav li.first a
{

  border-left:0px;

}

div#footer ul.mainNav li a
{

  font-size:11px;
  font-weight:bold;
  color:#1279c6;
  text-decoration:none;
  padding:0px 18px;
  border-left:2px solid #666666;

}

div#footer ul.mainNav li a:hover
{

  color:#e16f00;
  text-decoration:underline;
  
}

div#footer div.legal ul.links
{

  padding:0px;
  margin:0px;
  float:left;
  width:570px;

}


div#footer div.legal ul.links li
{

  display:inline;
  font-size:11px;
  padding:0px;
  margin:0px;

}

div#footer div.legal ul.links li a
{

  color:#666666;
  padding:0px 18px;
  border-left:1px solid #666666;
  margin:0px;
  text-decoration:none;
  line-height:21px;
}

div#footer div.legal ul.links li.first a
{

  border:0px;
  margin:0px;
}

div#footer div.legal span.copyright
{

  float:left;
  display:inline;
  text-align:right;
  font-size:11px;
  width:382px;
  margin-right:18px;
  color:#666666;
  line-height:21px;

}