@charset "utf-8";
/* CSS Document */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}
.centre { text-align:center; }
.clear { clear:both; }
.image_left { float:left; margin-right:10px; }

@font-face {
		font-family:'trebuc';
		src: url('trebuc.eot');
		src: url('trebuc.eot?#iefix') format('embedded-opentype'),
		url('trebuc.ttf') format('truetype'),
		url('trebuc.svg#ManoramaRegular') format('svg');
		font-weight: normal;
		font-style: normal;
		}


/* Global Properties ======================================================== */

body { margin:0px; padding:0px; color:#3a3a3a; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; outline:none; text-align:justify;}

a, a:hover { text-decoration:none; outline:none;}



/* Top bar Properties ======================================================== */

#top-bar { width:100%; height:39px; background:url(../images/top_bar_bg.jpg) repeat-x top center; color:#FFFFFF;}

#top-bar > div:nth-child(1) { float:left; height:39px; line-height:15px;}
#top-bar > div:nth-child(2) { float:right; height:39px; line-height:35px; text-align:right; padding-right:10px;}

#top-bar  a { line-height:35px; color:#FFFFFF; }



/* Header Properties ======================================================== */

#header { width:100%; height:120px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe927+0,ffe927+50,ffd81b+50,ffd81b+100 */
background: rgb(255,233,39); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,233,39,1) 0%, rgba(255,233,39,1) 50%, rgba(255,216,27,1) 50%, rgba(255,216,27,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,233,39,1) 0%,rgba(255,233,39,1) 50%,rgba(255,216,27,1) 50%,rgba(255,216,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,233,39,1) 0%,rgba(255,233,39,1) 50%,rgba(255,216,27,1) 50%,rgba(255,216,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe927', endColorstr='#ffd81b',GradientType=0 ); /* IE6-9 */
}

#header > div { width:997px; height:120px; margin:0px auto;}


	/* Logo Properties ======================================================== */
	
	#logo { width:308px; height:120px; float:left;}
	#logo > img { margin-top:33px;}
	
	
	/* Search Properties ======================================================== */
	
	#search { width:660px; height:120px; float:right; color:#967b1f; font-weight:bold; text-align:right;}
	#search > form > div:nth-child(1) { width:99%; height:25px; background-color:#FFFFFF; border-bottom:solid 1px #f1ca03; border-radius:0px; text-align:left; padding:5px; margin-top:10px;}
	.hid_box_cont { width:135px; float:left; overflow:hidden;}
	.hid_box{ background:none; width:155px; margin-right:10px; background:url(../images/dropdown_arrow.png) no-repeat 115px center;}
	#search > form >  div:nth-child(2) { text-align:left; margin-top:5px; }
	.search_box { width:545px; height:25px; line-height:25px;  }
	.search_button { padding:0px 15px; color:#FFFFFF; text-transform:uppercase; border-radius:0px; font-weight:; font-family:trebuc; height:25px; font-size:15px; cursor:pointer; float:right;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c50000+0,8a0000+100 */
	background: rgb(197,0,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(197,0,0,1) 0%, rgba(138,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(197,0,0,1) 0%,rgba(138,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(197,0,0,1) 0%,rgba(138,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c50000', endColorstr='#8a0000',GradientType=0 ); /* IE6-9 */
	}
	
	/* #search a { display:block; position:relative; text-align:right; margin-top:0px; width:125px; float:right;}
	*/
	
	
/* Container Properties ======================================================== */

.container { width:997px; height:auto; overflow:hidden; margin:0px auto;}

.column_011 { width:730px; height:auto; overflow:hidden;}
.column_022 { width:250px; height:auto; overflow:hidden;}
.column_03 { width:320px; height:auto; overflow:hidden;}
.column_04 { width:390px; height:106px;}
.column_05 { width:300px; height:auto; overflow:hidden;}
.column_06 { width:410px; height:auto; overflow:hidden;}

.head_01 {  width:100%; background-color:#fff136; color:#5d5d5d; font-weight:bold; padding-left:5px; font-size:14px; line-height:32px;}
.head_02 {  width:99%; background-color:#ffe029; color:#5d5d5d; padding-left:5px; font-size:14px; line-height:32px; border:solid 1px #e0e1e2;}

.best_price { width:200px; border:solid 1px #CCCCCC; color:#666666;}
.price_button { width:100%; height:53px; line-height:25px; background-color:#CECECE; font-style:italic;  cursor:pointer; }

#pscroller { width:100%; height:195px;}
#pscroller1 { width:100%; height:150px;}
#pscroller2 { width:100%; height:80px;}
#pscroller3 { width:100%; height:73px;}
#pscroller4 { width:100%; height:106px;}
#pscroller5 { width:100%; height:71px;}
#pscroller6 { width:100%; height:199px;}
#pscroller7 { width:100%; height:85px;}
#pscroller8 { width:100%; height:85px;}


.rating { width:230px; float:left; height:66px;}
.rating-view { width:150px; height:94px; float:right;}

.rating-recommend { width:100%; height:20px; color:#000000; background-color:#e0e1e2; line-height:20px; padding-left:5px;}
.rating-recommend1 { width:100%; height:20px; color:#000000; background-color:#e0e1e2; line-height:20px; padding-left:5px;}
.rating_logo { width:235px; height:66px; text-align:center; }
.rating_logo img { max-height:66px; max-width:230px;}

.rating_search { width:150px; height:20px; background-color:#9d9ea0;}
.rating_textbox { width:120px; background-color:#9d9ea0; padding-left:5px; color:#000000; font-weight:;}
.rating_button { width:20px; height:20px; background:url(../images/rating_search_icon.jpg) no-repeat center #9d9ea0; border:none; cursor:pointer;}

.rating_bar { width:140px; height:76px; padding:5px; }
.bar { width:140px; height:17px; margin-bottom:3px;}
.bar > div:nth-child(1) { width:16px; height:17px; float:left;}
.bar > div:nth-child(1) > img { width:17px;}
.bar > div:nth-child(2) { width:118px; height:17px; float:right; background-color:#e0e1e2; margin-left:5px;}
.bar > div:nth-child(2) > div { height:17px; color:#000000; line-height:18px; float:left;}

.best:before { padding-left:5px; content:"BEST";} 
.fair:before { padding-left:5px; content:"FAIR";}
.bad:before { padding-left:5px; content:"BAD";}

.submit_rating { width:100%; height:20px; line-height:20px; background-color:#e0e1e2; color:#000000; font-weight:bold; text-align:center;}








/* Exclusive Databank Properties ======================================================== */

.databank_head { width:100%; height:28px; border-bottom:solid 1px #000; border-radius:5px 0px 0px 0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fee900+0,efcd00+100 */
background: rgb(254,233,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,233,0,1) 0%, rgba(239,205,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,233,0,1) 0%,rgba(239,205,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,233,0,1) 0%,rgba(239,205,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee900', endColorstr='#efcd00',GradientType=0 ); /* IE6-9 */
}
.databank_head > div { width:98%; height:100%; background:url(../images/databank_header_bg.jpg) no-repeat center right; padding-left:5px; color:#514007; font-size:15px; line-height:28px;}

.databanks { width:99%; height:auto; overflow:hidden; border:solid 1px #e0e1e2; background-color:#ffffcc; padding:0px; }
.databanks > li { width:100%; height:27px; line-height:27px; border-bottom:dotted 1px #cbcbcb; font-weight:bold; color:#000000; font-family:Arial, Helvetica, sans-serif; padding-left:35px;  }
.databanks > li > a { width:82%; background:url(../images/databank_arrow.jpg) no-repeat center right; cursor:pointer; color:#000000; display:block;}
.databanks > li > a > span { color:#FF0000;}
.databanks > li:last-child { padding-left:0px; height:20px; line-height:20px; }
.databanks > li:last-child > a { display:block; width:100%;  text-align:right; color:#FF0000; background:#E4E4E4; text-transform:; font-size:12px; font-weight:normal; }
.databanks > li:last-child > a:hover {color:#FF0000; background:#CCCCCC;  }



/* TV Ads Properties ======================================================== */

.ad_head { background-color:#000000; line-height:25px; padding-left:5px; color:#FFFFFF; }



/* BUY OR SELL Properties ======================================================== */

.buy-sell_head {  width:100%; background-color:#fff136; color:#000000; font-weight:bold; text-transform:uppercase; padding-left:5px; font-size:15px; border:solid 1px #e0e1e2; line-height:32px;}
.buy-sell_body { width:100%; height:auto; overflow:hidden;}

.buy-sell_body > a { width:18%; min-height:100px; overflow:hidden; float:left; border:solid 1px #e0e1e2; margin:6px; box-shadow:0px 0px 3px 3px rgba(0,0,0,0.03); text-align:center; cursor:pointer;}
.buy-sell_body > a:nth-child(5) { float:right;}
.buy-sell_body > a  img { margin:5px 0px;}
.buy-sell_body > a > div:nth-child(1) { background-color:#FFFFFF;}
.buy-sell_body > a > div:nth-child(2) { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#900000; font-weight:bold; text-transform:uppercase; margin-bottom:10px; line-height:25px;}
.buy-sell_body > a > div:nth-child(3) { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#494949; padding:5px; margin:10px 0px; }
.buy-sell_body > a > div:nth-child(4) { width:100px; height:30px; line-height:30px; background-color:#EAEAEA; text-align:center; margin:0px auto; margin-bottom:10px;}

.buy-sell_body > a:hover { background-color:#F3F3F3; box-shadow:0px 0px 3px 3px rgba(0,0,0,0.1);}
.buy-sell_body > a:hover > div:nth-child(2) { background-color:#666666; color:#FFFFFF;}
.buy-sell_body > a:hover > div:nth-child(4) { background-color:#D7D7D7;}



/* Search Listing Properties ======================================================== */

.sear_listing { margin:0px; padding:0px; width:100%; list-style:square; color:#0058bc;}
.sear_listing > li { width:120px; float:left; margin-left:15px; height:16px;}
.sear_listing > li > a { color:#0058bc; font-size:11px;}