/* CSS Document =================//
created by : (TANTAN WIJAYA) tantan@net-dsign.com || tantan2231@yahoo.com
project name : campinaconcerto.com
project developer : net-dsign.com
=================================*/

/*===========================

SETTING UP LAYOUT

=============================*/
body{
margin:0;
padding:0;
}
div#wrapper{
width:1000px;margin-left:auto;margin-right:auto;background-repeat:no-repeat;
}
div#header{
width:1000px;height:289px;
}
div#logo{
width:94px;height:119px;padding-top:0px;padding-left:20px;
}
div#nav{
padding-top:26px;padding-left:10px;float:left;
}
* html div#nav{
padding-top:8px;padding-left:10px;float:left;
}

div#nav div{
float:left;
}
div#nav div a{
display:block;
background-repeat:no-repeat;
}
div#nav div a span {
display:none;
}

div#nav-products{
padding-top:33px;
}
div#nav-products a:link,div#nav-products a:visited{
display:block;
width:110px;
height:108px;
background-image:url(images/nav/nav-products.png);
background-position:0 0;
}
div#nav-products a:hover,div#nav-products a.current{
background-position:0px -110px;
}
div#nav-news_tips{
padding-top:12px;
}
div#nav-news_tips a:link,div#nav-news_tips a:visited{
width:121px;
height:59px;
background-image:url(images/nav/nav-news_tips.png);
background-position:0 0;
}
div#nav-news_tips a:hover,div#nav-news_tips a.current{
background-position:0px -59px;
}

div#nav-horoscope{
padding-top:12px;float:left;
}
div#nav-horoscope a:link,div#nav-horoscope a:visited{
width:127px;
height:60px;
background-image:url(images/nav/nav-horoscope.png);
}
div#nav-horoscope a:hover,div#nav-horoscope a.current{
background-position:0 -60px;
}
div#nav-fun{
padding-top:25px;
}
div#nav-fun a:link,div#nav-fun a:visited{
width:91px;
height:92px;
background-image:url(images/nav/nav-fun.png);
}
div#nav-fun a:hover,div#nav-fun a.current{
background-position:0 -92px;

}
div#nav-blogs{
padding-top:43px;
margin-left:11px;
}
div#nav-blogs a:link,div#nav-blogs a:visited{
width:92px;
height:75px;
background-image:url(images/nav/nav-blogs.png);
}
div#nav-blogs a:hover,div#nav-blogs a.current{
background-position:0 -75px;
}
div#nav-pictures{
padding-top:55px;
margin-left:10px;
}
div#nav-pictures a:link,div#nav-pictures a:visited{
width:117px;
height:73px;
background-image:url(images/nav/nav-pictures.png);
}
div#nav-pictures a:hover,div#nav-pictures a.current{
background-position:0 -73px;
}
div#nav-contact_us{
padding-top:48px;
margin-left:10px;
}
div#nav-contact_us a:link,div#nav-contact_us a:visited{
width:95px;
height:71px;
background-image:url(images/nav/nav-contact_us.png);
}
div#nav-contact_us a:hover,div#nav-contact_us a.current{
background-position:0 -71px;
}
div#block-login{
float:left;padding-left:45px;padding-top:48px;height:60px;
}
* html div#block-login{
padding-top:30px;
}
div#block-login-home{
float:left;padding-left:45px;padding-top:48px;height:60px;
}
* html div#block-login-home{
padding-top:30px;
}

ul#navgal{
margin:0;
}
ul#navgal li{
list-style:none;display:inline;float:left;margin-right:50px;
}
ul#navgal li a{
display:block;
width:131px;
height:69px;
}
ul#navgal li a span{
display:none;
}
ul#navgal li a#upload_photo {
background-image:url(images/nav/nav_picupload.gif);
}
ul#navgal li a#post_blog {
background-image:url(images/nav/nav_picpostblog.gif); width: 100px;
}
ul#navgal li a#latest_blog {
background-image:url(images/nav/nav_piclatestblog.gif); width: 130px; height: 60px;
}
ul#navgal li a#most_viewed {
background-image:url(images/nav/nav_picviewed.gif);width:169px;
}
ul#navgal li a#top_rated {
background-image:url(images/nav/nav_picrated.gif);width:137px;
}
ul#navgal li a#most_readed {
background-image:url(images/nav/nav_picreaded.gif);width:169px;
}
ul#navgal li a#latest_photo {
background-image:url(images/nav/nav_piclatest.gif);width:141px;
}
div#latest_photo{
float:left;padding-left:41px;padding-top:50px;height:60px;
}
div#lbl-usrname-home{
background-image:url(images/title/lbl-usrname-home.gif);
width:98px;
height:18px;
margin-left:14px;
margin-bottom:3px;
}
div#lbl-pssword-home{
background-image:url(images/title/lbl-pssword-home.gif);
width:89px;
height:18px;
margin-top:5px;
margin-left:14px;
margin-bottom:2px;
}
div#content{
width:1000px;/*height:271px;*/padding:0;margin:0;
}
div#splash-products{
width:232px;height:278px;margin-left:17px;padding:0;
}
* html div#splash-products{
margin-left: 10px;
margin-right: 10px;
}
div#block-winpictures-out{
padding-top:32px;height:244px;width:306px;
}
div#block-winpictures{
width:288px;height:244px;margin-left:20px;overflow:hidden;
}
/* hack for non ie */
html>/**/body div#block-winpictures{
margin-left:19px;
}
* html div#block-winpictures{
margin-left:0;
}
div#thumb-winpictures{
width:120px;background-color:#FFFFFF;background-image:url(images/title/mostviewed-home.gif);background-repeat:no-repeat;background-position:bottom;margin-left:21px;margin-top:61px;text-align:center;padding-top:5px;padding-bottom:29px;
}
* html div#thumb-winpictures{
margin-left:10px;
margin-top: 60px;
}
div#text-winpictures{
margin-top:51px;margin-left:15px; white-space:wrapped;width:100px;
}
* html div#text-winpictures{
margin-top: 60px;
}
div#text-winpictures p{
margin:0;
text-align:center;
color:#FFFFFF;
}
div#thumb-prize{
width:133px;height:115px;padding-top:53px;padding-left:10px;
}
/* hack for non ie*/
html>/**/body div#thumb-prize{
padding-top:38px;width:133px;
}
* html div#thumb-prize{
padding-top: 28px;
padding-left: 0;
}
div#block-winblogs-out{
margin-top:60px;
z-index:1000;
}
div#block-winblogs{
width:435px;height:225px;padding-top:5px;
}
* html div#block-winblogs{
padding-top:3px;
width:430px;
}
html>/**/body div#block-winblogs{
margin-top:-5px;
}
div#text-winblogs{
margin-left:31px;margin-top:48px;width:256px;
}
* html div#text-winblogs{
margin-left: 10px;
margin-top: 40px;
width: 240px;
}
div#text-winblogs p{
color:#FFFFFF;margin:0;text-align:justify;
}
img.avatar-winner{
margin-left:20px;border:#000f56 solid 1px;margin-right:5px;
}

div#footer-home{
width:960px;padding-left:20px;padding-right:20px;padding-top:5px;
}
* html div#footer-home{
padding-top: 0;
margin-top: -40px;
}
div#footer{
background-color: #7ec9f3;
background-image: url(images/bg-footer.gif);
background-position: bottom;
background-repeat: no-repeat;
text-align: right;
width:960px;padding-left:20px;padding-right:20px;padding-top:54px;
}

div#footer-home p,
div#footer p{
margin:0;
color:#053c75;
}
div#footer-home p a:link,
div#footer-home p a:visited,
div#footer p a:link,
div#footer p a:visited{
color: #990000; /*#fb9400;*/
}
* html div#footer-home p {
margin: 0;
padding: 0;
} 
/*===========================

SETTING UP FONTS

=============================*/
body,div,td,p,h,select,input,textarea,option{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:11px;
}
h1#titlewinnerblog{
margin:0;
padding:0;
font-size:12px;
}
h1#titlewinnerblog a{

color:#00baf2;
}
div#text-winblogs p#userwinnerblog{
color:#98ff4c;
}
div#rulecompetition{
/*background-image:url(images/bull-comprule.gif);background-repeat:no-repeat;*/float:left;margin-left:405px;
}
* html div#rulecompetition{
float:left;margin-left:330px;
}
div#rulecompetition p{
text-align:right;
padding-left:20px;
background-image:url(images/bull-comprule.gif);background-repeat:no-repeat;background-position:0 2px;
color:#FFFFFF;
}
* html div#rulecompetition p{
padding-left: 24px;
}
/*========================
SETTING UP FORM RELATED

=====================*/
form{
margin:0;padding:0;
}
input.form-text{
border:#106496 1px solid;height:14px;padding:1px;
}
input#btn-reg_home{
margin-top:5:px ;margin-left:12px;width:73px;height:22px;background-image:url(images/nav/btn-reg-home.gif);border:none;cursor:pointer;background-color:#0066FF;background-repeat:no-repeat;
}
/* hack for non ie */
html>/**/body input#btn-reg_home{
margin-left:10px;margin-top:8px;
}

input#btn-ok_home{
width:44px;height:44px;background-image:url(images/nav/btn-ok-home.gif);border:none;margin-top:30px;cursor:pointer;background-color:#0066FF;
}
input#btn-votepic{
width:61px;height:61px;border:none;background-color:#FF9900;background-image:url(images/nav/btn-votepic.gif);cursor:pointer;
}
input#btn-submitcomment{
width:112px;height:37px;border:none;background-image:url(images/nav/btn-submitcomment.gif);cursor:pointer;
}
input#btn-cancelcomment{
width:112px;height:37px;border:none;background-image:url(images/nav/btn-cancelcomment.gif);cursor:pointer;
}
/*========================
SETTING UP EXTRA STYLE

=====================*/
.clear{
clear:both;width:1px;height:0;
}
.float-left{
float:left;
}
a img{
border:none;
}
a img.bordergrey{
border:#cdcdcd 1px solid;
}
a:link,a:visited{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

img.avatarcomment{
border:#7d7d7d 1px solid;
padding:2px;
background-color:#FFFFFF;
}
td{
vertical-align:top;
text-align:left;
}
table#tbcontactus tr td{
color:#02448e;padding:5px;
}
table#tbregister tr td{
color:#02448e;padding:2px;
}
.formtext,.formtextarea{
width:302px;;height:16px;border-left:#9a9a9a 2px solid; border-top:#404040 1px solid;padding:2px;
}
.formtextarea{
height:104px;
}
table#tbregister tr td .formtext{
width:302px;;height:17px; border:#098cca 1px solid;padding:1px;

}
#btn-submitcontact{
width:94px;height:28px;border:none;background-color:#93d4fb;background-image:url(images/nav/btn-submitcontact.gif);
}
#btn-cancelcontact{
width:94px;height:28px;border:none;background-color:#93d4fb;background-image:url(images/nav/btn-cancelcontact.gif);
}

/*===========================
SETTING UP PRODUCT THUMBNAIL

===========================*/
a.productIcon {
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	height: 250px;
}

a.productIcon:link,
a.productIcon:visited {
	background-position: top left;
}

a.productIcon:hover,
a.productIcon:active {
	background-position: 0 -250px;
}

a.productIcon span {
	display: none;
}

a#list-choco_passion {
	background-image: url(../../files/images/products/list-choco_passion.jpg);
	width: 211px;
}

a#list-fairy_berry_sweet {
	background-image: url(../../files/images/products/list-fairy_berry_sweet.jpg);
	width: 198px;
}

a#list-green_tea_story {
	background-image: url(../../files/images/products/list-green_tea_story.jpg);
	width: 212px;
}

a#list-tiramisu_rainbow {
	background-image: url(../../files/images/products/list-tiramisu_rainbow.jpg);
	width: 218px;
}

div#back-area {
	float: left;
	margin: 260px 0 0 35px;
	padding: 0;
}

div#back-area a {
	display: block;
	background-repeat: no-repeat;
	width: 54px;
	height: 32px;
}

div#back-area a span {
	display: none;
}

a#btnback-choco_passion {
	background-image: url(images/nav/back-choco_passion.gif);
}

a#btnback-green_tea_story {
	background-image: url(images/nav/back-green_tea_story.gif);
}

a#btnback-tiramisu_rainbow {
	background-image: url(images/nav/back-tiramisu_rainbow.gif);
}

a#btnback-fairy_berry_sweet {
	background-image: url(images/nav/back-fairy_berry_sweet.gif);
}

div#product-note {
	float: left;
	margin: 150px 0 0 350px;
}

* html div#product-note {
	margin-left: 215px;
}

/*===========================
BLOGS

===========================*/
div.blogList-1,
div.blogList-2,
div.blogList-3 {
	display: block;
	margin: 0 0 6px 40px;
	padding: 0;
	height: 160px;
	width: 278px;
	overflow: hidden;
}

* html div.blogList-1,
* html div.blogList-2,
* html div.blogList-3 {
	margin-left: 20px;
}

div.blogList-1 {
	background-image: url(images/bg-thumbblog_1.png);
}

div.blogList-2 {
	background-image: url(images/bg-thumbblog_2.png);
}

div.blogList-3 {
	background-image: url(images/bg-thumbblog_3.png);
}

div.blogListThumbOut {
	display: block;
	background-color: #fff;
	border: 1px solid #000;
	margin: 40px 0 0 23px;
	padding: 3px;
}

* html div.blogListThumbOut {
	margin-left: 10px;
	margin-top: 36px;
}

div.blogListThumb {
	display: block;
	border: 1px solid #d9d9d9;
	height: 82px;
	width: 82px;
	overflow: hidden;
}

div.blogListReview {
	margin: 40px 0 0 10px;
	padding: 0;
}

div.blogListReview h1,
div.blogListReview h2,
div.blogListReview h3,
div.blogListReview h4 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

div.blogListReview h1 a,
div.blogListReview h1 a:active,
div.blogListReview h1 a:hover,
div.blogListReview h1 a:link,
div.blogListReview h1 a:visited {
	background-color: transparent;
	cursor: pointer;
	color: #0000CC;
	font-weight: bold;
	text-decoration: underline;
}

div.blogListReview h4 {
	margin-top: 16px;
}

div.blogDetail {
	display: block;
	background-image: url(images/bg-blog_detail.gif);
	background-repeat: no-repeat;
	height: 415px;
	width: 765px;
	margin: auto;
	padding: 0;
	padding-top: 1px;
}

div.blogProfile {
}

div.blogProfile h3,
div.blogProfile h4 {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

div.blogRate {
	display: block;
	margin: 0;
	padding: 30px 0 0 0;
	width: 700px;
	text-align: right;
}

div.blogRate h1 {
	background-color: transparent;
	color: #fff;
	font-size: 24px;
	margin: 0;
	padding: 0;
}

div.blogDescription {
	display: block;
	margin: 4px 0 0 65px;
	padding: 0;
	height: 285px;
	width: 590px;
	overflow: auto;
}

div.blogDescription h1 {
	background-color: transparent;
	color: #fff;
	font-size: 24px;
	margin: 0 0 10px 0;
	padding: 0;
}

div.blogComment {
	display: block;
	background-image: url(images/bg-formcomment.png);
	background-repeat: top;
	background-repeat: no-repeat;
	width: 711px;
	height: 225px;
	margin: auto;
	padding: 0;
	padding-top: 50px;
}

div.blogComment textarea {
	display: block;
	border: 1px solid #e8a500;
	background-color: transparent;
	width: 575px;
	height: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: auto;
	margin-left: 70px;
	margin-bottom: 40px;
	padding: 2px;
}

div.blogCommentList {
	margin: auto;
	padding: 0;
	width: 580px;
}

div.blogCommentList h1 {
	text-align: left;
}

div.blogCommentList ul,
div.blogCommentList ul li {
	margin: 0;
	padding: 0;
}

div.blogCommentList ul li {
	border-bottom: 1px solid #fff;
	list-style: none;
	padding-bottom: 8px;
	text-align: left;
}

div.blogCommentDetail {
	margin: 0;
	margin-left: 10px;
}

div.blogCommentDetail a {
	background-color: transparent;
	color: #990000;
	text-decoration: underline;
}

div#blogPost {
	display: block;
	margin: auto;
	margin-top: 210px;
	padding: 0;
	width: 440px;
	height: 340px;
}

/*===========================
HACKS

===========================*/
div#preloadImage {
	position: absolute;
	top: -10px;
	left: 0;
}

div#preloadImage img {
	float: left;
	height: 1px;
	width: 1px;
}

div.no-bg {
	background-image: none !important;
}

div.auto-height {
	height: auto !important;
}

* { behavior: url(../../libs/js/iepngfix.htc); }