/* UNIVERSAL SETTINGS */

body {
  margin: 0;
  padding: 0;
  color: #000;
  background: #fff;
  font-size: 76%;
  font-family: arial, helvetica, sans-serif; }

p, td, ul, ol, ul, li, dl, dt, dd {
  font-size: 100%;
  font-family: arial, helvetica, sans-serif; }
  
h2 {
  font-size: 120%;
  color: #006699;
  font-family: verdana, arial, sans-serif;
  margin: 0;
  padding: 0 0 .25em 0;
}

a:link { color: #006699; }
a:visited { color: #33C; }

.hide { display: none; }

.clear {
  clear: both;
  font-size: 0;
}
  
form { margin: 0; }

img { border: none; } 

#container {
  margin: auto; /* centers whole on pg */
  border: 1px solid #666;
  border-top: 0; /* removes opera top margin */
  width: 752px; /* need to hold banner in */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 750px;
} body>#container { /* opera width */
  width:750px;
}

td {
  padding: 0;
  margin: 0;
  border-width: 0;
  vertical-align: top;
}

/* MAIN TABLE BASICS */

#main {
  width: 750px;
  margin: 0;
  padding: 0;
  background: #fff;
  font-size: 100%;
  line-height: 1.3em;
  }

/* TITLEBAR */
#titlebar  {
  background: #fff;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  padding: .3em 0 .3em 15px;
  }

#titlebar h1, #titlebar h3 {
  color: #996;
  padding: 0;
  margin: 0;
}

#titlebar h1 {
  font-size: 18pt;
  line-height: 1.1em; /* closes subhead-head gap */
  }

#titlebar a {
  color: #996;
  text-decoration: none;
  }

#titlebar h3 { /* top-level subhead */
  font-family: verdana, arial, sans-serif; /* verdana larger */
  font-size: 9pt;
}


/* TWO COL FORMAT */
#a2 { width: 150px; border-right: 1px solid #666; }
#b2 { width: 600px; }

/* THREE COL FORMAT */
#a3 { width: 180px; }
#b3 { width: 370px; }
#c3 { width: 200px; }
#a3, #b3 { border-right: 1px solid #666; }


/* FOUR COL FORMAT */
#a4, #b4, #c4 {
  width: 187px;
  border-right: 1px solid #666;
}
#d4 { width: 189px; }

/* VERTICAL NAVIGATION LINKS */ 

#mainlinks {
  margin-bottom: 1em;
  line-height: 1.4;
}

#mainlinks ul {
  list-style: none;
  margin: 0; /* keeps left link boxes snug */
  padding: 0; /* ditto */
}

#mainlinks li {
  border-bottom: 1px solid #ccc;
}

#mainlinks li.divider {
  border-bottom: 5px solid #006699;
}

#mainlinks li a {
  display: block; /* lines go all the way */
  padding: 1px  0.5em 1px 15px;
  text-decoration: none;
}

#mainlinks li a:visited {
  color: #006699;
}

#mainlinks li a:hover {
  background: #cc9;
  color: #006699;
}

#mainlinks .linkhead h3 {
  border-bottom: 1px solid #ccc;
  color: #666;
  font-family: verdana, arial, sans-serif;
  font-size: 100%;
  font-weight: 700;
  margin: 0;
  padding: .5em 15px 0 15px;
}

/* HEADLINE STYLES */

h2.colorbar, h2.bar {
  background: #006699;
  color: #fff;
  font-family: verdana, arial, sans-serif;
  font-size: 100%;
  margin: 0; /* closes top gap */
  padding: .25em 0 .25em 15px;
  }

/* MAIN TEXT */

.maintext {
  padding: .1em 1em .5em 15px;
}

.maintext h2 {
  font-size: 120%;
  color: #006699;
  font-family: verdana, arial, sans-serif;
  margin: 0;
  padding: 0 0 .25em 0;
}

.maintext h3, .maintext h4 {
  font-family: verdana, arial, sans-serif;
  font-size: 100%;     
  margin: 0; /* closes top gap */
  padding: .5em 0 0 0;
}

.maintext p {
  margin: 0;
  padding: 0 0 .5em 0;
  }

.maintext ul, .maintext ol {/* moves lists flush left */
  margin: 0;
  padding: 0 0 .5em 15px;
}

.maintext ol {
  padding-left: 20px; /* alpha wider than bullets */ }

/* HEADS W BACKGROUND BAR */

h2.bar {
  background: #006699;
  color: #fff;
  font-size: 100%;
  font-family: verdana, arial, sans-serif;
  margin: 0; /* closes top gap */
  padding: .25em 0 .25em 15px;
}

h2.bar a {
  color: #fff !important;
  text-decoration: none !important;
}

h2.bar a:hover {
  color: #cc9 !important;
}


/* CUTLINE */

.cutline {
  font-size: x-small;
  margin: 0;
  padding: .5em 1em .5em 15px;	
}

/* HIGHLIGHTS */

#hilite {   /* highlight for bottom right */
  vertical-align: bottom;
}

#hilite2 { /* khaki bar along highlight */
  background: #fff url(/stores/mwps/images/cc9.gif) left 
repeat-y;
  border-top: 1px solid #666;
  margin: 0;
  padding: .5em .5em .5em 2em;
}


/* FOOTER */

#footer {
  border-top: 2px solid #006699;
  font-size: 85%;
  line-height: 1.1em;
  padding: 1em 15px;
}

#copyright p {
  margin: 0;
  line-height: 1.3em;
}

#pda {
  padding: 1em 1em 0 15px;
}

#pda a:hover {
  color: #c00;
} 


#pda {
  padding: 1em 1em 0 15px;
}

#pda a:hover {
  color: #c00;
} 

/* NON-BULLETED LISTS */
ul.sublist {
  list-style-type: none;
  padding: 0;
  margin: 0 .5em .5em 0;
}

.sublist li { 
  padding-left: 15px; text-indent: -15px;
}

#main li a:hover { 
  color: #c00;
}

/* FOUR COLUMN NO LEFT NAV */

#a4, #b4, #c4 {
  width: 187px;
  border-right: 1px solid #666;
  padding-bottom: .5em;
}

#d4 {
  width: 189px;
}

.mainphoto {
  background: #666; /* fills in color between cutline and pic */
}

.mainphoto p {
  background: #666;
  color: #fff;
  margin: 0;
  padding: .3em 1em .4em 15px;
}

        	
/* BANNER  AND INDEX */
#masthead, #mastheadni { 
  background: #006699;
  display: block;
  font-family: arial,verdana,sans-serif;
  margin: 0;
  padding: 0;
  width: 750px;
}

#mastheadni {
  padding: 5px 0 5px 0; 
}

#nameplate {
  width: 221px;
  background: #006699;
  float: left;
  padding: 6px 6px 0 15px;
}

#index {
  background: #996;
  float: right;
  margin: 0;
  padding: 0 0 0 0;
  white-space: nowrap;
  width: 418px;
}  

#indexlabel, a.abc:link, a.abc:visited {
  float: left;
  margin: 0;
  text-decoration: none;
  color: #fff;
  font-size: 90%;
  }

#indexlabel {
  background: #000 url(images/llcurve.gif) bottom 
  left no-repeat;
  width: 42px;
  padding: 2px 2px 2px 5px;
  letter-spacing: 1px;
  }

a#indexlabel:hover, a#indexlabel:focus {
  text-decoration: underline;
  }

a.abc:link, a.abc:visited {
  background: #996;
  display: block;
  width: 14px;
  padding: 2px 0;
  text-align: center;
  }

a.abc:hover, a.abc:focus {
  background: #006699;
  }

#a { margin-left: 3px; }

#search {
  clear: right; /* prevents drift into index */
  color: #fff;
  text-align: right;
  margin: 0;
  padding: 3px 5px 5px 5px;
  white-space: nowrap;
  background: #006699;
}

#search a {
  color: #fff;
  text-decoration: none;
}

#search a:hover {
  text-decoration: underline;
}

#search input {
  font-size: xx-small;
}


.border {
	border: 1px solid #666666;
}
.head3col { border-bottom: 1px solid #666; }

.pagetitle { font-size: 120%; margin: 5px 0 5px 15px; }

.largerbodytext {font-size: 110%;}

.viewpub_largeblue {font-size: 110%; color: #006699; font-weight:bold; }

.viewpub_blue {color: #006699; }

.viewpub_largeitalic {font-size: 110%; font-style:italic; font-weight:bold; }

/* Custom */

#mainlinks li.navitem1 { padding-left: 15px; background-color: #D8ECF3; }
#mainlinks li.navitem1 a { background-color: #D8ECF3; }
#mainlinks li.navitem1 a:hover { background-color: #D8ECF3; }

#mainlinks li.navitem2 { padding-left: 30px; background-color: #80B8CD; }
#mainlinks li.navitem2 a { background-color: #80B8CD; }
#mainlinks li.navitem2 a:hover { background-color: #80B8CD; }

.product_image { border: 1px solid #999966; }

.lightborder_bottom { border-bottom: 1px dotted #80B8CD; }
.lightborder_right { border-right: 1px dotted #80B8CD;}

.product_cell { padding: 10px 0px 10px 0px; text-align: center;}
.product_cell a{  }
.product_cell a:hover {  }

.subCategoryCell { padding: 10px 0px 10px 0px; text-align: left; }
.subCategoryCell a { text-decoration: none; }

.breadcrumbs {
	font-size: 10px;
	color: #006699;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 3px;
}
	
.breadcrumbs a {
	font-size: 10px;
	color: #006699;
	text-decoration: none;
}

.breadcrumbs a:hover {
	font-size: 10px;
	color: #006699;
	text-decoration: none;
}

.breadcrumbs a:visited {
	font-size: 10px;
	color: #006699;
	text-decoration: none;
}
/* -------------- FORM ------------------------- */


.heading1 {   
	font-size: 120%;
	color: #006699;
	font-family: verdana, arial, sans-serif;
	margin: 0;
	padding: 0 0 .25em 0;}
	
.formHeader, .tableHeader { background-color: #999966; color: #FFFFFF; vertical-align: top; font-size: 13px; font-weight: bold; padding: 3px;  }
.fieldLabel { color: #3E3E3E; vertical-align: top; font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 12px; width: 35%; text-align: right; }
.fieldLabelError { color: #FF3333; vertical-align: top; font-weight: bold; width: 35%; text-align: right; }

.requireField { color: #FF0000; vertical-align: top; }
.fieldLabel { padding: 3px 0px 0px 0px; vertical-align: top; color: #006699; }
.fieldValue { padding: 3px 0px 3px 3px;}
.fieldInput { border: 1px solid #006699; }
.fieldRequire { color: #FF3333; }
.errorMessage {color: #FF3333; padding-left: 10px;  }
.error { color: #FF3333; }
.note { font-size: 11px; line-height: 120%; color: #909090; }

.addToBasket { color: #46792C; border-style: solid; border-color: #8EC75A; border-width: 1px; background-color: #E5F6D6; text-decoration: none;  text-align: center; font-size: 11px; }
.cartitem { border-bottom: 1px solid #E0E0C2; padding: 4px;  }
.cartHeader { background-color: #999966; color: #FFFFFF; vertical-align: top; font-size: 12px; font-weight: bold; padding: 3px;  }
.cartFooter { color: #ededed; height: 1px; }
.cartStepGhost {color: #b9b9b9;}
.cartStepCurrent {}

.evenRow { background-color: #D8ECF3; padding: 5px; }

.button { background-color: #D8ECF3; border: 1px solid #999966; }
.buttonOver { background-color: #D8ECF3; border: 1px solid #999966; }