/* CSS Document */

* { margin:0; padding:0; }

body { background:#fff; color:#222; font-family: Tahoma, Arial, Sans-Serif; }

div, h1, h2, h3, h4, form, label, input, textarea, img, span, ul, li {}

.spacer, .clear { clear:both; font-size:0; line-height:0; }

a img { border:none; }

/*--------------------------------------------------top---------------------*/
#top 
{
    background:#fff;
    border:1px solid #ddd;
    border-top:none;
    border-bottom:none;
	width:988px;
	height:81px;
	margin: 0 auto;
	color: #dcd66e;
}
#logo {	float: left; width:302px; }
#logo img { margin-bottom: 10px; }

#search { float: left; width: 340px; margin: 3px 0 0 10px; padding:10px; }
#search .box { float: left; width: 265px; padding: 5px 0 0 10px; color: #b2d2d5; }
#search input.text { font:normal 15px Arial; color: #000000; padding:3px 4px; width: 248px; border: 1px solid #999999; }
#search input.text:hover { color: #000000; border: 1px solid #333333; }

.search_go{
	background:#ddd;
	float: left;
	height: 24px;
	width: 55px;
	padding:4px 0 0 0;
}
.go {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	height: 28px;
	width: 34px;
	padding: 4px 6px;
}
.go:hover {
	font: bold 11px Arial;
	color: #FFFFFF;
	float: left;
	width: 34px;
	padding: 4px 6px;
}

/*------------------------------------------------body_area--------------------*/

#body_area {
	background:#fff;
	border:1px solid #ddd;
    border-top:none;
    border-bottom:none;
	width:988px;
	margin: 0 auto;
	padding: 0 0 5px 0;
	font-size: 0.75em;
	color: #444;
}

#slogan { background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; clear:both; color:#555; font-weight:bold; margin:0 0 15px 0; padding:0 10px; text-align:center; }

#bannertop { margin:0 0 15px 0; padding:10px; text-align:center; }

.page-tools { background:#eee; float:left; padding:2px 5px; text-align:left; width:186px; }
.page-tools img { margin:0px 2px; }

.tell-friend { background:#fff; float:left; font:normal xx-small arial; padding:2px 5px; text-align:left; width:386px; }
.tell-friend input.text { background:#fff; border:1px solid #aaa; font:normal xx-small arial; padding:2px; width:122px; }
.tell-friend input.button { background:#777; border:1px solid #444; color:#fff; font:normal xx-small arial; padding:2px; }

/* --------------------- left ---------------------- */

.left 
{
    background:#fff;
    border:1px solid #ddd;
	float: left;
	margin:0 0 20px 5px; 
	text-align:center;
	width: 210px;
	padding:5px 0; 
}

.left-menu {  background:#fff; margin-bottom:20px; text-align:right; }
.left-menu ul {  }
.left-menu li { border-bottom:1px solid #B9EFB3; border-right:4px solid #f8f8f8; border-left:4px solid #f8f8f8; font:bold 11px Arial; color: #888; list-style:none; padding:5px; text-decoration:none; }
.left-menu li:hover { background:#f8f8f8; border-right:4px solid #FFCB3F; list-style-image:url(../i/arrow-right.gif); }
.left-menu li:hover a { color:#000; }
.left-menu li.parent { background:#f8f8f8; border-bottom:1px solid #ddd; border-left:4px solid #aaa; border-right:4px solid #777; color:#999; font:normal 0.9em arial; font-variant:small-caps; letter-spacing:1px; list-style:none; padding:5px; }
.left-menu li.active { background:#f7f7f7; border-right:4px solid #e7ab0b; border-left:4px solid #e7ab0b; color:#000; list-style-image:url(../i/arrow-right-active.gif); list-style-position:inherit;  }
.left-menu li.active a { color:#000; }
.left-menu li a { color: #386060; display:block; padding:10px 5px 10px 5px; text-decoration: none; }
.left-menu li a:active { color:#000; }
.left-menu li a:hover { color:#000; text-decoration: none; }


/* --------------------- midarea ---------------------- */

.midarea {
	float: left;
	width: 539px;
	margin:0 10px;
}

.midarea .box { border:1px solid #eee;  border-bottom:1px solid #ddd; margin:0 0 5px 3px; padding:10px 12px; width:509px; }

h1 {
	font-family: 'Trebuchet MS', Georgia;
	font-size: 40px;
	font-weight: normal;
	color: #222;
	width: 540px;
	padding: 5px 0 15px 0;
}

.buynow {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../i/readmore.png);
	background-repeat: no-repeat;
	float: left;
	height: 18px;
	width: 74px;
	padding: 4px;
	text-align:center;
}
.buynow:hover {
	font: bold 11px Arial;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../i/readmore1.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 18px;
	width: 74px;
	padding: 4px;
	text-align:center;
}

.readmore {
	font: bold 11px Arial;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../i/readmore.png);
	background-repeat: no-repeat;
	float: left;
	height: 18px;
	width: 74px;
	padding: 4px 0 0 7px;
}
.readmore:hover {
	font: bold 11px Arial;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../i/readmore1.png);
	background-repeat: no-repeat;
	float: left;
	height: 18px;
	width: 74px;
	padding: 4px 0 0 7px;
}


/* ---------------------right------------------------------ */

.right 
{
    background:#f3f3f3;
    margin:0 0 20px 5px; 
    padding:10px;
	float: left;
	text-align:left;
	width: 180px;
}

.right-box { margin:20px 10px; }

.right-head {
	font:normal 22px 'Trebuchet MS', Georgia;
	color: #d0910b;
	text-decoration: none;
	width: 155px;
	padding:2px 0 20px 25px;
}
.right-text { margin:10px 0; }
.right-link { font:bold 12px arial; color:blue; text-decoration:underline; }
.right-link:hover { color:#9ca27e; text-decoration:none; }

.login_area {
	margin: 0px;
	float: left;
	width: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.login_top {
	background-image: url(../i/template/login_01.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 5px;
	width: 146px;
}
.login_bottom {
	background-image: url(../i/template/login_03.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 5px;
	width: 146px;
}
.login_bodyarea {
	margin: 0px;
	float: left;
	width: 140px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 6px;
	background-attachment: scroll;
	background-image: url(../i/template/login_02.png);
	background-repeat: repeat-y;
}
.login {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #070808;
	text-decoration: none;
	background-image: url(../i/template/login_button.png);
	background-repeat: no-repeat;
	float: right;
	height: 18px;
	width: 48px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.login:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #070808;
	text-decoration: none;
	background-image: url(../i/template/login_button1.png);
	background-repeat: no-repeat;
	float: right;
	height: 18px;
	width: 48px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*------------------------------------------------footer--------------------*/

#powered { background:#f8f8f8; border:1px solid #ddd; border-top:none; color:#ccc; font:bold 11px arial; margin:0 auto; padding:5px; text-align:center; width:978px;} 
#powered #rate { color:#888; }
#powered #finder { color:#aaa; }
.disclaimer { border:1px solid #eee; color:#aaa; font-weight:normal; margin:0 20px; padding:7px 21px; }

#footer{
	width:100%;
	margin: 0 auto 0 auto;
	font:bold 11px "trebuchet ms";
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #c5a873;
	text-decoration: none;
	text-align:center;
}

#footer .links { color: #202219; font:normal 11px Arial; padding: 10px 0; text-decoration: none; }
#footer .links a { color:#202219; font:normal 11px Arial; padding:0 10px; text-decoration:none; }
#footer .links a:visited { color: #202219; }
#footer .links a:hover {	color:#000; text-decoration:underline; }
#footer .links a:active{	color: #202219; }

#footer .copyright { color:#777; font:normal 11px "Trebuchet MS"; padding:10px; text-decoration:none; }

#footer .owner { background:#f7f7f7; border:1px solid #ddd; color:#888; font:normal 12px arial; padding:10px 0; text-decoration:none; }
#footer .owner a { color: #000; font-weight:bold; }
#footer .owner a:hover { color: #777; }

/* ================ */
/* ===== MISC ===== */

.error { color:red; }
.green { color:green; }
.center { text-align:center; }

/* -------------------- products ----------------------- */
.products { margin:10px 0; text-align:left; }
.product ul { margin:10px; }
.product li { padding-left:10px; }

.products-toolbar { background:#e8e8e8; border:1px solid #ddd; margin:5px; padding:5px 13px; }
.products-toolbar select { font-size:10px; }
.products-toolbar option { padding-right:6px; }

.products-pager { background:#e8e8e8; border:1px solid #ddd; margin:8px 5px; padding:5px 12px 9px 12px; text-align:center; }
.pager-pages p { line-height:1.7em; }
.products-pager a { margin:8px 3px; }
.products-pager a:hover { color:#555; }
.pager-buttons { text-align:center; }


.product { border:1px solid #ddd; margin:10px; padding:6px; text-align:center; }
.product-left { float:left; margin:5px; padding:5px; text-align:center; width:180px; }
.product-right { float:right; margin:5px; padding:5px; text-align:left; width:280px; }
.product .product-img { border:none; margin:10px 5px; max-width:180px; }
.product .product-img:hover { border:none; }
.product .product-price-was span { color:red; font-weight:bold; text-decoration:line-through; }
.product .product-price-now span { color:blue; font-weight:bold; }
.product .product-price-save span { color:green; font-weight:bold; text-decoration:underline; }
.product .product-price { color:green; font-weight:bold; }
.product .product-buttons { margin:5px; text-align:left; }
.product-buttons img { margin:0 5px; }
.product .product-link { color:green; font:bold 1.1em arial; }
.product .product-link:hover { color:gray; }



/* -------------------- product-detail ----------------------- */
.product-detail { border:1px solid #eee; clear:both; margin:15px 2px; padding:5px 0 15px 0; text-align:center; }
.product-detail .product-img { border:none; margin:10px 5px; max-width:500px; }
.product-detail .product-img:hover { border:none; }
.product-detail .product-price { color:green; font-weight:bold; }
.product-detail .product-price-was span { color:red; font-weight:bold; text-decoration:line-through; }
.product-detail .product-price-now span { color:blue; font-weight:bold; }
.product-detail .product-price-save span { color:green; font-weight:bold; text-decoration:underline; }
.product-detail p { margin:5px 10px; text-align:justify;  }
.product-detail .terms { border-top:1px solid #ddd; color:#aaa; margin:15px 5px; padding:10px; text-align:left; }
.product-detail ul { padding-left:25px; text-align:left; width:49%;  }
.product-detail li { padding:2px; text-align:left; }
.product-detail a.product-link { font-weight:bold; }

/* -------------------- search-results ----------------------- */
.search-results { background:#FFF; text-align:left; width:545px; }
.search-results table td a { color:blue; font-weight:bold; }
.search-results table td a:hover { color:gray; font-weight:bold; }
.search-tips { background:#f8f8f8; border:1px solid #ddd; margin:10px 0; padding:10px; }
.search-tips p { margin:4px 0; }
.search-tips ul { margin:10px 0; }
.search-tips li { margin:0 0 0 15px; padding:3px; }


table.grid { margin:5px 10px; width:525px; }
table.grid td { padding:10px 5px; text-align:left; vertical-align:top; overflow:hidden; max-width:500px; }
table.grid .grid-pager td { background:#f7f7f7; border:1px solid #ddd; padding:7px; text-align:center; }
table.grid .grid-pager td input, table.grid .grid-pager td select { font-size:10px; }

.g-linkunit { margin:15px 0; }
.g-vertbanner { margin:20px 0; }
.g-halfbanner { background:#fff; float:left; margin:10px; width:280px; }

.admin-links {  margin:1px; font:normal 0.7em Arial; }
.admin-links a { color:#555; }
.admin-links a:hover { color:#888; }
.admin-links .edit { color:green; }
.admin-links .admin { color:blue; }

.search-admin { border:1px solid #ddd; margin:10px 0; padding:15px; }
.search-admin select { padding:1px; }
.search-admin option { padding:1px; }
.search-admin input.text { margin:3px 2px; padding:1px; width:77%; }
.search-admin label { float:left; margin:3px 2px; padding:1px; text-align:right; width:90px; }

.page-bottom { border:1px solid #ddd; margin:5px; }

.saved-searches { border:1px solid #ddd; margin:10px 5px; padding:10px; text-align:left; width:49%; }
.saved-search { padding:6px; }
.saved-search-alt { background:#f3f3f3; padding:6px; }
.title { color:#999; font:bold 1.2em arial;  padding:6px; }
.title a { color:blue; }
.title a:hover { color:#999; }


.form label { color:#000; float:left; font-weight:bold; margin-top:3px; padding:2px; text-align:right; width:150px; }
.form input, .form textarea { margin:5px 0; padding:2px; }

.skyscraper { margin:20px 0; }