@import "elements.css";
@import "box.css";

/* -|-|-|-|-|-|-|- header -|-|-|-|-|-|-|- */
.header {
	height:50px;
	background-color:#FFFFFF;
	border-top:2px solid #FABD23;
	border-bottom:2px solid #FABD23;
	padding:0;
	margin:27px 0 15px 0;
}
.header .logo {
	position:absolute;
	top:5px;
	left:5px;
}
.header .links {
	position:absolute;
	top:5px;
	right:5px;
}
.header .links a {
	text-decoration:none;
	font-weight:normal;
}
.header .title {
	position:absolute;
	top:55px;
	left:155px;
	font-size:40px;
	line-height:40px;
	color:#990000;
	font-weight:bold;
	letter-spacing:4px;
}
.header .search {
	float:right;
	margin:5px 5px 0 0;
	display:inline;
}
.header .search input {
	margin:0 10px 5px 0;
	border:1px solid #FABD23;
	width:150px;
	background-color:#FFF2BF;
}
.header .search a {
	text-decoration:none;
}
.header .search .submit {
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../images/search.gif) no-repeat center top;
	text-indent: -1000em;
	line-height: 3000px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
.header .search .save {
	position:absolute;
	margin-left:-34px;
}

/* -|-|-|-|-|-|-|- searchoptions -|-|-|-|-|-|-|- */
.searchoptions {
	position:absolute;
	top:79px;
	right:0;
	background-color:#FFFFFF;
	border:2px solid #FABD23;
	border-right:none;
	width:255px;
	z-index:10;
}
.searchoptions .inner {
	margin:20px 0px 20px 10px;
}
.searchoptions .label {
	clear:left;
	display:block;
	float:left;
	width:80px;
	font-weight:bold;
	margin-top:5px;
}
.searchoptions span {
	display:block;
	float:left;
	font-weight:bold;
	margin:5px;
}
.searchoptions input.text,
.searchoptions input.small {
	border:1px solid #FABD23;
	width:150px;
	background-color:#FFF2BF;
	float:left;
	margin:0 0 5px 0;
}
.searchoptions select {
	float:left;
	margin:0 0 5px 0;
	width:150px;
}
.searchoptions input.small {
	width:50px;
	margin:0;
}
.searchoptions .check {
	clear:left;
	margin:0 0 0 77px;
	line-height:18px;
}
.searchoptions .check input {
	float:left;
	background-color:transparent;
	border:none;
}
.searchoptions .space {
	clear:left;
	height:15px;
}


/* -|-|-|-|-|-|-|- contianers -|-|-|-|-|-|-|- */
.box {
	background-color:#FFFFFF;
	border:2px solid #FABD23;
	width:200px;
	margin-bottom:10px;
}
.box h2 {
	margin:5px 0 0 10px;
}
.box small {
	color:#CCCCCC;
	font-size:10px;
	margin-left:10px;
}
div.main {
   min-height:600px;
}
*html div.main {
   height:600px;
}
.left {
	position:absolute;
	left:0;
	top:110px;
	padding:0;
}
.left .box {
	border-left:none;
}
.right {
	position:absolute;
	right:0;
	top:110px;
	padding:0;
}
.right .icons {
	margin-bottom:10px;
	text-align:center;
}
.right .icons img{
	margin:0 7px 0 7px;
}
.right .box {
	border-right:none;
}
.clear {
	clear:both;
	font-size:1px;
	line-height:0px;
	height:0px;
}
.footer {
	clear:both;
	text-align:right;
	margin-top:30px;
	padding:10px;
}
.footer a {
	font-weight:normal;
}

/* -|-|-|-|-|-|-|- content -|-|-|-|-|-|-|- */
.content {
	position:relative;
	top:14px;
	margin:0 220px 20px 220px;
	color:#333;
	background-color:#FFFFFF;
	border:2px solid #FABD23;
	padding:10px;
}
.content .nav {
	position:relative;
	margin-top:-6px;
	height:5px;
	text-align:right;
}
.content .h1 {
	color:#990000;
	border-color:#EEE;
	background-color:transparent;
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	width:500px;
}
.content textarea.code {
	border-color:#EEE;
	width:500px;
	height:300px;
	background-color:transparent;
	margin:10px 0 10px 0;
	overflow:auto;
}
.content .buttons {
	margin:10px 0 0 0;
}
.content .buttons img {
	border:1px solid #EEE;
}
.content iframe {
	border:1px solid #EEE;
	margin:0;
	padding:0;
}
.content .button  {
	color:#066;
	background-color:#EEE;
	border:1px solid #000;
	font-weight:bold;
	width:auto;
	height:20px;
	font-weight:bold;
	padding:0 5px 2px 5px;
	margin:0;
}

/* -|-|-|-|-|-|-|- ad -|-|-|-|-|-|-|- */
.ad {
	position:relative;
	top:14px;
	margin:0 220px 5px 220px;
	color:#333;
	background-color:#FFFFFF;
	border:2px solid #FABD23;
	padding:5px;
}
.adbig {
	position:relative;
	top:20px;
	margin:0 220px 20px 220px;
	color:#333;
	background-color:#FFFFFF;
	border:2px solid #FABD23;
	padding:10px;
}
.ad table {
	width:100%;
}
.ad td {
	padding:0 5px 0 5px;
	vertical-align:top;
}
.ad .pic {
	width:100px;
	height:75px;
	border:1px solid #CCC;
	background-image: url(../images/nopic.gif);
	background-position:center;
	background-repeat:no-repeat;
}
.ad .pic div {
	width:100px;
	height:75px;
	background-position:center;
	background-repeat:no-repeat;
}
.adbig img {
	width:150px;
	height:100px;
}
.ad h2 {
	height:19px;
	line-height:19px;
	overflow:hidden;
}
.ad .desc {
	height:30px;
	overflow:hidden;
	margin-right:5px;
}
.ad .det {
	height:14px;
	overflow:hidden;
	color:#666666;
	font-weight:bold;
	vertical-align:bottom;
}

/* -|-|-|-|-|-|-|- category -|-|-|-|-|-|-|- */
.category {
	margin:10px;
	border-top:1px dashed #FABD23;
	line-height:12px;
}
.category a {
	display:block;
	border-bottom:1px dashed #FABD23;
	text-decoration:none;
	font-weight:normal;
	padding:3px 0 3px 0;
	width:180px;
	overflow:hidden;
}
.category a:hover {
	text-decoration:none;
	background-color:#FFF2BF;
}

/* -|-|-|-|-|-|-|- subcategory -|-|-|-|-|-|-|- */
.subcategory {
	padding:0 0 0 5px;
	border:none;
	border-bottom:1px dashed #FABD23;
}
.subcategory a {
	border:none;
	color:#333333;
	width:175px;
}
.subcategory a:hover {
	color:#333333;
}

/* -|-|-|-|-|-|-|- favs -|-|-|-|-|-|-|- */
.favs {
	margin:10px;
	border-top:1px dashed #FABD23;
	line-height:12px;
}
.favs a {
	display:block;
	border-bottom:1px dashed #FABD23;
	text-decoration:none;
	font-weight:normal;
	padding:3px 0 3px 28px;
	width:152px;
	overflow:hidden;
	white-space:nowrap;
	background-position:left top;
	background-repeat:no-repeat;
}
.favs a:hover {
	text-decoration:none;
	background-color:#FFF2BF;
}


/* -|-|-|-|-|-|-|- smallads -|-|-|-|-|-|-|- */
.smallads {
	margin:10px;
	border-top:1px dashed #FABD23;
	line-height:12px;
}
.smallads .loader {
	height:25px;
	background-image: url(../images/loader.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.smallads a {
	display:block;
	border-bottom:1px dashed #FABD23;
	text-decoration:none;
	font-weight:normal;
	padding:3px 0 3px 0;
	width:180px;
	height:16px;
	cursor:pointer;
	overflow:hidden;
	white-space:nowrap;	
}
.smallads a:hover {
	text-decoration:none;
	background-color:#FFF2BF;
}
.smallads img {
	display:block;
	float:left;
	vertical-align:top;
	border:none;
	width:20px;
	height:15px;
	margin-right:3px;
}
.smallads span.title {
	display:block;
	float:left;
	width:100px;
	height:16px;
	overflow:hidden;
	white-space:nowrap;	
}
.smallads span.titlewide {
	display:block;
	float:left;
	width:150px;
	height:16px;
	overflow:hidden;
	white-space:nowrap;	
}
.smallads span.price {
	float:right;
	white-space:nowrap;
}
.smallads img.cross {
	float:right;
	cursor:pointer;
}
.smallads span.green {
	color:#008000;
}
.smallads span.red {
	color:#F00;
}


/* -|-|-|-|-|-|-|- favads -|-|-|-|-|-|-|- */
.favads {
	margin:10px;
	border-top:1px dashed #FABD23;
	line-height:12px;
}
.favads .loader {
	height:25px;
	background-image: url(../images/loader.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.favads div.row {
	clear:both;
	border-bottom:1px dashed #FABD23;
	width:180px;
	height:22px;
}
.favads a {
	float:left;
	display:block;
	text-decoration:none;
	font-weight:normal;
	padding:3px 0 3px 0;
	width:160px;
	height:16px;
	cursor:pointer;
	overflow:hidden;
	white-space:nowrap;	
}
.favads a:hover {
	text-decoration:none;
	background-color:#FFF2BF;
}
.favads img {
	display:block;
	float:left;
	vertical-align:top;
	border:none;
	width:20px;
	height:15px;
	margin-right:3px;
}
.favads span.title {
	display:block;
	float:left;
	width:130px;
	height:16px;
	overflow:hidden;
	white-space:nowrap;	
}
.favads img.cross {
	float:right;
	cursor:pointer;
	margin:2px 0 0 0;
}



/* -|-|-|-|-|-|-|- advert -|-|-|-|-|-|-|- */
.advert {
	margin:10px;
	border-top:1px dashed #FABD23;
	line-height:12px;
}
.advert .exad {
	border-bottom:1px dashed #FABD23;
	padding:3px 0 3px 0;
}


/* -|-|-|-|-|-|-|- showmore -|-|-|-|-|-|-|- */
.showmore {
	position:relative;
	top:20px;
	margin:0 220px 5px 220px;
	color:#333;
	padding:5px;
	text-align:center;
}
.showmore a {
	font-weight:bold;
}


/* -|-|-|-|-|-|-|- tooltip -|-|-|-|-|-|-|- */
.tooltip {
	position:absolute;
	background-color:#FFF;
	border:2px solid #FABD23;
	padding:3px 5px;
	opacity: .8;
	filter: alpha(opacity=80);
	max-width:200px;
}
	
	
/* -|-|-|-|-|-|-|- adsense -|-|-|-|-|-|-|- */
.box .adsense {
	width:160px;
	margin:5px 20px;
}