@charset "utf-8";

/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}

fieldset,img,abbr{border:0;}

address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}

ul {list-style:none;}

caption,th {text-align:left;}

/***** Global Elements *********/

body {background: url(../images/bg.png) repeat-x top;font: 13px/1.4em Arial;color: #322e2f;}

a { color: #eba104; text-decoration:underline;}

a:hover{text-decoration:none;}

p { margin:0;padding: 0 0 9px 0;}

h1 {color: #322e2f;margin: 6px 0px 10px 0px;padding-bottom: 10px;font: normal 22px Georgia, serif;background: url(../images/hdot.gif) repeat-x bottom;}

h2 {color: #322e2f;margin: 6px 0px 5px 0px;padding:0;font: bold 15px Georgia, serif;}

h3 {color: #322e2f;margin: 6px 0px 5px 0px;padding-bottom: 10px;font: normal 18px Georgia, serif;background: url(../images/hdot.gif) repeat-x bottom;}

h4 {color: #322e2f;margin: 10px 15px 15px 10px;padding-bottom: 10px;font: normal 18px Georgia, serif;background: url(../images/hdot.gif) repeat-x bottom;}

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

.yel { color:#f3a90b;}

.box {margin: 10px 35px 15px 15px;padding: 20px;background:#FFFBEC;border: 1px solid #FFF8D9;}

.box td {height: 25px;}

.box:hover {background:#FFF4D2;border: 1px solid #FFEDB7;}

.input {background: #FFFFFF;border: 1px inset #CCCCCC; height:17px;}

.inwid { width: 210px;}.txtwid { width: 440px;}

.text {background: #FFFFFF;border: 1px inset #CCCCCC; }

.btn { margin-top: 8px;}

.req, .err, .errForm{color:#FF0000} .gr {color:#009900}

.tk-list { font: 12px/1.4em Arial;margin:0; padding:10px 0 20px 15px;list-style:none;}

.tk-list li {background: url(../images/tick.gif) no-repeat left 4px;padding:0 0 8px 25px;}

.tk-list a { color:#2e2a2b;}

.tk-list a:hover { text-decoration:none;}

.warning{padding: 20px 0 10px 60px;background: url(../images/warning.png) no-repeat left 10px;}

/************ Layout ************/

#wrapper {width:954px; margin: 0 auto;}

#header {height: 100px; background: url(../images/logo.png) no-repeat 38px 28px;}

#logo {float:left; display:block; width:159px; height:53px; margin: 28px 0 0 38px;text-indent: -999px;overflow: hidden;}

#bee {float:right;right: 58px;top: 34px;position:relative;width:140px;height:66px;background: url(../images/bee.png) no-repeat;}

#main { }

#leftcol{float:left;width:350px;padding:0 25px 0 30px;}

#rightcol{float:left;width:544px;}

#bcrumb {margin: 5px 0px 5px 30px;}

.desc ul {list-style: square;padding: 10px 20px 10px 70px;margin-bottom:20px;background:#FFFBEC url(../images/lamp.gif) no-repeat 10px top;border: 1px solid #FFF8D9;} 

.desc ul:hover { background:#FFF url(../images/lamp.gif) no-repeat 10px top; border: 1px solid #f1f1f1;} 

.desc li { padding: 2px}

.img { margin-left:12px;margin-top:-30px;}

/***** Top Bar ***********/

#top-bar{background: url(../images/top-bar.png) no-repeat left top;height: 98px;}

#top-items{width:412px;height:98px;float:left}

#search-area{ padding:20px 0 0 45px;float:left;}

#searchbox {float:left;text-align:left;width:150px;height: 25px;}

.search-bar {height:15px;width:145px;font: normal 11px Verdana;background: #FFFFFF url(../images/search-bg.gif) repeat-x top;border: none;margin:2px 0 0 0;padding:0;}

#go{width:22px;float:left;}

#icos { width:150px;float:left;margin: 0 0 0 38px} 

.ico { display:block; width:25px; height:25px;text-indent: -999px;overflow: hidden;border: 0px solid red}

#icos li { float:left;padding:15px 20px 0 0; }

/*********** Site of The Day ***********/

#slideshow{ clear:both;height:250px;margin-bottom:12px;}

.sotd{ width:530px;height:100px;background: url(../images/bar.png) no-repeat left 29px;margin: 0 0 20px 10px;}

.sotd a { color:#333333; }

.itsleft{float:left;width:300px;}

.itsright{padding: 41px 0 0 0;float:left; height:40px;width: 200px; background:url(../images/stamp.png) no-repeat right top}

h2.its {margin: 45px 0 0 30px;height:13px;background: url(../images/spotlight.png) no-repeat;}

h2.its span {display:none;}

.screen {width:175px;height:151px;float:left; margin-top: 30px;background: url(../images/screen.jpg) no-repeat 25px top;}

.snap{ margin: 18px 0 0 43px}

.content { width: 348px; float:left; margin-top: 20px;}

.content p { margin: 5px 25px 0 0} .content p a { color:#eba104}

.content h2 a { text-decoration:none;}.content h2 a:hover { text-decoration:underline;}

.deep { margin:0; padding:10px 0 10px 5px;list-style:none;}

.deep li {background: url(../images/bullet.gif) no-repeat left 5px;padding:0 0 4px 17px;}

.deep a { text-decoration:none} .deep a:hover { text-decoration:underline;}

/********* Categories **********/

#categories{margin: 15px 0 10px 10px;}

.catcolumn{ width: 177px;float:left;}

.cat-nav{letter-spacing:0px;font: 11px verdana;color: #586679;}

.cat-nav li{padding:6px 0 8px 16px;background: url(../images/cat-bg.gif) no-repeat 0px top;}

.cat-nav a:visited, .cat-nav a:link {color: #231f20; font: normal 13px Arial, Helvetica, sans-serif;text-decoration:none;}

.cat-nav a:hover{color: #737071;font: normal 13px Arial, Helvetica, sans-serif;text-decoration:none;}

.catcount{color:#f3950e;}

/******** Listings and Content **********/

#mcontent{ padding: 0px 5px 15px 10px;}

#mcontent p { margin:0; padding:0}

.feat{font-size: 12px; width:530px;height:70px;background: url(../images/bar.png) no-repeat left top;margin: 20px 0 0px 0px;}

.feat a { color:#333333; }

.featleft{float:left;width:200px;display:inline;}

.featright{float:left;text-align:right;padding: 12px 0 0 0; width: 300px;}

.ftitle {margin: 16px 0 0 0px;height:13px;background: url(../images/standard.png) no-repeat 30px;}

.ftitle span {display:none;} 

.flisting { line-height: 1.3em;width:495px; height:53px;padding:8px 10px 10px 15px;margin: 6px 0;border: 1px solid #fff;background: url(../images/fbg.png) no-repeat left top;}

.flisting:hover{background: url(../images/fbg.png) no-repeat left -71px;}

.listing {padding:4px 6px 4px 32px;margin:0 0 0px 6px;background: url(../images/bullet.gif) no-repeat 11px 11px;}

.listing:hover{background:#F9F9F9 url(../images/bullet.gif) no-repeat 11px 11px;}

.sort{font: 13px/1.4em Arial;color: #322e2f;float: right; margin-top:-20px;margin-right:10px;}

.url{font-size: 12px;color: #749F09;}

.ad {background:#fff;text-align:center;margin:15px 0;padding-top:6px;border:1px solid #DFDFDF;clear:both;}

.thmbup {padding:0 0 0 52px;background: url(../images/thumbsup.jpg) no-repeat left 5px;}

/****** Submit Page **********/

.plan {margin: 0 0 0 50px;background: url(../images/listing-bg.jpg) no-repeat left top;width:420px; padding-left: 38px;border: 1px solid #fff;}

.plan h3 { margin: 50px 0px 0px 0px;padding-bottom: 10px;background:none;}

.price {float:right;margin:29px 21px 0 0}

.stars { margin: -30px 0 -5px 165px;}

.list-mrg { margin: 10px 0 -25px -13px;}.list-mrg a{color:#eba104;}

.img-bee { margin-left:12px;margin-top:-50px;}

.farea {padding:5px 30px 10px 30px;}.map { padding-bottom: 30px;overflow:hidden}

.farea-left { width:402px;float:left;}

.farea-right { width:477px;float:left;margin-left:15px;}

.frame {min-height:310px;height:auto !important;height:310px;margin: 0 0 15px 0;padding: 15px 25px 20px 25px;background:#FFFBEC;border: 1px solid #FFF8D9;}

.frame td {height: 25px;}

.frame:hover {background:#FFF4D2;border: 1px solid #FFEDB7;}

.frame p { padding: 10px 0;}.frame label { display:block;padding: 2px 0;}

select {width: 334px;border-top: 1px solid #4f4b3b;border-right: 1px solid #cbc3a5;border-bottom: 1px solid #d9d3bd;border-left: 1px solid #777159;padding:2px;}

.lfield{width:420px; padding:1px;margin-top:3px;}

.sfield{width:200px; padding:1px;margin-top:3px;}

.c1{ width: 209px; float:left;}.c2{width:200px; margin-left:10px;float:left;}

.check-label { padding-top:2px;}

.continue {width:89px; float:right;}

.cont-btn{text-decoration: none;overflow: hidden;width:89px; border:0;height:52px;background: transparent url(../images/continue.png) no-repeat left top; cursor: pointer; /* hand-shaped cursor */ padding: 55px 0 0; margin: 0;}

form>.cont-btn { /* For non-IE browsers*/height: 0px;}

.opt { font: bold 13px Arial;color: #322e2f; padding:1px;background-color:#F7F7F7; }

.opt option {font: normal 13px Arial;color: #322e2f;background-color:#FFF; padding:1px 1px 1px 10px; }

#deep {margin: 0 0 15px 0;padding: 15px 25px 20px 25px;background:#FFFBEC;border: 1px solid #FFF8D9;}

#deep:hover {background:#FFF4D2;border: 1px solid #FFEDB7;}

#deep p { padding: 10px 0;}#deep label { display:block;padding: 2px 0;}

.r1{ width: 405px; float:left;}.r2{ margin-left:10px;float:left;}

.d1field{width:390px; padding:1px;margin-top:3px; }.d2field{width:420px; padding:1px;margin-top:3px;}

.line{margin-top:-4px;height:1px; background: url(../images/hdot.gif) repeat-x bottom;}

/**** Details Page *******/

.screen2 {width:126px;height:151px; float:left;margin: 10px 0 0 10px;background: url(../images/screen.jpg) no-repeat left top;}

.details {margin: 5px 0 15px 0;}

.details p{clear: left;margin: 0;padding: 3px 0 8px 0;padding-left: 125px;height: 1%;}

.details label{font-weight: bold;float: left;margin-left: -125px; width: 125px;}

.details ul { margin:-18px 0 -10px 124px;}

.snap2{ margin: 18px 0 0 18px}

/*********** Pagination *************/

div.pagination {text-align:center;padding: 15px 0;margin: 3px;color:#d2994d;font-size:12px;}

div.pagination a {border: 1px solid #e7c471;background: #fffcf6 url(../images/pgn-bg.gif) repeat-x left bottom;color: #d2994d;font-weight: bold;margin-right:3px;padding:3px 7px;text-decoration: none;}

div.pagination a:hover, div.meneame a:active, div.pagination span.current {margin-right:3px;padding:3px 7px;border: 1px solid #66a6cd;background: #feffff url(../images/pgn-o.gif) repeat-x left bottom;color: #7ba1b9;font-weight: bold;}

/*********** Articles ***********/

.article ul, .article ol{ margin:0; padding:10px 0 10px 15px;list-style:none;}

.article li {background: url(../images/bullet.gif) no-repeat left 5px;padding:0 0 4px 17px;}

.date{color:#999999; font-size:small}

.art {color: #322e2f;margin:6px 0 0 15px;padding:10px 10px 10px 18px;background: url(../images/articlebg.png) no-repeat left top;}

.art:hover {background: url(../images/articlebg-o.png) no-repeat left top;}

.arti{font-size: 12px; width:530px;height:100px;background: url(../images/bar.png) no-repeat left 29px;margin: 0 0 0 0px;}

.arti a { color:#333333; }

.art img {width:0;height:0}

.artleft{float:left;width:200px;}

.artright {padding: 41px 0 0 0;float:left; height:40px;width: 290px;background:url(../images/article-ico.png) no-repeat right top}

h2.arthead {margin: 45px 0 0 30px;height:13px;background: url(../images/artcl.png) no-repeat;}

h2.arthead span {display:none;}

.a-thumb{ margin: -16px 10px 10px 0}

h5 {color: #322e2f;margin: 6px 15px 3px 0px;padding:0;font: normal 13px arial;} h5 a { font-weight:bold;text-decoration:none}

/********** Menu Items *****************/

#menu {float:left;width: 502px;margin-top: 31px}

#menu ul {height: 67px;width: 502px; position: relative;background: url(../images/navigation.png) no-repeat left -67px;}

#menu ul li {position: absolute;}

#menu ul li, #menu ul li a {height: 67px;display: block;}

#menu ul li a {text-indent: -9999px;text-decoration: none;overflow: hidden;}

#directory 	{ left: 0px; width: 121px !important; }

#directory a{ width: 121px; }

#submit  	{ left: 127px; width: 121px !important; }

#submit a 	{ width: 121px; }

#latest 	{ left: 254px; width: 121px !important; }

#latest a 	{ width: 121px; }

#about 		{ left: 381px; width: 121px !important; }

#about a 	{ width: 121px; }

#directory	a:hover { background: url(../images/navigation.png) no-repeat 0px 0px;  width: 121px; }

#submit		a:hover { background: url(../images/navigation.png) no-repeat -127px 0px; width: 121px; }

#latest		a:hover { background: url(../images/navigation.png) no-repeat -254px 0px; width: 121px; }

#about	    a:hover { background: url(../images/navigation.png) no-repeat -381px 0px; width: 121px; }

#menu ul li#directory.on   	a	{ background: url(../images/navigation.png) no-repeat 0px -66px; width: 121px; }

#menu ul li#submit.on 		a  	{ background: url(../images/navigation.png) no-repeat -127px -66px; width: 121px; }

#menu ul li#latest.on 		a  	{ background: url(../images/navigation.png) no-repeat -254px -66px; width: 121px; }

#menu ul li#about.on 		a  	{ background: url(../images/navigation.png) no-repeat -381px -66px; width: 121px; }

/********** Footer ****************/

#footer {width:947px;clear:both;float: left;padding: 13px 0px;margin: 0 13px 0 13px;display: inline;background: url(../images/hdot.gif) repeat-x top;color: #898183;}

#footer p, #footer ul { margin: 0px; }

#footer .left { float: left; }

#footer .right { float: right; }

#footer ul {float: right; }

#footer ul li { padding-left: 8px; list-style-type: none; float: left; }

#footer ul li span { padding-right: 8px; border-right: 1px solid #d6d6d1; }

/*****AGAX Category selection *******/

#toggleCategTree {display:block;cursor:pointer;cursor:hand;color:#eba104;text-decoration:underline;}

#categtree {margin:4px 0;height:200px;width:348px;overflow:auto;font-size:12px;border:1px solid #daceae;background:#FDF9EC;}

#catTitle {color:green;font-weight:bold; margin-left:5px;}

.icons{padding:2px 4px; margin-bottom:5px;height:20px;background:#f2e9d0;clear:both;border-bottom:1px solid #daceae;} 

.ico-item {cursor:pointer;cursor:hand;float:left;width:60px;border-right:1px solid #daceae;padding:0 6px;}

.ico-item:hover {background:#FDF9EC;} .ico-item img{margin-right:4px;}

#categtree h2 {margin:0 0 4px;padding:2px;color:#000000;border:1px solid #d6c8a5;border-width:1px 0 1px 0;font: bold 12px Arial;}

#categtree .categ-item {clear:both;margin:2px;padding:2px 3px;display:block;cursor:pointer;cursor:hand;}

#categtree .categ-item img {margin-right:4px;}

#categtree .odd {}#categtree .even {}

#categtree .categ-item:hover {background:#f2e9d0;}