/*
Theme Name: Tropicana Slim Website
Theme URI: http://www.tropicanaslim.com/
Description: an official website of Tropicana Slim
Author: Septi Yulia Sari aka. shape_tea
Author URI: http://www.stateoftheword.com/
Tags: orange, brwom,, red, fixed width, two columns, big image

	This theme was designed and built by shape_tea,
	whose blog you will find at http://www.stateoftheword.com/,
	This theme was specially designed for Tropicana Slim (http://www.tropicanaslim.com/), 
	a brand from Nutrifood Indonesia (http://www.nutrifood.co.id).	
-------------------------------------------------------------------------*/

body {
	margin:0px;
	padding:0px;
	background-color:#fdce66;
	font-size:75%;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	line-height:17px;
	color:#555;
}

h2 {
	font-size:170%;
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#7e7165;
	text-transform:uppercase;
	font-weight:normal;
	line-height:28px;
	letter-spacing:-0.5px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

h2 a, h2 a:link, h2 a:visited {
	color:#7e7165;
	text-decoration:none;
}

h2 a:hover {
	color:#edc454;
	text-decoration:none;
}

h3, .result h3 {
	font-size:150%;
	margin:25px 0px -7px 0px;
	padding:0px;
	/*color:#7e7165;*/
	color:#DFB410;
	text-transform:uppercase;
	font-weight:normal;
	line-height:20px;
	letter-spacing:-0.5px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.result h3 {
	margin:15px 0px 10px 0px;
}

h5 {
	font-size:120%;
	margin:10px 0px 10px 0px;
	padding:0px;
	color:#7e7165;
	font-weight:bold;
	letter-spacing:0px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a img, a:link img, a:visited img, a:hover img {
	border:none;
	text-decoration:none;
}

a, a:link, a:visited {
color:#dfb410;
}

#wrapper {
	width:900px;
	margin:0px auto;
}

#container {
	width:100%;
	margin:0px auto 5px auto;
	background-image:url(images/floral-wallpaper.png);
	background-position:left top;
	background-repeat:repeat;
	border-left:#eacc69 solid 2px;
	border-right:#eacc69 solid 2px;
	border-bottom:#eacc69 solid 2px;
	float:left;
}

#header {
	padding:15px 18px 0px 18px;
	margin:0px;
}

.logo {
	width:100%;
	text-align:right;
	margin:0px;
	padding:0px 3px 0px 0px;
}

ul.nav {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:7px 0px;
	height:16px;
	background-image:url(images/navigation-button.png);
	background-position:left top;
	background-repeat:no-repeat;
	position:relative;
	z-index:100;
	font-size:95%;
}

ul.nav li, ul.link li {
	display:inline;
	text-transform:uppercase;
	font-weight:bold;
}

ul.nav a, ul.nav a:link, ul.nav a:visited, ul.link a, ul.link a:link, ul.link a:visited {
	color:#875e32;
	text-decoration:none;
	margin:0px 5px;
	padding:0px 15px;
	border-right:#875e32 solid 1px;
}

ul.link a, ul.link a:link, ul.link a:visited {
	border:none;
	margin:0px 3px;
	padding:0px 3px;
}

ul.nav a:hover, ul.link a:hover {
	color:#d59b20;
	text-decoration:none;
	margin:0px 5px;
	padding:0px 15px;
	border-right:#875e32 solid 1px;
}

ul.link a:hover {
	margin:0px 3px;
	padding:0px 3px;
	border:none;
}

ul.link {
	width:100%;
	margin:-10px 0px 3px 17px;
	padding:0px;
	font-size:90%;
}

#content {
	margin:2px 20px 0px 20px;
	padding:0px 10px;
	background-color:#fff;
	border:#dbddcf solid 2px;
	float:left;
	width:840px;
}

#bigimage, *+html #bigimage {
	margin:0px 20px 20px 20px;
	padding:0px 0px;
	float:left;
	width:860px;
	height:375px;
	/*background-image:url("images/effect/kitchen-tropicana-slim-complete.jpg");*/
	background-image:url("images/effect/kitchen-tropicana-slim.png");
	background-position:bottom center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	display:block;
	position:relative;
}

*+html #bigimage {
	margin:0px 20px 0px 20px;
	height:375px;
}

.teaserimg {
	padding:0px 1px;
	margin:-10px 0px 0px 0px;
	position:relative;
	z-index:0;
}

.contactimg {
	margin:25px 0px 0px 25px;
	float:left;
	border:#f1f1f1 solid 10px;
}

.productimg img {
	padding:0px 3px;
	margin:30px 0px 0px 0px;
}

ul.sidebar {
	margin:40px 0px;
	padding:0px 20px;
	float:right;
	width:200px;
}

ul.sidebar li {
	margin:2px 5px;
	padding:2px 0px;
	text-align:left;
	list-style-type:disc;
	color:#7e7165;
	font-weight:normal;
	text-transform:uppercase;
}

ul.sidebar li a, ul.sidebar li a:link, ul.sidebar li a:visited {
	color:#7e7165;
	text-decoration:none;
}

ul.sidebar li a:hover, ul.sidebar li.active {
	color:#edc454;
	text-decoration:none;
}

ul.sidebar .catname li {
	margin:2px 5px 5px 5px;
	padding:2px 0px;
	text-align:left;
	list-style-type:none;
	color:#edc454;
	font-weight:normal;
	text-transform:uppercase;
	font-size:120%;
	font-weight:bold;
}

ul.sidebar .catname li a, ul.sidebar .catname li a:link, ul.sidebar .catname li a:visited {
	text-decoration:none;
	color:#edc454;
}

ul.sidebar .catname li a:hover {
	text-decoration:underline;
	color:#875e32;
}

ul.sidebargallery {
	margin:20px 10px 20px 0px;
	padding:0px 10px;
	float:right;
	width:200px;
	border-left:#eee solid 2px;
}

ul.sidebargallery li {
	margin:2px 5px;
	padding:2px 0px;
	text-align:center;
	float:left;
	list-style-type:none;
	color:#7e7165;
	font-weight:normal;
	text-transform:uppercase;
}

ul.sidebargallery li a img, ul.sidebargallery li a:link img, ul.sidebargallery li a:visited img {
	color:#7e7165;
	text-decoration:none;
	border:#f1f1f1 solid 5px;
	margin:0px;
	padding:0px;
}

ul.sidebargallery li a:hover img, ul.sidebargallery li.active {
	color:#f5d95b;
	text-decoration:none;
	border:#ddd solid 5px;
	margin:0px;
	padding:0px;
}

.galleryimg {
	margin: -5px 0px 0px 0px;
}

.galleryimg a img, .galleryimg a:link img, .galleryimg a:visited img {
	color:#7e7165;
	text-decoration:none;
	border:#ddd solid 10px;
	margin:0px;
	padding:0px;
}

.galleryimg a:hover img {
	color:#f5d95b;
	text-decoration:none;
	border:#f1f1f1 solid 10px;
	margin:0px;
	padding:0px;
}


ul.breadcrumb, .full ul.breadcrumb, ul.smallcrumb {
	margin:15px 0px 0px 0px;
	padding:0px;
	float:left;
	width:100%;
	font-size:120%;
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

ul.smallcrumb {
	margin:3px 0px 20px -5px;
}

.leftnav ul.breadcrumb ul {
	margin:1px 0px 0px 5px;
	padding:0px;
	float:left;
	width:100%;
	font-size:100%;
}

.leftnav ul.breadcrumb li.page_item {
	margin:7px 0px 0px 5px;
}

.leftnav ul.breadcrumb ul li.page_item {
	margin:-2px 0px 0px 5px;
}


.full ul.breadcrumb {
	margin:5px 0px 0px 0px;
}

.leftnav {
	width:250px;
	float:left;
	margin: 0px 0px;
}

ul.breadcrumb li, .leftnav ul.breadcrumb li, ul.smallcrumb li {
	margin:0px;
	padding:0px 10px;
	text-align:left;
	list-style-type:none;
	text-transform:uppercase;
	color:#836d5f;
	display:inline;
	font-weight:bold;
	border-right:#f5d95b solid 2px;
	font-size:90%;
	line-height:25px;
}

ul.smallcrumb li {
	font-size:90%;
	padding:0px 5px;
}

ul.subcat li {
	font-size:90%;
	padding:0px 8px;
}

.leftnav ul.breadcrumb li {
	border-right:none;
	float:left;
	width:100%;
	padding:0px 10px;
	font-size:100%;
}

ul.breadcrumb li a, ul.breadcrumb li a:link, ul.breadcrumb li a:visited, ul.smallcrumb li a, ul.smallcrumb li a:link, ul.smallcrumb li a:visited {
	margin:0px;
	padding:0px;
	text-align:left;
	list-style-type:none;
	text-transform:uppercase;
	color:#dfb410;
	text-decoration:none;
	font-size:100%;
}

ul.breadcrumb li a:hover, ul.smallcrumb li a:hover, ul.breadcrumb li.current_page_item a, ul.breadcrumb li.current_page_item a:link, ul.breadcrumb li.current_page_item a:visited, ul.smallcrumb li.current_page_item a, ul.smallcrumb li.current_page_item a:link, ul.smallcrumb li.current_page_item a:visited, ul.breadcrumb .current li a,  ul.breadcrumb .current li a:link, ul.breadcrumb .current li a:visited {
	margin:0px;
	padding:0px;
	text-align:left;
	list-style-type:none;
	text-transform:uppercase;
	color:#836d5f;
	text-decoration:none;
	font-size:100%;
}

ul.breadcrumb li.last, ul.breadcrumb .last li, ul.smallcrumb .last li, .header ul.nav .last a {
	border:none;
}

#maincontent {  
	float:left;
	background-color:#fff;
	position:relative;
	line-height: 22px;
	width:100%;
	font-size:100%;
}

.content-page {
	float:right;
	width:55%;
	padding:20px 20px 25px 20px;
	margin:0px 0px 0px 0px;
}

.content-post {
	float:left;
	width:65%;
	padding:0px 30px 0px 20px;
	margin:20px 0px 0px 0px;
	border-right:#dbddcf solid 2px;
	border-bottom:#dbddcf dashed 1px;
	position:relative;
	line-height:23px;
}

.holder {
	width: 600px;
	float:left;
}

.product-page {
	float:right;
	width:50%;
}

.full {
	width:90%;
	margin:10px 30px;
	float:left;
	padding:0px;
}	

.bgimage {
	position:relative;
	z-index:10;
	bottom:0px;
	left:0px;
}

.teaser {
	background-color:#df9224;
	color:#fff;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	width:450px;
	position:absolute;
	bottom:30px;
	z-index:100;
	padding: 15px 50px;
	font-size:110%;
	line-height:20px;
	text-align:center;
}

.greenbg {
	background-color:#468222;
	bottom:70px;
}

.contactform {
	float:right;
	width:100%;
	margin: 15px 0px 0px 0px;
}

.notes {
	float:left;
	width:100%;
        line-height:19px;
        font-size:90%;
margin: 15px 0px 0px 0px;
color:#888;
}

.thxcontact {
	margin: 10px 0px 15px 0px;
	padding: 10px 0px;
	width:430px;
	background-color:#f3d474;
	text-align:center;
}	

ul.contact {
	margin:10px 5px;
	padding:3px 0px;
	list-style-type:none;
}

ul.contact li.title {
	margin: 7px 0px 7px 0px;
	padding: 0px;
	width: 23%;
	float:left;
}

ul.contact li {
	margin: 6px 0px 6px 0px;
	padding: 0px;
	width:75%;
	float:right;
}

ul.contact li.action {
	float:left;
	width:100%;
}

.field, textarea {
	width:270px;
	padding:4px 3px;
	border:#eee solid 1px;
	background-color:#f4f4f4;
	font-size:100%;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0px;
}

textarea {
	height:60px;
}

.asterisk {
	color:#FF0000;
}

.clearfix {
	display: inline-block;  
}

.button, #submit {
	background-color:transparent;
	border:none;
	background-image:url('images/button.png');
	background-position:left center;
	background-repeat:no-repeat;
	width:130px;
	height:25px;
	color:#888;
	font-family: tahoma, verdana, arial;
	font-size:100%;
	letter-spacing:0px;
	padding:0px 0px 3px 8px;
	text-align:left;
	cursor:pointer;
}

.score {
float:left;
padding-top:75px;
}

#respond {
	float:left;
}

.round {
	background-image:url("images/round.png");
	background-position:bottom center;
	background-repeat:no-repeat;
	width:100%;
	height:40px;
	float:left;
	margin:0px 0px 20px 2px;
}

#footer, *+html #footer {
	float:left;
	width:100%;
	margin:9px 0px;
	text-align:center;
	color:#fff;
}

*+html #footer {
	margin:5px 0px 9px 0px;
	padding:0px 0px 15px 0px;
}

#footer a, #footer a:link, #footer a:visited {
	color:#fca637;
	text-decoration:none;
}

#footer a:hover {
	color:#fff;
	text-decoration:underline;
}

ul.column h2, ul.column li.red h2, *+html ul.column h2, *+html ul.column li.red h2 {
	background-color:#de910f;
	margin:-20px -7px 10px -7px;
	padding:0px 0px 1px 0px;
	font-weight:normal;
	color:#fdfdfd;
	font-size:100%;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

*+html ul.column h2, *+html ul.column li.red h2 {
	margin:0px -7px 10px -7px;
	padding:0px;
	font-size:90%;
}

*+html ul.column a h2, *+html ul.column a:link h2, *+html ul.column a:visited h2, *+html ul.column a:hover h2 {
	text-decoration:none;
}

ul.column {
	width:100%;
	float:left;
	margin:5px 12px;
	padding:0px;
}

ul.column li, *+html ul.column li {
	width:265px;
	height:140px;
	padding:0px 7px;
	margin:0px 5px;
	float:left;
	list-style-type:none;
	border-left:#eee solid 1px;
	border-right:#eee solid 1px;
	border-bottom:#eee solid 1px;
	position:relative;
}

*+html ul.column li {
	height:160px;
}

a.more-link, a:link.more-link, a:visited.more-link {
	color:#edc454;
	text-decoration:none;
}

a:hover.more-link {
	color:#7E7165;
	text-decoration:underline;
}

.more {
	margin:3px 0px 0px 0px;
}

.more a, .more a:link, .more a:visited {
	color:#efc500;
	text-decoration:none;
}

.more a:hover {
	color:#e6b101;
	text-decoration:none;
}

.viewmore {
	margin:8px 0px 0px 0px;
	float:right;
}

.viewmore a, .viewmore a:link, .viewmore a:visited {
	color:#efc500;
	text-decoration:none;
}

.viewmore a:hover {
	text-decoration:none;
	color:#875e32;
}


ul.column li.red h2, ul.column li.blue h2, ul.column li.green h2 {
	background-image:url(images/arrow.png);
	background-position:266px 13px;
	background-repeat:no-repeat;
}

ul.column li.red .box, ul.column li.blue .box, ul.column li.green .box {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	color:#fff;
	float:right;
	margin: 0px;
	padding:5px 10px;
	width:155px;
	height:100px;
	line-height:16px;
	text-align:left;
        font-size:11px;
}

ul.column li.red .box {
	position:relative;
	z-index: 10;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}

.cornerimg, *+html .cornerimg {
	position:absolute;
	z-index: 100;
	right: -5px;
	bottom:5px;
}

*+html .cornerimg {
	bottom:15px;
}

ul.column li.red {
	background-image:url(images/column-red.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

ul.column li.red h2 {
	background-color:#721c20;
}

ul.column li.red .box {
	background-color:#8d5944;
}

ul.column li.blue {
	background-image:url(images/column-blue.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

ul.column li.blue h2 {
	background-color:#264367;
}

ul.column li.blue .box {
	background-color:#607697;
}

ul.column li.green {
	background-image:url(images/column-green.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

ul.column li.green h2 {
	background-color:#305f25;
}

ul.column li.green .box {
	background-color:#688951;
}

ul.column li img {
	float:left;
	margin:0px 20px 10px 0px;
}

.alignleft {
	float:left;
	margin: 5px 20px 15px 0px;
}

ul.gallery {
	margin: 20px 0px 0px 10px;
	padding:0px;
	float:left;
}

ul.gallery li {
	float:left;
	width:320px;
	padding: 10px 25px;
	list-style-type:none;
	border-top:#f1f1f1 solid 1px;
	border-bottom:#f1f1f1 solid 1px;
	border-right:#f1f1f1 solid 1px;
	border-left:#f1f1f1 solid 1px;
	vertical-align:middle;
	text-align:center;
}

ul.gallery a, ul.gallery a:link, ul.gallery a:visited {
	color:#89796A;
	font-size:110%;
	text-decoration:none;
	font-weight:bold;
}

ul.gallery a:hover  {
	color:#e2b001;
	font-size:110%;
	text-decoration:none;
}

ul.gallery a img, ul.gallery a:link img, ul.gallery a:visited img {
	border:#fff solid 7px;
}

ul.gallery a:hover img {
	border:#f1f1f1 solid 7px;
}

.pagenumber {
	float:right;
	margin: 10px 0px;
}

.imgtitle {
	padding: 50px 0px 40px 0px;
}

.about {   
    position: absolute;
    height:100px;
	width:255px;
	overflow:hidden;
	display:block;
	background-image:url(images/effect/tentang-tropicana-slim.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#about_link {   
    height:100px;
	width:255px;
	margin:0px;
	display:block;
}

.recipe {   
    position: absolute;
    height:90px;
	width:200px;
	overflow:hidden;
	display:block;
	background-image:url(images/effect/resep.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#recipe_link {   
    height:90px;
	width:200px;
	margin:0px;
	display:block;
}

.galeri {   
    position: absolute;
    height:80px;
	width:140px;
	overflow:hidden;
	display:block;
	background-image:url(images/effect/galeri.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#galeri_link{   
    height:80px;
	width:140px;
	margin:0px;
	display:block;
}

.news {   
    position: absolute;
    height:60px;
	width:200px;
	overflow:hidden;
	display:block;
	background-image:url(images/effect/berita-dan-promosi.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#news_link{   
    height:60px;
	width:200px;
	margin:0px;
	display:block;
}

.testimony {   
    position: absolute;
    height:100px;
	width:125px;
	overflow:hidden;
	display:block;
	background-image:url(images/effect/testimoni.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#testimony_link{   
    height:100px;
	width:125px;
	margin:0px;
	display:block;
}

.info {   
    position: absolute;
    height:60px;
	width:180px;
	overflow:hidden;
	display:block;
	background-image:url(images/effect/info-sehat.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#info_link{   
    height:60px;
	width:180px;
	margin:0px;
	display:block;
}

.kontak {   
    position: absolute;
    height:40px;
	width:90px;
	overflow:hidden;
	display:block;
	background-image:url(images/effect/kontak.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#kontak_link{   
    height:40px;
	width:90px;
	margin:0px;
	display:block;
}

#wp_page_numbers {
	float:left;
	padding: 0px 0px 0px 17px;
}

ul .post-categories {
	margin-left:0px;
	padding-left: 10px;
}

.highlight {
	background-color:#e2eed5;
	/*background-color:#faf1a7;*/
	border:#fff dashed 2px;
	width:200px;
	padding:10px 20px;
}

.highlight strong {
	text-transform:uppercase;
	font-family: "Trebuchet MS", tahoma, verdana, arial;
	font-size:130%;
	letter-spacing:-0.5px;
	line-height:30px;
}

ol {
	margin:5px 0px;
}

*+html ol {
	margin:5px 0px;
}

ol li {
	margin:5px 0px;
	padding:5px 0px;
	float:left;
	width:100%;
}

*+html ol li {
	margin:5px 0px;
	padding:5px 0px;
	float:left;
	width:100%;
}

.result {
	border:none;
	padding:5px 20px 20px 20px;
	background-color:#f5f5e2;
	margin-bottom:20px;
	float:left;
}

.description {
        font-size:90%;
        font-style:italic;
        margin:20px 10px;
        line-height:21px;
        color:#777;
        font-family:georgia, tahoma, verdana, arial;
}