/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color: #ccc;
	text-align: center;
	}

#wrapper {
	margin: 10px auto;
	text-align: left;
	width: 630px;
	background-color: #fff;
	}
	
#container {
	margin: 0px;
	background-color: #fff;
	}

#headnav {
	padding-bottom: 0;
	xwidth: 630px;
	height: 25px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left top;
	clear: left;
	background-image: url(../images/top.jpg);
	overflow: hidden;
	}
	
#nav {
	text-align: right;
	height: 25px;
	}
	
#logobox {
	xwidth: 630px;
	height: 105px;
	background-image: url(../images/top1.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
	
#gutter {
	xwidth: 630px;
	height: 20px;
	padding-left: 5px;
	background-image: url(../images/wedge.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
	
#navtop {
	text-align: right;
	height: 20px;
	padding-right: 4px;
	}
	
#navtop a {
	padding-right: 13px;
	padding-left: 13px;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	}
	
#navtop a:link {
	color: #000;
	}
	
#navtop a:hover {
	color: #666;
	}
	
#navtop span {
	background: url(../images/nav-divider.gif) no-repeat center bottom; 
	color: #fff;
	}
	
#contentarea {
	xwidth: 630px;
	font-family: 10px Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: left;
	}
	
#contentarea a {
	color: #003399;
	font-size: 11px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	}
	
#contentarea a:link {
	color: #003399;
	}
	
#contentarea a:hover {
	color: #fff;
	}
	
#pagename {
	background: #fff url(../images/top1.gif) no-repeat center;
	xwidth: 630px;
	height: 37px;
	margin-top: 0;
	padding: 0 0 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	}
	
#contentbox1 {
	padding: 10px 10px 10px 15px;
	width: 595px;
	height: 100%;
	background-color: #94BEE7;
	background-image: url(../images/leftside.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 5px;
	}

#contentbox1 ul li {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	}
	
#side {
	font: bold 25px Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	padding: 5px 0 5px 5px;
	float: right;
	width: 155px;
	height: 100%;
	background-color: #94BEE7;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #FFFFFF;
	}
	
#contentbox1foot {
	background-image: url(../images/bottom0.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 30px;
	}
	
#footnav {
	background-image: url(../images/bottom.gif);
	height: 37px;
	}

#navf {
	text-align: center;
	height: 25px;
	padding-top: 8px;
	}
	
#navf a {
	padding-right: 13px;
	padding-left: 13px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	}
	
#navf a:link {
	color: #fff;
	}
	
#navf a:hover {
	color: #000;
	}
	
#navf span {
	background: url(../images/nav-divider.gif) no-repeat center bottom; 
	color: #fff;
	}

#copyright1 {
	background-color: #ccc;
	height: 25px;
	width: 630px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 5px 0;
	}

#subnav {
	margin-top: 4px;
	float: right;
	width: 425px;
	text-align: left;
	}
	
#subnav a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	}
	
#subnav a:hover {
	color: #666666;
	}
	
#contentbox {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #8E7F73;
	border-bottom-color: #8E7F73;
	border-top-color: #8E7F73;
	border-left-color: #8E7F73;
	background-color: #46352B;
	padding: 10px 10px 10px 10px;
	width: 455px;
	}

#contentbox2 {
	padding: 10px 10px 10px 15px;
	}

hr {
	color: #000;
	}

h1 {
	padding: 0px 0px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FE6205;
	}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	}
	
#acrobat {
	margin: 10px 0;
	height: 35px;
	}
	
p {
	font: 11px/18px verdana, arial, helvetica, sans-serif;
	}

.yellow {
	font-weight: bold;
	color: #FFFF00;
	}

.orange {
	font-weight: bold;
	color: #FF6600;
	}
	
.orange1 {
	color: #FE6205;
	}

.brown {
	color: #666666;
	}

#sidenav {
	margin: 25px 0 0 25px;
	float: right;
	width: 150px;
	height: 100px;
	padding: 0;
	}

#sidenavone a {	
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	}
	
#sidenavone a:hover {
	color: #8E7F73
	}
	
#sidenavone ul {
	background: #543F33;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
	
#sidenavone ul li {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: none transparent scroll repeat 0% 0%;
	display: inline;
	}
	
#sidenavone ul a {
	padding: 3px 0 0 25px;
	border-right: 1px solid #8E7F73;
	border-bottom: 1px solid #8E7F73;
	display: block;
	text-decoration: none;
	height: 15px;
	background: none transparent scroll repeat 0% 0%;
	}
	
#sidenavone ul .forthnav {
	padding-left: 30px;
	}

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 65px;
  text-align: left;
  }

div.row span.formw {
  float: left;
  width: 235px;
  text-align: left;
  }

div.spacer {
  clear: both;
  }

.button {
	border-right: #999 3px double;
	padding: 0.1em;
	border-top: #ccc 3px double;
	margin-top: 3px;
	font-size: 1.1em;
	border-left: #ccc 3px double;
	color: #333;
	border-bottom: #999 3px double;
	background-color: #fff;
	}
	
/*rounded corner box----------------------------------------*/

.bl {
	background: url(../images/bl.gif) 0 100% no-repeat #ecebe3;
	width: 10em;
	}

.br {
	background: url(../images/br.gif) 100% 100% no-repeat;
	}
 
.tl {
	background: url(../images/tl.gif) 0 0 no-repeat;
	}
 
.tr {
	background: url(../images/tr.gif) 100% 0 no-repeat;
	padding:10px;
	}

.clear {
	font-size: 1px;
	height: 1px;
	}

/*Photo frame box----------------------------------------*/

div#footer {
	clear: both;
	padding-top: 3em;
	font: 85% Verdana, sans-serif;
	}
	
div.pic {
	float: left; \
	height: 130px;
	width: 130px;
	padding: 25px;
	margin: 5px 3px;
	background: url(../images/frame-ls.gif) center no-repeat;
	}
	
div.pt {
	background-image: url(../images/frame-pt.gif);
	}
	
div.pic img {
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
	}
	
div.ls img {
	height: 96px;
	width: 128px;
	margin: 30px 0 0;
	}
	
div.pt img {
	height: 128px;
	width: 96px;
	margin: 0 16px;
	}
	
div.pt ul {
	display: none;
	}
	
div.pic ul {
	margin: 0;
	padding: 0;
	}
	
li.price, li.catno {
	display: none;
	}
		
li.title {
	list-style: none;
	text-align: center;
	color: #999;
	font: bold 9px Verdana, sans-serif;
	margin: 2px 15px;
	}