/* 

Layout Styling. Loaded at every page.

1. Universal CSS
2. Body (header & navigation)
3. Body (content, promo, news, search, register)
4. Body (browse, tabs)
5. Body (product-container, products, navbottom)
6. Leftcolumn
7. Rightcolumn
8. Footer
---------------------------------------------------------- */


/* Universal CSS
---------------------------------------------------------- */

.clearboth {clear:both;}
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
a {text-decoration: none;}
a img {border: none;}
.float-left {float:left; display:inline;}
.float-right {float:right; display:inline;}
.small {font-size:1.1em; line-height:11px; color:#000000; margin:7px 0 0 0; padding:0; text-align:center;}
.multicontainer {width:100%;}
.margin-5-left{margin:0 0 0 5px;}
.margin-10-right{margin:0 10px 0 0;}

h1 {font-size:16px; line-height:18px;}
h2 {font-size:14px; line-height:16px;}
h3 {font-size:12px; line-height:14px;}
.thesizeofh2 {font-size:14px; line-height:16px;}
.thesizeofp {font-size:12px; line-height:14px;}
.universalfontsize {font-size:1.2em; line-height:14px;}
.thead {font-size: 13px;font-weight: bold;}
.tname {padding: 2px 0 2px 6px;}
.thead td {padding:5px 0;}


.highlighted{background-color: #FFF5B5;}
.new {background:url(http://www.tumpang.com/img/new.gif) left top no-repeat; text-indent:-9999px; width:46px; height:46px; position:absolute;}
.pop {background:url(http://www.tumpang.com/img/pop.gif) left top no-repeat; text-indent:-9999px; width:46px; height:46px; position:absolute;}
.act {background:url(http://www.tumpang.com/img/act.gif) left top no-repeat; text-indent:-9999px; width:46px; height:46px; position:absolute;}
.sold {background:url(http://www.tumpang.com/img/soldout.gif) left top no-repeat; text-indent:-9999px; width:46px; height:46px; position:absolute;}
.withdrawn {background:url(http://www.tumpang.com/img/withdrawn.gif) center top no-repeat; text-indent:-9999px; width:146px; height:110px; position:absolute;}
.banned    {background:url(http://www.tumpang.com/img/banned.gif) center top no-repeat; text-indent:-9999px; width:146px; height:110px; position:absolute;}
.lastdays{float:right; background:url(http://www.tumpang.com/img/lastdays.gif) left no-repeat; width:30px; height:34px; margin:3px 3px 0 0; padding:0;}

.textfield	{font-size:1.2em;border:3px solid #D7F1F7; margin:0 0 5px 0; padding:2px 0; width:144px;}
.textfieldfluid	{font-size:1.2em;border:3px solid #D7F1F7; margin:0 0 5px 0; padding:2px 0;}
.textfield_iWantToBuy	{font-size:1.2em;border:3px solid #D7F1F7; margin:0 0 5px 0; padding:2px 0; width:144px; height:25px;}
.red {color: red;}
label{color:#595959; font-weight:bold; font-size:0.9em ;}
form {margin:0; padding:0;}

.universallinks a:link, .universallinks li a:visited {color:#3689B3; text-decoration:none;}
.universallinks a:hover, .universallinks a:focus {color:#17A1E5; text-decoration:underline;}

.hideths {display: none;}
/* Body (header & navigation)
---------------------------------------------------------- */

body {
	font-family: 'Arial', Verdana, Helvetica, sans-serif;
	font-size: 62.5%; text-align: left;
	margin: 0; padding: 0;
	background: url(http://www.tumpang.com/img/topbar.jpg) left top repeat-x;
}

#header {
	height: 135px;
	margin: 0; padding: 0;
}

#logo {
	position:absolute;
	top: 9px; left: 8px;
	width: 201px; height: 88px;
	background: url(http://www.tumpang.com/img/logonew.gif) top left no-repeat;
}

#logo a {
	display: block;
	width: 201px; height: 88px;
	text-indent: -9999px;
}

#navi {
	position: absolute;
	top: 69px; left: 131px;
	width: 637px; height: 36px;
}

#navi ul {
	margin: 0; padding: 0;
}

#navi ul li {
	float: left; display: inline;
	list-style-type: none;
	margin: 0; padding: 0;
}

#navi ul li a {
	display: block;
	width: 91px; height: 28px;
	text-indent: -9999px;
	overflow: hidden;
}

/* #navi image replace */
		#ho {background: url(http://www.tumpang.com/img/nav3.jpg) 0px -28px no-repeat;}
		#ho.here, #ho a:focus, #ho a:hover {background: url(http://www.tumpang.com/img/nav3.jpg) 0px 0px no-repeat;}
		
		#ca {background: url(http://www.tumpang.com/img/nav3.jpg) -91px -28px no-repeat;}
		#ca.here, #ca a:focus, #ca a:hover {background: url(http://www.tumpang.com/img/nav3.jpg) -91px 0px no-repeat;}
		
		#sp {background: url(http://www.tumpang.com/img/nav3.jpg) -182px -28px no-repeat;}
		#sp.here, #sp a:focus, #sp a:hover {background: url(http://www.tumpang.com/img/nav3.jpg) -182px 0px no-repeat;}
		
		#ra {background: url(http://www.tumpang.com/img/nav3.jpg) -273px -28px no-repeat;}
		#ra.here, #ra a:focus, #ra a:hover {background: url(http://www.tumpang.com/img/nav3.jpg) -273px 0px no-repeat;}
		
		#co {background: url(http://www.tumpang.com/img/nav3.jpg) -364px -28px no-repeat;}
		#co.here, #co a:focus, #co a:hover {background: url(http://www.tumpang.com/img/nav3.jpg) -364px -0px no-repeat;}
		
		#tu {background: url(http://www.tumpang.com/img/nav3.jpg) -455px -28px no-repeat;}
		#tu.here, #tu a:focus, #tu a:hover {background: url(http://www.tumpang.com/img/nav3.jpg) -455px 0px no-repeat;}
		
		#fa {background: url(http://www.tumpang.com/img/nav3.jpg) -546px -28px no-repeat;}
		#fa.here, #fa a:focus, #fa a:hover {background: url(http://www.tumpang.com/img/nav3.jpg) -546px 0px no-repeat;}
/* #navi image replace */

#welcome {
	position: absolute;
	width: 300px; height: 14px;
	top: 105px; left: 7px;
}

#welcome p {
	color: #FFF;
	margin: 0; padding: 0;	
	font-size : 1.2em; line-height: 1.4em; font-weight: bold;
}

#tumpang-save-Malaysia {
	position: absolute;
	width: 194px; height: 85px;
	top: 0px; right: 10px;
	background: url(http://www.tumpang.com/img/tumpang-save_Malaysia.gif) 0px 0px no-repeat;
}

#tumpang-save-UnitedStates {
	position: absolute;
	width: 194px; height: 85px;
	top: 0px; right: 10px;
	background: url(http://www.tumpang.com/img/tumpang-save_UnitedStates.gif) 0px 0px no-repeat;
}

#tumpang-save-Malaysia 	   span {display:block;color:#FFFFFF; font-size:1.2em; line-height:1.4em; width:135px; height:50px; position:relative; top:30px; left:47px;}
#tumpang-save-UnitedStates span {display:block;color:#FFFFFF; font-size:1.2em; line-height:1.4em; width:135px; height:50px; position:relative; top:30px; left:47px;}

#header_hostname {
	position: absolute;
	top: 75px; right: 40px;
	font-size : 1.2em; line-height: 1.4em; font-weight: bold;}

/* Body (content, promo, news, search, register)
---------------------------------------------------------- */

#contents {width:100%; margin:5px 0 0 0; padding:0;}

#contentcolumn {
	margin:0; padding:0;
	width: 100%;
}

#contentcolumn-container {
	margin: 0 180px 0 180px; padding: 0;
}

#contentcolumn-container-SPOT {
	margin: 0 180px 0 0px; padding: 0;
}

#leftcolumn {
	width: 160px;
	margin:0 0 0 -100%; padding: 0 0 0 5px;
}

#rightcolumn {
	width: 170px;
	margin: 0 0 0 -170px; padding: 0;
}

#promo {
	overflow: hidden;
	width: 100%;
	margin: 0 10px 10px 10px; padding: 0;
	font-size: 1.1em;
}


#news {
	float:left;
	width: 213px;
	height: 190px;
}	

/*
#news {
	background: url(http://www.tumpang.com/img/news.jpg) left top no-repeat;
	float:left;
	font-size:0.89em;
	width: 213px;
	height: 190px;
} */

/*
#news {
	background: url(http://www.tumpang.com/img/news.jpg) left top no-repeat;
	float:left;
	width: 245px;
	height: 190px;
}
*/

/* #news */
		/*#news img {margin: 34px 5px 30px 14px; padding:0;}
		#news p.margintop {margin:34px 0 0 0; padding:0;}
		#news p {color: #22677E; margin: 0 14px 10px 14px; padding:0;}
		#news a.float-right{margin: 0 20px 0 0; padding:0;}
		#news a {color: #FFFFFF;text-decoration: none;}
		#news a:hover, #news a:focus { color:#FFFFFF; text-decoration:underline;}*/
/* #news */

#search {
	width: 153px;
	margin: 0 5px; padding: 0;
	background: url(http://www.tumpang.com/img/search.jpg) left top no-repeat;
	color: #367322;
}

/* #search */
		#search p {margin:25px 8px 5px 0; padding:0 6px;}
		#search input {margin:0 6px; padding:0;}
		#search a {display:block; margin:0; padding:0 6px; color:#367322; overflow:hidden;}
		#search a:hover, #search a:focus {text-decoration: underline;}
		#search a.gosearch {text-indent:-9999px; width:37px; height:27px; background: url(http://www.tumpang.com/img/go.gif) left top no-repeat; overflow:hidden;}
		#search a.gosearch:hover, #search a.gosearch:focus {background: url(http://www.tumpang.com/img/go2.gif) left top no-repeat;}
/* #search */

#register {
	width: 153px; height: 55px;
	margin: 14px 0 0 0; padding: 0;
}

#register a {
	overflow:hidden;
	text-indent:-9999px;
	width:153px; height:55px;	
	background: url(http://www.tumpang.com/img/register2.gif) left top no-repeat;
}

#register a:hover, #register a:focus {background: url(http://www.tumpang.com/img/register.gif) left top no-repeat;}

/* Body (browse, tabs)
---------------------------------------------------------- */
#browse {
	margin: 0 0 10px 0; padding: 0;
}

#browse h1 {
	color: #308DAC;
	margin: 0 0 5px 7px; padding: 0;
}

#tabs {
	width: 420px;
	margin: 0; padding: 0;
	background: url(http://www.tumpang.com/img/tab.gif) 0px -27px no-repeat;
}

#tabs ul {margin: 0; padding: 0;}

#tabs ul li{
	float:left; display:inline;
	list-style-type: none;
	margin: 0; padding: 0;
}

#tabs ul li a {
	height: 26px; display: block;
	text-indent: -9999px;
	overflow: hidden;
}

/* #tb */
		#tb1 {width: 93px; background: url(http://www.tumpang.com/img/tab.gif) 0px -27px no-repeat;}
		#tb1 a:hover, #tb1 a:focus, #tb1.here {background: url(http://www.tumpang.com/img/tab.gif) 0px 0px no-repeat;}
		
		#tb2 {width:93px; background: url(http://www.tumpang.com/img/tab.gif) -93px -27px no-repeat;	}
		#tb2 a:hover, #tb2 a:focus, #tb2.here {background: url(http://www.tumpang.com/img/tab.gif) -93px 0px no-repeat;}
		
		#tb3 {width:134px;background: url(http://www.tumpang.com/img/tab.gif) -186px -27px no-repeat;}
		#tb3 a:hover, #tb3 a:focus, #tb3.here {background: url(http://www.tumpang.com/img/tab.gif) -186px 0px no-repeat;}
		
		#tb4 {width: 96px;background: url(http://www.tumpang.com/img/tab.gif) -319px -27px no-repeat;}
		#tb4 a:hover, #tb4 a:focus, #tb4.here {background: url(http://www.tumpang.com/img/tab.gif) -319px 0px no-repeat;}
/* #tb */


/* Body (product-container, products, navbottom)
---------------------------------------------------------- */

#video-container { width: 100%; margin: 0; padding: 0;}

.video {
	width: 190px;
	height: 155px;
	margin :4px 2px; padding: 5px 3px;
	border: 1px solid #E7E7E7;
}

.video_img { width: 186px;
	    height: 95px;
  	    text-align: center;
  	    vertical-align: middle;
		       
}

.video_des {
	height: 43px;
	padding: 0; margin: 0;
 	line-height: 12px;
}

.video_desc {
	font-size: 1.1em;
	color: #848484;
}

.video:hover {background-color: #f0f6ff;}

.video_transparent {
	background: url(http://www.tumpang.com/img/transparent_video.gif) right top no-repeat;
    width: 186px; height: 95px;
    position: absolute;	
}

.video_big {
	width: 500px;
	height: 455px;
	margin :4px 3px; padding: 5px 3px;
	border: 1px solid #E7E7E7;
}

.video_img_big { 
		width: 480px;
	    height: 360px;
  	    text-align: center;
  	    vertical-align: middle;
		       
}

#product-container { width: 100%;margin: 0; padding: 0;}

.prod {
	width: 143px;
	height: 200px;
	margin :4px 2px; padding: 5px 3px;
	border: 1px solid #E7E7E7;
}


.prod_img { width: 147px;
	    height: 110px;
  	    text-align: center;
  	    vertical-align: middle;
		       
}

.prod:hover {background-color: #f0f6ff;}

.des {
	height: 43px;
	padding: 0; margin: 0;
 	line-height: 12px;
}

.des:hover {
	height: 43px;
	padding: 0; margin: 0;
}

.des a {text-decoration: none;}
.des a:hover, .des a:focus {text-decoration: underline; color: #0AB5E5;}

.desc {
	font-size: 1.1em;
	color: #848484;
	margin: 0; padding: 0;
	display: block;
}

.bottom {margin:0; padding:0;}
.price {margin: 5px 0 0 0; padding: 0;}
.ori{
	font-size: 1.2em; font-weight: bold;
	color: #FF5959;
	margin: 0; padding: 0;
}
.sav{
	font-size: 1.1em;
	color: #A6A6A6;
	margin: 0;padding: 0;
}
.dis{
	font-size: 1.2em; font-weight: bold;
	color: #A6A6A6;
	margin: 0; padding: 0;
}

.qty {
	float: right; display:inline;
	background: url(http://www.tumpang.com/img/qty.gif) left no-repeat;
	width: 30px;
	height: 34px;
	margin: 3px 0 0 0; padding: 0;
}

.days {
	float: right;
	background: url(http://www.tumpang.com/img/days.gif) left no-repeat;
	width: 30px; height: 34px;
	margin: 3px 3px 0 0; padding: 0;
}

.lastday {
	float: right;
	background: url(http://www.tumpang.com/img/lastday.gif) left no-repeat;
	width: 30px; height: 34px;
	margin: 3px 3px 0 0; padding: 0;
}

ul#navbottom {
	border-right:1px solid #3689B3;
	margin:15px 0 15px 5px; padding:0;
}

ul#navbottom li {
	border-left:1px solid #3689B3;
	display:inline;
	float:left;
	list-style-type:none;
	margin:0; padding:0 10px;
}

ul#navbottom li a {
	font-size:1.2em; line-height:1.4em;
}

ul#navbottom li a:link, ul#navbottom li a:visited {color:#3689B3; text-decoration:none;}
ul#navbottom li a:hover, ul#navbottom li a:focus {color:#17A1E5; text-decoration:underline;}

/* Leftcolumn
---------------------------------------------------------- */
#search-addleft {display:block; width:150px; height:130px; margin: 0 0 0 5px; padding:0;}

#category {
	background: url(http://www.tumpang.com/img/category.gif) left no-repeat;
	width: 153px; height: 32px;
	margin:0 0 10px 10px; padding:0;
}

#category a {
	display: block;
	width: 153px; height: 32px;
	overflow: hidden;
	text-indent: -9999px;
}

ul#cat-listing {
	margin: 0; padding:0 0 60px 0;
	background: url(http://www.tumpang.com/img/cate.jpg) no-repeat center bottom;
}

ul#cat-listing li {
	font-size: 1.1em; line-height: 13px;
	margin: 2px 0 2px 17px; padding: 0;
	list-style-type: none;
}

ul#cat-listing li a {
	color: #3996B5;
	text-decoration: none;
}

ul#cat-listing li a:hover, ul#cat-listing li a:focus {
	color: #22677E;
	text-decoration: underline;
}

#groups {
	background: url(http://www.tumpang.com/img/shops.gif) top left no-repeat;
	margin:0; padding:105px 0 0 0;
}

#groups p a {
	font-size:1.2em; line-height:14px;
	text-align:center;
	color: #22677E;
	display:block;
	margin:0; padding:0;
}

#groups p a:hover {text-decoration: underline;}

ul#links {
	margin: 0 0 0 5px; padding:0;
}

ul#links li {
	font-size:1.1em; line-height: 14px;
	list-style-type: none;
	background-color: #FFF5B5;
	margin: 2px 0; padding: 2px;
}

ul#links li a {
	color: #3996B5;
	text-decoration: none;
	margin: 4px;
	letter-spacing: 0.02em;
}

ul#links li a:hover, ul#links li a:focus {
	color: #22677E;
	text-decoration: underline;
}

ul#links li p {
	margin: 0 2px 4px 4px; padding: 0;
}

ul#spotsleftsideinfo {background: url(http://www.tumpang.com/img/spotsleftsideinfoBg.jpg) 0px 0px no-repeat; margin: 0 0 0 10px; padding:15px 0 0 0;}
ul#spotsleftsideinfo li {color:#666666; margin:0 0 10px 10px; padding:0; list-style-type:none; font-size:1.2em; line-height:14px;}
ul#spotsleftsideinfo li a:link, ul#spotsleftsideinfo li a:visited {color:#0099CC;text-decoration:none;}
ul#spotsleftsideinfo li a:hover, ul#spotsleftsideinfo li a:focus {color:#007399;text-decoration:underline;}

ol#top10side {margin: 0 0 0 10px; padding:70px 0 0 0; background: url(http://www.tumpang.com/img/top10side.jpg) no-repeat 0 0}
ol#top10side li {color:#333333;list-style-position:inside; background-color: #FFF4BF; margin:0 0 2px 0; padding:0 0 0 10px; font-size:1.1em; line-height:14px; border:1px solid #FFEABF;}
ol#top10side li a:link, ol#top10side li a:visited {color:#B37700; text-decoration:none;}
ol#top10side li a:focus, ol#top10side li a:hover {color:#996600; text-decoration:underline;}


#iWantToBuy {
	background: url(http://www.tumpang.com/img/iwanttobuy.gif) left no-repeat;
	width: 153px; height: 150px;
	margin:0 0 10px 10px; padding:0;
}

/* Rightcolumn
---------------------------------------------------------- */

#login {
	width: 150px;
	margin: 0 0 10px 0; padding: 0;
}

#login h1 {
	color: #0AB5E5;
	margin: 0; padding: 0;
}

#login p {
	font-size: 1.2em; line-height: 16px;
	color: #464646;
	margin: 0; padding: 0;
}

p.newto {
	font-size: 1.2em; line-height: 14px;
	width: 150px;
	margin: 5px 2px 0 0; padding: 0 0 8px 0;
	border-bottom: 1px solid #D8DADB;
}

#login a, .newto a {
	color: #0AB5E5;	
	text-decoration: none;	
}

#login a.signed {
	display: block;
}	

#login a.signout {
	display: block;
	color: #464646;
}	

#login a:hover, #login a:focus, .newto a:hover, .newto a:focus {
	text-decoration: underline;
}

#login .remember {
	margin:3px 0 0 3px; padding:0;
}

#topmem {
	background: url(http://www.tumpang.com/img/topmembers2.png) left top no-repeat;
	margin: 10px 0 10px 0; padding: 0;
}	

#topmem a {
	text-indent: -9999px;
	width: 150px; height: 100px;
	display: block;
	overflow: hidden;
	margin: 0; padding: 0;
}	

#topmem a:hover, #topmem a:focus {
	margin: 0; padding: 0;
	background: url(http://www.tumpang.com/img/topmembers2.png) left -101px no-repeat;
}

/* when a user is logged in */
		#toints {
			border-top: 1px solid #c9f2fe; border-left: 1px solid #c9f2fe;
			border-bottom: 1px solid #1695b9; border-right: 1px solid #1695b9;
			background: url(http://www.tumpang.com/img/toints.gif) 5px center no-repeat;
			width: 155px; height: 80px;
			margin: 0 0 10px 0; padding: 0;
		}
		#toints-desc {width:80px; margin:10px 0 0 0; padding:0;}
		#toints-desc ul {margin:0; padding:0;}
		#toints-desc ul li {font-size:1.2em; line-height:16px; list-style-type:none; margin:0; padding:0;}
		#toints a {color: #0099CC;text-decoration: none;} #toints a:hover, #toints a:focus{text-decoration: underline;}

		ul#logoptions {margin:10px 0; padding:0; width:140px;}
		ul#logoptions li {color:#149ECC; font-size:1.2em; line-height:18px; margin:0; padding:0;list-style-type: none;}
		ul#logoptions li a {margin:0; padding:0; width:140px; height:18px; display:block; text-indent:-9999px; overflow:hidden;}
			#log-inbox-show {position:absolute; right:3px; margin:-50px;}
			
			#log-inbox {background: url(http://www.tumpang.com/img/side-loggedin.jpg) 0px 0px no-repeat;}
			#log-inbox a:focus, #log-inbox a:hover {background: url(http://www.tumpang.com/img/side-loggedin.jpg) -140px 0px no-repeat;}
			
			#log-watchlist {background: url(http://www.tumpang.com/img/side-loggedin.jpg) 0px -18px no-repeat;}
			#log-watchlist a:focus, #log-watchlist a:hover {background: url(http://www.tumpang.com/img/side-loggedin.jpg) -140px -18px no-repeat;}
			
			#log-goto {background: url(http://www.tumpang.com/img/side-loggedin.jpg) 0px -36px no-repeat;}
			#log-goto a:focus, #log-goto a:hover {background: url(http://www.tumpang.com/img/side-loggedin.jpg) -140px -36px no-repeat;}
			
			#log-spots {background: url(http://www.tumpang.com/img/side-loggedin.jpg) 0px -54px no-repeat;}
			#log-spots a:focus, #log-spots a:hover {background: url(http://www.tumpang.com/img/side-loggedin.jpg) -140px -54px no-repeat;}			

			#log-toints {background: url(http://www.tumpang.com/img/side-loggedin.jpg) 0px -72px no-repeat;}
			#log-toints a:focus, #log-toints a:hover {background: url(http://www.tumpang.com/img/side-loggedin.jpg) -140px -72px no-repeat;}
			
			#log-post {background: url(http://www.tumpang.com/img/side-loggedin.jpg) 0px -90px no-repeat;}
			#log-post a:focus, #log-post a:hover {background: url(http://www.tumpang.com/img/side-loggedin.jpg) -140px -90px no-repeat;}

			#log-option {background: url(http://www.tumpang.com/img/side-loggedin.jpg) 0px -108px no-repeat;}
			#log-option a:focus, #log-option a:hover {background: url(http://www.tumpang.com/img/side-loggedin.jpg) -140px -108px no-repeat;}
			
			#log-signout {background: url(http://www.tumpang.com/img/side-loggedin.jpg) 0px -126px no-repeat;}
			#log-signout a:focus, #log-signout a:hover {background: url(http://www.tumpang.com/img/side-loggedin.jpg) -140px -126px no-repeat;}
/* when a user is logged in */


/* Footer
---------------------------------------------------------- */

#footer {font-size:1.1em; line-height:14px; background-color:#E6EFF2; width:100%; margin:10px 0 0 0; padding:8px 0 0 0; border-top:1px solid #F2FCFF;}

#footer ul {margin:0 90px 0 17px; padding:0;  border-left:1px dotted #999;}

#footer ul li {
	float: left; display:inline;
	margin:0; padding: 0 7px;
	list-style-type:none;
	border-right: 1px dotted #808080;
}

#footer ul li a {
	color: #0086B3; text-decoration: none;
}

#footer ul li a:hover{
	text-decoration: underline;
}

#copyfoot {color:#0A4F66; margin:5px 0 0 18px; padding: 0;}