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




body {
	background:white;
	font-family: Helvetica, Arial, sans-serif;
	text-align:center;

}
#skip {
	display: none;
}
#container {
	width:100%;
	position:relative;
}



#head_container {
	height:180px;
}
#head {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:150px;
}
#head h3, #head legend {
	font-size:11px;
	font-weight:bold;
	padding:6px 0px 0px 6px;
}
#head h3, #head h3 a, #head legend {
	color:white;
}
#head #search {
	float:left;
	width:40%;
	height:77px;
	margin:0;
}
#head #search #searchform {
	display:block;
	background:url(../img/search-container.gif) no-repeat left top;
	padding:0px 0px 0px 10px;
	margin:0px auto 0px 20px;
	position:relative;
	width:300px;
	margin:31px auto 0;
}
#head #search .container {
	background:white url(../img/search-container.gif) no-repeat right top;
	padding:0px 7px 0px 0px;
	height:77px;
}
#head #search .container #searchbox {
	font-size:11px;
	width:220px;
	float:left;
	background:white;
	border:0px;
	clear:left;
	margin:12px 0px 0px 0px;
}
#head #search .container #searchfilters {
	text-align:left;
	font-size:11px;
	width:100%;
	margin:8px 0px 0px 0px;
}
#head #search .container #searchfilters fieldset {
	position:relative;
	float:left;
	width:33%;
}
#head #search .container #searchfilters fieldset legend label {
	position:absolute;
	top:-20px;
	left:0px;
}
#head #search .container #searchfilters fieldset select {
	position:absolute;
	top:0px;
	left:0px;
	font-size:11px;
	width:95%;
}
#head #search .container #searchsubmit {
	background:url(../img/search-submit.gif) no-repeat 0px 0px;
	cursor:pointer;
	z-index:1000;
	display:block;
	width:40px;
	height:20px;
	float:right;
	margin-top:9px;
}



#head #search .container #searchfilters .flt_cnt {
	position:relative;
	padding:3px 2px 0px 0px;
	float:left;
	color:#583f25;
	height:17px;
}
#head #search .container #searchfilters .flt_cnt:hover {
	background:#583f25;
	color:white;
}
#head #search .container #searchfilters .flt_cnt div {
	overflow:hidden;
	height:14px;
	white-space:nowrap;
	float:left;
}
#head #search .container #searchfilters .flt_cnt span.flt_cnt_title {
	background:url(../img/arrow-down.gif) no-repeat 0px 3px;
	font-size:11px;
	line-height:12px;
	font-weight:bold;
	padding:0px 2px 0px 0px;
	white-space:nowrap;
}
#head #search .container #searchfilters .flt_cnt:hover span.flt_cnt_title {
	background:url(../img/arrow-down.gif) no-repeat 0px -29px;
}
#head #search .container #searchfilters .flt_cnt span.flt_cnt_val {
	font-size:11px;
	line-height:12px;
	padding:0px 2px 0px 0px;
}
#head #search .container #searchfilters .flt_cnt:hover span.flt_cnt_val {
	color:#E6DCD4;
	white-space:nowrap;
}





#head #search .container #searchfilters .flt_cnt ul {
	background:#583f25;
	position:absolute;
	top:20px;
	left:0px;
	display:none;
	color:white;
	z-index:2000;
}
#head #search .container #searchfilters .flt_cnt:hover ul {
	display:block;
	padding:2px;
}
#head #search .container #searchfilters .flt_cnt ul li {
	background:#583f25;
}
#head #search .container #searchfilters .flt_cnt ul li a {
	padding:3px 4px;
	display:block;
	white-space:nowrap;
	line-height:10px;
}
#head #search .container #searchfilters .flt_cnt ul li a:hover, #head #search .container #searchfilters .flt_cnt ul li a.current {
	background:#E6DCD4;
	color:#583f25;
	line-height:10px;
}













#logo {
	float:left;
	width:19%;
	padding:10px 0px 0px 0px;
	text-align:center;
}
#logo img {
	margin:0px 0px 0px 0px;
}





#head #basket {
	background:url(../img/phone_v2.gif) no-repeat center 5px;
	float:left;
	width:40%;
	height:100px;
}
#head #basket .container {
	background:url(../img/basket-container.png) no-repeat center top;
	margin:31px 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:white;
}
#head #basket .container .items {
	position:absolute;
	top:30px;
	left:6px;
	color:#02134e;
}
#head #basket .container .total {
	position:absolute;
	top:30px;
	right:10px;
	color:#02134e;
}










#nav {
	height:28px;
	width:100%;
	position:absolute;
	top:130px;
	left:0px;
	z-index:2; /* added for homepage h1 - pr */
}

#nav p.nav-strapline{
	color:#2555ab;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:11px;
	margin-bottom:4px;
	}

#nav .pad {
	padding:0px 18px 0px 0px;
}
.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 ul li a {
	background:#3a466c url(../img/nav.gif) repeat-x -8px -73px;
	color:white;
	padding:7px;
	font-size:11px;
	font-weight:bold;
	color:white;
	white-space: nowrap;
}
.nav ul li.start a {
	background:#3a466c url(../img/nav.gif) repeat-x 0px -73px;
	padding: 7px 7px 7px 15px;
}
.nav ul li.end a {
	background:#3a466c url(../img/nav.gif) no-repeat right -73px;
	padding: 7px 15px 7px 7px;
	margin-left:1px;
}

.nav ul li a.current, .nav ul li:hover a, .nav ul li a:hover {
	color:#274885;
}
/* Main Nav Special/Current */
.nav ul li a.special {background:#958D80 url(../img/nav.gif) repeat-x -8px -110px;}
.nav ul li.end a.special {background:#958D80 url(../img/nav.gif) no-repeat right -110px;}
.nav ul li a.current {background:#FFF8F0 url(../img/nav.gif) repeat-x -8px 0px;}
.nav ul li.start a.current {background:#E6DCD4 url(../img/nav.gif) repeat-x 0px 0px;}
.nav ul li.end a.current {background:#E6DCD4 url(../img/nav.gif) repeat-x right 0px;}
/* Main Nav Hovers */
.nav ul li a:hover {background:#FFFEF9 url(../img/nav.gif) repeat-x -8px -36px;}
.nav ul li:hover a {background:#FFFEF9 url(../img/nav.gif) repeat-x -8px -36px;}
.nav ul li.start a:hover {background:#FFFEF9 url(../img/nav.gif) repeat-x 0px -36px;}
.nav ul li.end a:hover, .nav ul li.end:hover a {
	background:#FFFEF9 url(../img/nav.gif) repeat-x right -36px;
}
/* Nav Drop Downs */
.nojs .nav ul li:hover ul {
	display:block;
}
.nav ul li ul {
	display:none;
	position:absolute;
	top:20px;
	left:0px;
	width:175px;
	padding:7px 0px 0px 0px;
	border-bottom:solid 2px black;
}
.nav ul li ul li {
	display:block;
	background:#887814;
	text-align:left;
	float:left;
	clear:left;
	width:175px;
}
.nav ul li ul li, .nav ul li ul li.end {
	margin: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, .nav ul li.end:hover ul li a {
	display:block;
	background:#3a466c url(../img/subnav.gif) repeat-x 0px 0px;
	clear:left;
	border-top:solid 1px black;
	border-right:solid 2px black;
	border-left:solid 1px black;
	padding:5px;
	color:white;
}
/* 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;
	color:#274885;
}
/* 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, .nav ul li:hover ul li a:hover  {
	background:white;
	background:white;
	color:#274885;
}

















#content {
	text-align:left;
	padding:15px 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-brown.png) no-repeat 0px 4px;
	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 #copyright{
	font-size:12px;
	color:#3d4759;
	padding:10px 0px;
}
#foot #oakslogo img {
	margin:0px 0px 22px 0px;
}
#foot #oakscraftlogo img {
	margin-bottom:6px;
}
#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;
	font-size:11px;
}
#foot li a {
	border-right:solid 1px #02134e;
	padding:0px 5px 0px 0px;
	margin:0px 3px 0px 0px;
	white-space:pre;
}
#foot li, #foot li a {
	color:#02134e;
}
#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;
}