em, i {
	font-style:italic;
	font-size:95%;
}
strong, b {
	font-weight:bold;
	font-size:95%;
}
td, th {
	font-size:12px;
}
a {
	cursor:pointer;
}




body {
	background:#F9F5EB url(../img/body.gif) repeat-y center top;
	font-family: Helvetica, Arial, sans-serif;
	text-align:center;

}
#skip {
	display: none;
}



#head {
	height:146px;
}
#head h3 {
	font-size:11px;
	font-weight:bold;
	padding:6px 0px 0px 6px;
}
#head #search {
	background:url(../img/header.gif) no-repeat center top;
	float:left;
	width:33%;
	height:120px;
}
#head #search .container {
	background:#A79A6F url(../img/search-container.gif) no-repeat center top;
	margin:55px auto 0px auto;
	width:210px;
	height:57px;
	position:relative;
}
#head #search .container h3 {
	text-align:left;
}
#head #search .container #searchbox {
	position:absolute;
	top:31px;
	left:8px;
	font-size:11px;
	border:0px;
	width:145px;
}
#head #search .container #searchsubmit {
	position:absolute;
	top:28px;
	left:161px;
	cursor:pointer;
}
#head #logo {
	float:left;
	width:33%;
	padding:22px 0px 0px 0px;
}
#head #logo img {
	margin:auto;
}
#head #basket {
	background:url(../img/header.gif) no-repeat center top;
	float:left;
	width:33.9%;
	height:120px;
}
#head #basket .container {
	background:#A79A6F url(../img/basket-container.gif) no-repeat center top;
	margin:55px auto 0px auto;
	width:210px;
	height:57px;
	position:relative;
	font-size:11px;
}
#head #basket .container a:hover {
	text-decoration:underline;
}
#head #basket .container h3 {
	float:left;
}
#head #basket .container .account a {
	position:absolute;
	top:5px;
	right:10px;
	font-weight:bold;
	color:#58513E;
}
#head #basket .container .items {
	position:absolute;
	top:30px;
	left:6px;
	color:#FFFFFF;
}
#head #basket .container .total {
	position:absolute;
	top:30px;
	right:10px;
	color:#FFFFFF;
}










#nav {
	height:28px;
	width:100%;
}
.nav {
	padding:3px 0px;
}
/* Main Nav */
.nav ul {
	text-align:center;
}
.nav ul li {
	display:inline;
	margin:0px -4px 0px 0px;
	position:relative;
	/* float:left; (Necessary for Opera Browser - but will need to add jscript to center links on page) */
}
#nav .nav ul li {
	z-index: 100;
}
.nav ul li a {
	background:#DBD6B8 url(../img/nav.gif) repeat-x -8px -74px;
	color:white;
	padding:7px;
	font-size:11px;
	font-weight:bold;
	color:#494334;
	white-space: nowrap;
	border-right:solid 1px #A79A6F;
}
.nav ul li.start a {
	background:#DBD6B8 url(../img/nav.gif) repeat-x 0px -74px;
	padding: 7px 7px 7px 15px;
}
.nav ul li.end a {
	background:#DBD6B8 url(../img/nav.gif) no-repeat right -74px;
	border-right:none;
	padding: 7px 15px 7px 7px;
}
/* Main Nav Special/Current */
.nav ul li a.special {background:#A79A6F url(../img/nav.gif) repeat-x -8px -111px;}
.nav ul li.end a.special {background:#A79A6F url(../img/nav.gif) no-repeat right -111px;}
.nav ul li a.current {background:#F2EDB7 url(../img/nav.gif) repeat-x -8px 0px;}
.nav ul li.start a.current {background:#F2EDB7 url(../img/nav.gif) repeat-x 0px 0px;}
.nav ul li.end a.current {background:#F2EDB7 url(../img/nav.gif) repeat-x right 0px;}
/* Main Nav Hovers */
.nav ul li a:hover {background:#F0E596 url(../img/nav.gif) repeat-x -8px -37px;}
.nav ul li:hover a {background:#F0E596 url(../img/nav.gif) repeat-x -8px -37px;}
.nav ul li.start a:hover {background:#F0E596 url(../img/nav.gif) repeat-x 0px -37px;}
.nav ul li.end a:hover {background:#F0E596 url(../img/nav.gif) repeat-x right -37px;}
/* Nav Drop Downs */
.nav ul li:hover ul {
	display:block;
}
.nav ul li ul {
	display:none;
	position:absolute;
	top:20px;
	left:0px;
	width:150px;
	padding:7px 0px 0px 0px;
	border-bottom:solid 2px #887814;
}
.nav ul li ul li {
	display:block;
	background:#887814;
	text-align:left;
	float:left;
	clear:left;
	width:150px;
	margin:0px 0px 0px 0px;
}
.nav ul li ul li a, .nav ul li:hover ul li a, .nav ul li.start ul li a, .nav ul li.end ul li a, .nav ul li ul li.start a, .nav ul li ul li.end a {
	display:block;
	background:white url(../img/subnav.gif) repeat-x 0px 0px;
	clear:left;
	border-top:solid 1px #887814;
	border-right:solid 2px #887814;
	border-left:solid 1px #887814;
	padding:5px;
}
/* Nav Drop Down Current */
.nav ul li ul li a.current, .nav ul li ul li.start a.current, .nav ul li ul li.end a.current {
	background:#F0E596 url(../img/nav.gif) no-repeat -9px -37px;
}
/* Nav Drop Down Hovers */
.nav ul li ul li a:hover, .nav ul li ul li.start a:hover, .nav ul li ul li.end a:hover {
	background:white;
}

















#content {
	text-align:left;
	padding:25px 0px 10px 0px;
}
#content h1, #content h2, #content h3 {
	font: 24px Georgia, "Times New Roman", Times, serif;
	color: #2C2922;
	text-align:center;
	padding:0px 0px 20px 0px;
}
#content h2 {
	font-size: 18px;
}
#content h2.strap {
	font-size: 14px;
	font-style: italic;
	color: #727201;
}
#content h3 {
	font-size: 14px;
	color:#494334;
}
#content p, #content li {
	font-size:12px;
	color:#2C2922;
}
#content p {
	padding:0px 0px 15px 0px;
}
#content ul {
	padding:0px 0px 5px 0px;
}
#content li {
	background:url(../img/bullet.gif) no-repeat 0px 5px;
	padding:0px 0px 10px 8px;
}
#content .nav li {
	background:none;
	padding:0px;
}





#foot {
	height:75px;
	clear:left;
}
#foot #logos {
	padding:0px 0px 20px 0px;
	float:left;
	width:33%;
}
#foot #logos span {
	margin:0px 10px;
}
#foot #oakslogo img {
	margin:0px 0px 22px 0px;
}
#foot #legal, #foot #info {
	background:url(../img/footer.gif) no-repeat center 20px;
	float:left;
	width:33%;
}
#foot #info {
	float:right;
}
#foot ul {
	padding:2px 0px 13px 0px;
	font-size:1px;
}
#foot li {
	display:inline;
	color:#58513E;
	font-size:11px;
}
#foot li a {
	border-right:solid 1px #58513E;
	padding:0px 5px 0px 0px;
	margin:0px 3px 0px 0px;
	color:#58513E;
	white-space:pre;
}
#foot li.end a {
	border:0px;
	padding:0px;
	margin:0px;
}
#foot li a:hover {
	text-decoration:underline;
}





.messagebox {
	text-align:center;
	padding:0px 0px 100px 0px;
}