/*
-----------------------------------
Styles for notjustapatient.com navigation
Author: Carter Stowell
Version: 16 Mar 2005
----------------------------------- */

/*
colors
  bg yeller: FFCF63
  red nav underscore: AF2900
*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-align: left
	}

h1, h2, h3, h4, h5, h6 { margin: 0 }
h2 { color: #990000; font-size: 125% }
h3 { font-size: 105%; margin-top: 20px }
h4 { font-size: 90%; margin-bottom: 5px }

form { margin: 0; padding: 0; }

p { margin-top: 0.8em; margin-bottom: 0.2em }

#wrap { border: 0; padding: 0}

#banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #FFCF63 url(../images/header_bg.gif) top left repeat-x;
	z-index: 5;
	}

#maincontent {
	position: absolute;
	top: 190px;
	left: 167px;
	width: 570px;
	margin: 0 0 0 28px;
	padding: 0;
	z-index: 5;
}

#topnav { 
	position: absolute;
	top: 183px;
	left: 0px;
	width: 167px;
	margin: 0 30px 15px 0;
	padding: 0;
	background: #FFCF63 url(../images/bg_nav.gif) top left no-repeat;
	z-index: 10;
	}

#topnav ul, #topnav ul ul {
	margin: 0;
	padding: 0;
	border-top: 0px;
	border-bottom: 0px;
	list-style-type: none;
	text-align: left;
	}


#topnav ul li, #topnav ul ul li {
	display: block;
	padding: 0;
	margin: 0;
	text-align: left;
	border-bottom: 1px solid #AF2900;
	}

#topnav ul li a, #topnav ul li.subnav_header {
	display: block;
	margin: 0;
	padding: 2px 0 2px 12px;
	color: #000000;
	text-transform:uppercase;
	font-family:  Futura, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:    10pt;
	font-weight: normal ;
	line-height: 1.2em;
	text-decoration: none;
	}


#topnav ul li a:hover, #topnav ul li a:active, #topnav ul li a.here {
	color: #FFF;
	background: #AF2900;
	}

#footer {
	position: relative;
	border-top: 1px solid #900;
	margin: 50px 0 0 0;
	font-size: 80%
}
#footer p { margin: 2px 0 0 0; padding: 0}

/* subnav styles */
#topnav ul ul { margin-left: 10px }
#topnav ul ul li { border-bottom: 1px dotted #AF2900 }
#topnav ul ul li a { padding-left: 15px; text-transform: lowercase }
#topnav ul ul li.subnav_last { border: none; margin: 0; padding: 0 }
#topnav ul li.subnav_header { border: 0px dotted #000 }
#topnav ul li.after_subnav_last { border-top: 1px solid #AF2900 }

/* links */
a:link, a:visited { color: #990000 }
a:active, a:hover { }

/* misc */

#maincontent ul, #maincontent ol { margin: 0; padding: 0 }
#maincontent li { margin: 7px 0 15px 30px }

#floatbox, #floatboxalt {
	float:right;
	width: 220px;
	margin-right: 5px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px;
	background-color: #FFE3A1;
	border: 1px solid #AF2900;
	}
#floatbox p { margin-top: 0 }

img.righty { margin-left: 12px; margin-bottom: 6px; }
img.lefty { margin-right: 12px; margin-bottom: 6px; }

#pullphote { float: right; margin:0; padding: 0 0 0 7px;}
#pullphote dt { margin: 0; padding: 0; text-align: center; }
#pullphote dd {  margin: 0; padding: 0; text-align: center; font-weight: normal; }

#tbl-order { margin: 0; padding: 0; }
#tbl-order td { margin: 0 ; padding: 2px;  border-bottom: 1px dotted #990000; }

#tbl-shipping { margin: 0; padding: 0; border: 1px solid #FFE7B0; }
#tbl-shipping th { background: #FFE7B0; text-align: left; margin: 0 ; padding: 2px; }
#tbl-shipping td { margin: 0 ; padding: 0;  border-bottom: 1px solid #FFE7B0; }