/* Original Michael@oxidizepixel.com css creation */
/* CSS RELOADED */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn,  img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

}
/* remember to define focus styles! */
:focus {outline: 0;}
body {
	background:#fff; 
	font:76%/140% Arial,Helvetica,sans-serif;
	line-height: 150%;
	color: #333;
	text-align: center;
	background-position: top center;
	margin: 0 auto 0 auto;
}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
h1 {font-family: "Georgia", "Times New Roman", Times, serif;
font-style: normal;
font-weight: normal;
font-size: 18pt;
letter-spacing: 1px;
line-height: normal;
text-transform: capitalize;
text-decoration: none;
text-align: left;
	}
h2 {padding: 0 0 5px 0;font-family: Arial, Helvetica, sans-serif;font-size: 10pt;font-weight:bold;color:#0066cc;}	
h3 {font-family: "Georgia", "Times New Roman", Times, serif;
font-style: normal;
font-weight: normal;
font-size: 18pt;
letter-spacing: 1px;
line-height: normal;
text-transform: capitalize;
text-decoration: none;
text-align: left;background-color:#fff;color:#0066cc;padding:2px 3px;float:left;
	}
h4 {padding:0 0 10px 0;font-family: "Georgia" , serif;font-size: 18pt;font-weight:normal;color:#0077bb;}	
h5 {font-family: Verdana, Geneva, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 10px;
letter-spacing: normal;
line-height: normal;
text-transform: uppercase;
text-decoration: none;
text-align: left;margin:10px 0;}
h6 {font-family: Verdana, Geneva, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 10px;
letter-spacing: normal;
line-height: normal;
text-transform: uppercase;
text-decoration: none;
text-align: left;}
/* Links a href*/
a:link, a:visited {text-decoration:none;color:#333;}
a:hover {text-decoration:underline;}
a.footerlinks:link, a.footerlinks:visited {text-decoration:none;color:#ff0066;}
a.footerlinks:hover {text-decoration:underline;}

a.bluelinks:link, a.bluelinks:visited {text-decoration:none;color:#064e6f;}
a.bluelinks:hover {text-decoration:underline;}

a.pinklink:link, a.pinklink:visited {text-decoration:none;color:#ff0066;}
a.pinklink:hover {text-decoration:underline;}

a.linkblog:link, a.linkblog:visited {text-decoration:none;color:#ff0066;}
a.linkblog:hover {text-decoration:none;}

#breadcrumb a:link, #breadcrumb a:visited {text-decoration:none;color:#aaa;}
#breadcrumb a:hover {text-decoration:underline;}
#breadcrumb2 a:link, #breadcrumb2 a:visited {text-decoration:none;color:#aaa;}
#breadcrumb2 a:hover {text-decoration:underline;}

h6 a:link, h6 a:visited {text-decoration:none;color:#333;}
h6 a:hover {text-decoration:underline;}

.listachieve li a:link, .listachieve li a:visited {text-decoration:none;background-color:#000;color:#fff;padding:2px 3px;}
.listachieve li span a:link, .listachieve li span a:visited {text-decoration:underline;background:none;color:#333;padding:0;}

/*Navigation*/

#navae {float:left;margin:10px 0 15px 20px;display:inline;}
#nav {list-style: none; margin: 0; padding: 0; }
#nav li { display: block; margin: 0; padding: 0; float: left; }
#nav li a { height: 44px; display: block; margin: 0; padding: 0; }

.activeNav a { background-position: 0 -44px !important; }
#nav a span {display:none; }

#nav-main, #nav-main a { width: 100px; display: block; background: transparent url(images/menu-main.gif) no-repeat 0 0; } 
#nav-account, #nav-account a { width: 130px; display: block; background: transparent url(images/menu-account.gif) no-repeat 0 0; } 
#nav-register, #nav-register a { width: 120px; display: block; background: transparent url(images/menu-register.gif) no-repeat 0 0; } 
#nav-help, #nav-help a { width: 120px; display: block; background: transparent url(images/menu-help.gif) no-repeat 0 0; } 
#nav-shopcart, #nav-shopcart a { width: 210px; display: block; background: transparent url(images/menu-shopcart.gif) no-repeat 0 0; } 

#nav li a:hover { background-position: 0 -44px !important; }
/*--------------------------------------------------------------------*/

/*Navigation*/

#navaer {float:left;margin:10px 0 0 10px;display:inline;}
#navb {list-style: none; margin: 0; padding: 0; }
#navb li { display: block; margin: 0; padding: 0; float: left; }
#navb li a { height: 34px; display: block; margin: 0; padding: 0; }

.activeNavb a { background-position: 0 -34px !important; }
#navb a span {display:none; }

#nav-home, #nav-home a { width: 30px; display: block; background: transparent url(images/menu-home.gif) no-repeat 0 0; } 
#nav-ourstore, #nav-ourstore a { width: 120px; display: block; background: transparent url(images/menu-ourstore.gif) no-repeat 0 0; } 
#nav-custserv, #nav-custserv a { width: 150px; display: block; background: transparent url(images/menu-custserv.gif) no-repeat 0 0; } 
#nav-news, #nav-news a { width: 100px; display: block; background: transparent url(images/menu-news.gif) no-repeat 0 0; } 

#navb li a:hover { background-position: 0 -34px !important; }
/*--------------------------------------------------------------------*/

/*Navigation*/


#aboutus {list-style: none; margin: 0; padding: 0; }
#aboutus li { display: block; margin: 0; padding: 0; float: left; }
#aboutus li a { height: 30px; display: block; margin: 0; padding: 0; }

.activeNavaboutus a { background-position: 0 -30px !important; }
#aboutus a span {display:none; }

#aboutus-1, #aboutus-1 a { width: 105px; display: block; background: transparent url(images/aboutus.gif) no-repeat 0 0; } 
#aboutus-2, #aboutus-2 a { width: 105px; display: block; background: transparent url(images/contacts.gif) no-repeat 0 0; } 

#aboutus li a:hover { background-position: 0 -30px !important; }
/*--------------------------------------------------------------------*/
#wrapsearch {float:right;margin:4px 5px 0 0;font-size:100%;}
#search_box {

    width: 226px;
    height: 30px;
    background: url(images/bg_search_box.gif);
}
#search_box #s {
		float:left;
    padding: 8px 0 0 0;height:22px;
    margin: 0;
 		border:0;
    width: 180px;
    background: none;

}
#search_box #go {
float:left;
padding:5px 0 0 10px;
    height:18px;width:20px;
}

#search_box input {color:#999;}

/* Start css */
#conta960 {text-align: left;margin: 0px auto;padding: 0px;border:0;width: 960px;}
#conta960 p {font-size:90%;}
#top {height:270px;}

#featureditemtop {float:left;}
#logo {float:left;margin-top:15px;height:75px;}
#topabout {float:right;margin-top:5px;}
#search {float:right;margin:10px 0 0 0;}

#rendatop {background: url(images/rendatop.png) repeat-x; height:50px;}
#whitebg {background: url(images/whitebg.gif) ; width:960px;float:left;}
#whitebg2 {background: url(images/whitebg2.gif) ; width:960px;float:left;}
.rendabawah {background: url(images/rendabawah.gif) repeat-x; height:10px;}
.jaitan {background: url(images/jaitan.gif) no-repeat;width:96px;height:27px;float:left;margin:14px 0 0 20px;color:white;padding:2px 0 0 10px;font-size:11pt;font-family:georgia, serif;}
.iconjaitan {float:right;}
.banner230 {float:right;margin-right:10px;}
#left250 {float:left;width:250px;margin-left:1px;margin-top:10px;}
#right250 {float:right;width:250px;margin-right:1px;margin-top:10px;}
	#bgrenda {background: url(images/renda2bg.gif);}
	.conta250 {float:left;width:250px;margin-bottom:5px;}
	.pic40left {float:left;width:40px;padding:0 5px 0 0;}
	ul.listpicleft {list-style:none;margin:0;padding:0;}
	.listpicleft li {float:left;margin:4px 0;padding:0 0 0 10px;}
	.calendar {float:left;width:50px;margin:0 5px 0 5px;text-align:center;}
	.cal-d {font-size:15pt;color:#f3b8b9;font-weight:bold;}
	.cal-m {font-size:12pt;color:#f3b8b9;}
	.cal-y {font-size:12pt;color:#f3b8b9;}
#newsfront {float:left;margin:0 0 10px 0;}
#left708 {float:left;width:700px;margin-left:1px;padding:0 0 0 8px;}
#right708 {float:right;width:700px;margin-right:1px;}
	.pink {padding:5px 0 0 0;}
	.entry135 {width:135px; margin:5px 0 10px 30px;float:left;}
	.bowdot {background :url(images/bowdot.gif) no-repeat; width:650px;padding:20px 0 0 40px;font-family: Tahoma, Verdana, sans-serif;font-weight: bold;font-size: 10pt;height:40px;float:left;}
	.pic350 {float:left;width:350px;margin:0 5px 0 0 ;}
.mostjudul {font-family: Tahoma, Verdana, sans-serif;font-weight: bold;font-size: 10pt;padding:0 0 4px 0;}
.rendabg {background: url("images/rendabg.gif") no-repeat;height:60px;}
#whitebottom {background: url(images/whitebottom.gif) no-repeat;height:18px; width:960px;float:left;}
#detailprice {float:right;width:300px;margin-right:10px;}
#detailpic {float:left;width:350px;}
#renda2 {float:left;width:250px;}
.renda2top {background: url(images/renda2top.gif) no-repeat;height:24px;}
.renda2top300 {background: url(images/renda300.gif) no-repeat;height:24px;}
.renda2top300bg {background: url(images/renda300bg.gif);}
#otherimages {float:left;}
.padding30 {padding:0 15px 0 23px;}
.padding20 {padding:0 15px 0 13px;}
#footer {clear:both;height:140px;}
.footersection {padding-top:20px;float:left;width:170px;}
.footersection2 {padding-top:20px;float:left;width:200px;}
.footersection3 {padding-top:20px;float:left;width:120px;}
.footersectionright {padding-top:20px;float:right;text-align:right;}
.copyright {clear:both;font-size:80%;padding-top:20px;}
#footermenu {float:left;}
ul.footerthumb {margin:0;padding:0;list-style: none;font-size:90%;}

.codeli {background: url(images/arrow.gif) no-repeat;padding:0 0 0 25px;float:left;width:100px;}
.inputlabelprod {font-weight:bold;padding:4px 0 10px 0;}
#checkoutcontinue {margin:10px 0 10px 0;}
#form680 {width:680px;}
/*--------------------------------------------------------------------*/

ul.list {
	padding: 0 0 0 10px;margin:0;
	float:left;	list-style: none;width:228px;
} 
#cat-bg {background: url(images/cat-bg.gif) repeat-y;float:left;}

.tesclass {
		display:block;
  	margin-bottom: 1px;
  	list-style-type: none;
  	background: url(images/bg-list.gif) no-repeat 0 3px;
  	padding: 2px 0px 2px 26px;margin-left:5px;
}

.list  li  a {
	display: block;
	margin: 0px;
	height:auto !important;color:#333;
	list-style-type: none;text-decoration:none;
}
 * html #work-list li a {  /* make hover effect work in IE */
}
.list  li  a:hover  {
	margin: 0px;
	color:#fff;
	background: #fdb3b3 ;
	list-style-type: none;
}
.activetesc {
	margin: 0px;
	color:#fff;
	background: #fdb3b3;
	list-style-type: none;
}
.activetesc a:link, .activetesc a:visited {color:white;}
/*--------------------------------------------------------------------*/


#screen{
	position:relative;
	height:450px;
	width:660px;
	margin-top:40px;
}
	#screen .next, #screen .prev{
		position:absolute;
		top:200px;
	}
	#screen .prev{
		left:5px;
	}
	#screen .next{
		right:5px;
	}
	#navigation{
		width:500px;
		text-align:center;
		margin-left:62px;
	}
		#navigation ul{
			margin-left:55px !important;
			margin-left:35px;
		}
			#navigation li{
				float:left;
				margin:0 20px;
				padding:10px 20px;
				background-color:#EEE;
			}
				#navigation a{
					color:#933;
					font-weight:bolder;
					text-decoration:none;
				}
	
#sections{
	overflow:hidden;
	background-color:white;
	width:580px;
	height:450px;
	clear:left;
	margin-left:52px;
}
	
	#sections ul{
		width:3660px;list-style:none;
	}
	
		#sections li{
			float:left;
			padding:11px 30px;
		}
			#sections li.fallen{
				margin-top:369px;
			}
			
			#sections p{
				width:500px;
				margin:16px 0;
	
				line-height:1.4em;
			}
			
			#sections h2{
				color:#993333;
				margin:20px 0pt;
			}
			#sections a{
				color:#777;
				font-weight:bolder;
				text-decoration:none;
			}

.next, .prev{
			cursor:pointer;
	}
/* Page Numbers */

#pc-paging {float:left;margin:25px 0 25px 30px;display:block;color:#ff0066;}

.pages {
		padding:0;
   margin:0;

}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}

.pages span.current {
    border: 1px solid #ff0066;
    font-weight: bold;
    background: #ff0066;
    color: #fff;
}

.pages a {
    border: 1px solid #ff3399;
    text-decoration: none;
}

.pages a:hover {
    border-color: #ff0066;    background: #ff3399; color:#fff;
}

.pages a.nextprev {
    font-weight: bold;     color: #ff0066;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
    border: 1px solid #ddd;
    color: #999;
}

.pages .nextprev-next {
    float: right;
}

