

body {
  background: url(bg_header.jpg) repeat-x top;
  background-color: #FFFFFF;
  margin: 0px;padding: 0px;
  font-family: "Arial", "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, lucida, sans-serif;
  font-size:12px;
  color: #334953;
}

h2 {
  color: #F09E36;
  margin: 0px 0px 10px 0px;
  border-bottom:1px solid #E7EFD1;
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
}
h3 {
  color: navey;
  margin: 0px 0px 10px 0px;
  border-bottom:1px solid #E7EFD1;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
}

h4 {
  margin: 0px 0px 10px 0px;
  font-size: 13px;
  font-weight: bold;
  color: #006AB4;
  text-transform: uppercase;
}

hr {
  border: 0px;
  border-bottom:1px solid #E7EFD1;
}

form { 
  margin:0;
  padding:0;
}
input, textarea, select 
{
  padding: 2px 2px 2px 2px;
}

a:link, a:visited {
  font: 12px Arial;
  color: #0064A7;
  text-decoration: none;
}

a:hover {
  font: 12px Arial;
  color: #0064A7;
  text-decoration: underline;
}


#wrapper { 
  width:821px; 
  margin: 0 auto;
  background: url(header.jpg) no-repeat center top; 
}


#navtop {
  height:22px;
  background: url(nav-top.png) no-repeat 144px bottom;
}

#header {
  height:107px;
}



#header-items{ 
  width:530px;
  float:right;
}

#logo {
  width:380px;
  float:left; 
  height:67px;
  background: url(logo.jpg) no-repeat 35px 7px;
}
#logo-link { 
  display:block; 
  width:368px;
  height:50px;
  margin: 10px 0px 0px 23px;
  text-indent: -999px;
  overflow: hidden;
}

#search_area{ 
  float:left; 
  margin:25px 0px 0px 65px;
}
#searchbox {
  float:left;
  text-align:left;
  padding:3px 10px 0px 0px;
  width:255px;
  height: 25px;
  background: url(search_box.jpg) no-repeat 0px top;
}
.search-bar {
  height:15px;
  width:230px;
  font: normal 11px Verdana;
  background: #FFFFFF;
  border: none;
  margin: 3px 0 0 27px; 
  padding:0
}
#go {
  border: 0px;
  width:100px;
  float:left;
  margin-top: -2px;
}



#main {
  padding:40px 40px 20px 40px;
  height:auto !important;
}

#home-top{ 
  margin:0px 0 0 0;
}

.clear { 
  clear: both;
  overflow: hidden;
  margin: 0;padding: 0;
  height: 1px;
}

#main_top{ 
  border:1px solid;
  margin:0px 0 0 0;
}

#main_dir {
  padding:0px 30px 0px 30px;
}
#box_dir_top {
  background: url(main_top.jpg) no-repeat center top; 
  height:25px;
  margin:0px;
}
#box_dir_middle {
  background: url(main_middle.jpg) repeat-y center top; 
  margin:0px;
}
#box_dir_bottom {
  background: url(main_bottom.jpg) no-repeat center top; 
  height:25px;
  margin:0px;
}


#box_listing_wrap {
  float:left;
  padding: 20px 10px 0px 10px;
}
#box_listing {
  float:left;
  width:460px;
  padding: 10px 10px 0px 10px;
}


#box_top {
  float:left;
  width: 440px;
  padding: 20px 23px 20px 27px; 
  background: url(box_top.png) no-repeat top;
}
#box_top p {
  margin:0;
}

#box_links {
  width: 230px;
  float:right;
  background: url(qty-dirs.gif) no-repeat 27px top;
}
#box_links ul {
  margin: 14px 0 5px 18px;
  padding-left: 0;
  list-style: none;
}
#box_links li {
  margin-bottom: 9px;
  padding: 0 10px 0 25px;
  background: url(arrow.gif) no-repeat 0 2px;
}

#footer{
  padding:10px 10px 20px 20px;
  margin:20px 0 0 0;
}


.detail_pic{ 
  float:left;
  padding: 2px;
  border: 1px solid #EBEBEB;
}
.detail_box{
  width:340px;
  float:right;
}


/** pr **/
div.pr {font-size: 6pt;color: #000;float: left;height: 30px;margin-right: 5px;margin-top:6px;}
div.prg{width: 40px;border: 1px solid #999999;height: 3px;font-size: 1px;}
div.prb{background: #5eaa5e;height: 3px;font-size: 1px;}
.box_listing_link{
  border:0px solid;
  padding: 10px 10px 10px 7px;
}
.prdiv{ 
  width:60px;
  float:left;
}
.ltdiv{
  font-size: 11px;
  width:370px;
  float:left;
  padding:0;
}
.ltdiv  a:hover, .ltdiv  a:visited, .ltdiv  a:link {
  font: 11px Arial;
  text-decoration:underline;
}

.feat_links {
  margin: 10px 0px 5px 0px;
  background-color: #FDFDFD;
  border:1px solid #EBEBEB;
}


/********** Menu Items *****************/
#menu {padding: 0;width: 478px;margin: 0}
#menu ul {height: 32px;width: 525px; margin: 0;padding: 0;position: relative;background: url(menu.jpg) no-repeat top left;}
#menu ul li {margin: 0;padding: 0;list-style: none;position: absolute;}
#menu ul li, #menu ul li a {height: 32px;display: block;}
#menu ul li a {text-indent: -9999px;text-decoration: none;overflow: hidden;}

#directory 	{ left: 0px; width: 105px !important; }
#directory a{ width: 105px; }
#submit  	{ left: 105px; width: 105px !important; }
#submit a 	{ width: 105px; }
#top   		{ left: 210px; width: 105px !important; }
#top a 		{ width: 105px; }
#latest 	{ left: 315px; width: 105px !important; }
#latest a 	{ width: 105px; }
#contact 	{ left: 420px; width: 105px !important; }
#contact a 	{ width: 105px; }

#directory	a:hover { background: url(menu.jpg) no-repeat 0px -32px;  width: 105px; }
#submit		a:hover { background: url(menu.jpg) no-repeat -105px -32px; width: 105px; }
#top		a:hover { background: url(menu.jpg) no-repeat -210px -32px; width: 105px; }
#latest		a:hover { background: url(menu.jpg) no-repeat -315px -32px; width: 105px; }
#contact	a:hover { background: url(menu.jpg) no-repeat -420px -32px; width: 105px; }

#menu ul li#directory.on   	a	{ background: url(menu.jpg) no-repeat 0px -32px; width: 105px; }
#menu ul li#submit.on 		a  	{ background: url(menu.jpg) no-repeat -105px -32px; width: 105px; }
#menu ul li#top.on  		a 	{ background: url(menu.jpg) no-repeat -210px -32px; width: 105px; }
#menu ul li#latest.on 		a  	{ background: url(menu.jpg) no-repeat -315px -32px; width: 105px; }
#menu ul li#contact.on 		a  	{ background: url(menu.jpg) no-repeat -420px -32px; width: 105px; }

/****** Form Elements ************/

/******** Categories ***********/
.catcont {margin: 20px 3px 0 3px}
.catcont2 {margin: 0;}
.cat-nav{margin: 0 0 5px 0; padding: 0;list-style: none;}
.cat-nav li{}
.cat-nav a:visited, .cat-nav a:link {font: bold 14px Arial;color: #363636;text-decoration:underline;}
.cat-nav a:hover{font: bold 14px Arial;color: #363636;text-decoration:none;}
.subcat-nav{margin:5px 0 10px 0;padding-left: 0;list-style: none;}
.subcat-nav li{margin:1px 0 0 3px;}
.subcat-nav a:visited, .subcat-nav a:link {font: 12px Arial;color: #334953;text-decoration:none;}
.subcat-nav a:hover{font: 12px Arial;color: #334953;text-decoration:underline;}
.catcount {font: 11px Arial; color: #0673a2;margin-left:5px}

/******** Side Bar ***********/
#sidebar{width: 280px;float:left;}
#q-dirs{width: 280px;float:left;background: url(qty-dirs.gif) no-repeat 27px top;}
#q-dirs ul{margin: 34px 0 5px 48px;padding-left: 0;list-style: none;}
#q-dirs li{margin-bottom: 9px;padding: 0 10px 0 25px;background: url(arrow.gif) no-repeat 0 2px;}
#sort-listing {width: 280px;float:left;background: url(sort.gif) no-repeat 27px top; }
#sort-listing ul{margin: 34px 0 5px 48px;padding-left: 0;list-style: none;}
#sort-listing li{margin-bottom: 9px;padding: 0 10px 0 25px;background: url(arrow.gif) no-repeat 0 2px;}
