/*
Theme Name: winnersosis 2 (IE-fix)
Theme URI: http://www.winnersosis.com/
Description: just for winnersosis.com
Version: 1.0
Author: aankun
Tags: sosis, winner
*/

body {font-family:"Calibri", "Arial"; font-size: 14px;  }

#hMenuContBgOnly { filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;  background:#ddd; height:56px; margin-top:125px; position:absolute; z-index:9; width:100%; }
#hMenuCont { height:56px; margin-top:125px; position:absolute; z-index:10; width:100%; }
	#hMenuCont #hMenu { width:940px; margin:0px auto; color:#fff;  }
		.justFloatRight { display:inline; float:right; }
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; height:50px; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; }
ul.dropdown a:hover		            { color: #fff; background:#000; }
ul.dropdown a:active                { color: #fff; background: #bb281d; }
ul.dropdown li a                    { display: block; padding: 20px 10px; text-transform:uppercase; color: #000; font-size:16px; letter-spacing:-1px; text-decoration:none; font-family: "Trebuchet MS"; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #bb281d; color: #fff; position: relative; }
ul.dropdown li.hover a              { color: $fff; }

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ background:#fff; width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; border: solid 1px #777; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; text-transform:none; font-size:13px; padding: 5px 0px !important; padding:5px 5px; text-indent:5px !important; text-indent:0px; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


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

#mainBgCont { position:absolute; width:100%; z-index:1; }
	#mainBgCont #justMainBg { width:960px; height:240px; margin:0px auto;/* background:url(img/main-bg.jpg); */}
	
#theMainCont { position:absolute; width:100%; z-index:2; }
	#winnerLogo { float: right; text-align: center; font-size: 13px; font-weight: bold; color: #555; margin-top: 25px; margin-right: 20px; }

#midPart #sidebar,  #midPart #content{ padding-top:120px; padding-bottom:20px; }

#sidebar .oneSidebar { line-height: 1.4em; padding-bottom: 20px; }
	#sidebar .oneSidebar h2 {padding-top: 5px; display: block; color: #bb281d; font-size: 36px; font-family: "Times New Roman"; font-weight: normal; margin-bottom: 20px; }
	#sidebar .oneSidebar p  { text-align: justify; color: #212121; margin-bottom: 10px; }
		#sidebar .oneSidebar p span.sapi { text-transform: uppercase; padding-left: 20px; background: url(img/sapi-winner-logo-tiny.jpg) no-repeat left top ; color: #ed2024; font-weight: bold; }
		span.sapi { text-transform: uppercase; padding-left: 20px; background: url(img/sapi-winner-logo-tiny.jpg) no-repeat left top ; color: #ed2024; font-weight: bold; }
		
	#sidebar .oneSidebar a.moreLink { background: #000; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 15px; font-weight: bold; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; display: block; float: right; }
	
	#sidebar .oneSidebar ul {float:left; width:100%;}
	#sidebar .oneSidebar ul li { background: #666666 url(img/sidebar-list.jpg) no-repeat left top;  color: #fff; font-size: 18px; padding: 5px; margin-bottom: 2px; padding-left: 40px; }
	#sidebar .oneSidebar ul li a { color: #fff; text-decoration: none; display: block; }

#content #slideshow { background: #000; height: 260px; padding: 10px; }
	#content #slideshow #imgContainer { background: #fff; overflow: hidden; height: 260px; }

	#content #ourProduct { margin: 0px; }	
	#content #ourProduct h1 { color: #bb281d; font-size: 36px; font-family: "Times New Roman"; font-weight: normal; line-height: 30px; }
	#content #ourProduct .theProduct { width: 500px; }
	#content #ourProduct .theProduct p  { margin-left: 10px; margin-right: 10px; font-size: 14px; color: #74a040; line-height: 1.2em; margin-bottom: 5px; }
	#content #ourProduct .theProduct h3 { font-size: 22px; font-weight:normal; }
		#content #ourProduct .theProduct h3 a { text-decoration:none; color: #fff;  }
	#content #ourProduct .theProduct a.moreLink { background: #000; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 15px; font-weight: bold; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; display: block; float: right; }
	#content #ourProduct .theProduct {border: solid 1px #ccc; padding: 10px; float: left; }
		#content #ourProduct .theProduct .productImage { height: 160px; width: 160px; overflow: hidden; background: #ccc;  border: solid 1px #ccc; float: left; margin-bottom: 15px; }


.singlePageContainer { line-height: 1.5em; background: url(img/grid8-bg.jpg); width:460px; overflow:hidden; float:left; }
	.singlePageContainer .top { height: 18px; background: url(img/grid8-top.jpg); }
	.singlePageContainer .bot { height: 18px; background: url(img/grid8-bot.jpg); }
	.singlePageContainer .mid { padding-left: 15px; padding-right: 15px; padding-bottom:15px; width:430px; }
	#content .singlePageContainer .mid a { text-decoration:none; }
	#content .singlePageContainer .mid h1 { color: #bb281d; font-size: 38px; line-height: 38px; font-weight: normal; font-family: "Times New Roman"; margin-bottom: 15px; padding-bottom: 10px; border-bottom: solid 2px #bb281d; }
		#content .singlePageContainer .mid h1 a { text-decoration:none; }
	.singlePageContainer .mid span.date { border-bottom: solid #74a040 1px; color: #74a040; font-size: 16px; font-weight: bold; margin-bottom: 15px; display: block; }
	#content .singlePageContainer .mid p { text-align: justify; margin-bottom: 10px; }
	.singlePageContainer .mid p.contactForm { margin-bottom: 5px; font-size: 11px; font-weight: bold; color: #777; }
	.singlePageContainer .mid p.contactForm input[type=text] { font-size: 14px; font-weight: normal; }
	.singlePageContainer .mid p.contactForm textarea { width: 425px; font-family: inherit; font-size: 13px; }
	.wpcf7-response-output { margin-top: 15px; color: #bb281d; font-size: 12px; }

#content h1 { color: #bb281d; font-size: 38px; line-height: 38px; font-weight: normal; font-family: "Times New Roman"; margin-bottom: 0px; padding-bottom: 5px; }
#content .ourProductContainer { float: left; background: url(img/product-container.jpg); width: 460px; height: 250px; }
	#content .ourProductContainer .withProdImg { margin: 5px; height: 230px; background-color: #bbb; overflow: hidden; }
	.prodDetails h2 { margin: 10px; font-size: 22px; }
	.prodDetails p { margin: 5px 10px 5px 10px; font-size: 11px; color: #74a040; }
		#content .ourProductContainer .withProdImg .prodDetails p strong { display: block; color: #aaa; }
	.prodDetails a.justMoreLink, .prodDetails a.post-edit-link { display: block; text-align: right; color:#bb281d; text-decoration: none; font-size: 11px; font-weight: bold; margin: 10px;  }
	
#content .singlePageContainer h2 { color: #fff; font-size: 25px; line-height:24px; font-weight: normal; margin-bottom: 5px; padding-bottom: 10px; font-family:"Trebuchet MS", calibri, arial; }
	#content .singlePageContainer h2 a { text-decoration:none; }
#content .singlePageContainer p { margin-bottom: 5px; margin-left: 2px; text-align: justify; }
	#content .singlePageContainer .ourProductContainer { float: left; background: url(img/product-container.jpg); width: 460px; height: 250px; }
	#content .singlePageContainer .ourProductContainer .withProdImg { margin: 5px; background-color: #bbb; }
	
#content .thaFrame { background: url(img/gallery-frame.jpg); width: 220px; height: 227px; float: left; margin-right:10px; margin-bottom:10px; }
	#content .thaFrame .imgCont { width: 196px; height: 162px; border: solid 1px #ccc; margin-top: 12px; margin-left: 11px; background: #333; overflow: hidden; }
	#content .thaFrame span.title {display: block; font-family: "Times New Roman"; font-size: 20px; margin-left: 11px; margin-top: 4px; color:#000;}
	#content .thaFrame span.sbTitle {display: block; margin-left: 11px; font-size: 12px; color: #bb281d; }

	#content .galleryList { width:460px; overflow:hidden;  }
	#content .galleryList h2 { font-size: 20px; margin-bottom: 5px;  }
		#content  .galleryList h2 a { text-decoration:none; color:#bb281d;}
	#content  .galleryList .justGalleryImg { padding:5px; width: 140px; height: 105px; float: left; background: url(img/gallery-frame-2.jpg); margin-right: 3px; margin-bottom: 0px;  }
		#content .galleryList .justGalleryImg .overflowHidden { width: 138px; height: 98px; overflow:hidden; border:solid 1px #ccc; }
			#content .galleryList .justGalleryImg .overflowHidden a span.title { text-decoration: none; color: #000; font-size: 11px; text-transform: uppercase; font-weight: bold; display: block; padding-left: 3px; }
			
#content .categoryContainer { line-height: 1.5em; background: url(img/grid8-bg.jpg); margin-bottom: 20px; float:left; }
	#content .categoryContainer .top { height: 18px; background: url(img/grid8-top.jpg); }
	#content .categoryContainer .bot { height: 18px; background: url(img/grid8-bot.jpg); }
	#content .categoryContainer .mid { padding-left: 15px; padding-right: 15px; }
	#content .categoryContainer .mid h1 { font-size: 26px; color:#7d8402; line-height: 20px;  }
		#content .categoryContainer .mid h1 a { text-decoration:none; color: #74a040; }
	#content .categoryContainer .mid p { text-align: justify; margin-bottom: 10px; }
	#content .categoryContainer .mid span.theTime { border-bottom: solid 1px #7d8402; display: block; font-size: 12px; color: #777; margin-bottom: 15px; }


/* For Slideshow =============================================================================== */

.gakPenting { background: #000; width: 100px; height: 100px; }
a.slideNavi { text-decoration: none; padding: 10px 6px 8px 6px; font-weight: bold; font-size: 11px; color: #74a040; }

	#mySerialScroll #mySerialScrollContainer .panel .rSide { float:right; width:240px; height:240px; }
		#mySerialScroll #mySerialScrollContainer .panel .rSide h3 { text-align: right; margin: 10px; }
		#mySerialScroll #mySerialScrollContainer .panel .rSide p { text-align: right; }
		
	#mySerialScroll #mySerialScrollContainer .panel .lSide { float:left;  width:240px; height:240px; }
		#mySerialScroll #mySerialScrollContainer .panel .lSide h3 { text-align: left; margin: 10px; }
		#mySerialScroll #mySerialScrollContainer .panel .lSide p { text-align: left; }
		
	#mySerialScroll #mySerialScrollContainer .panel .tSide { float:left;  width:480px; padding-bottom: 10px }
		#mySerialScroll #mySerialScrollContainer .panel .tSide h3 { text-align: left; margin-top: 10px; margin-left: 10px; margin-bottom: 5px; }
		#mySerialScroll #mySerialScrollContainer .panel .tSide p { text-align: left; }
		
	#mySerialScroll #mySerialScrollContainer .panel .bSide { float:left;  width:480px; height: 65px; margin-top: 175px;}
		#mySerialScroll #mySerialScrollContainer .panel .bSide h3 { text-align: left; margin-top: 10px; margin-left: 10px; margin-bottom: 5px; }
		#mySerialScroll #mySerialScrollContainer .panel .bSide p { text-align: left; }


#slider { width: 500px;  margin: 0 auto;  position: relative;}
.scroll {  height: 260px;  overflow: hidden; width:500px; position: relative; /* fix for IE to respect overflow */  clear: left;  margin-top: -10px;}
.scrollContainer div.panel {  padding: 10px;  height: 240px;  width: 480px; /* change to 560px if not using JS to remove rh.scroll */}
.scrollButtons {  position: absolute;  top: 130px;  cursor: pointer;}
.scrollButtons.left {  left: 5px;}
.scrollButtons.right {  right: 5px;}

ul.navigation { list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0 0 9px;margin-left: 10px;}
ul.navigation li {display:inline;}
ul.navigation a {text-decoration: none; padding: 10px 7px 5px 7px; color: #74A040; font-size: 10px; font-weight: bold; }
ul.navigation a.activeSlide { background: #000; color: #fff; }

ul.navigation a:hover {background-color:#74A040; color: #fff;}
ul.navigation a.selected {background-color:#000;}
ul.navigation a:focus {outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;}

/* For Slideshow =============================================================================== */
/* Revisi slideshow */

#welcome { line-height: 1.4em;  float: left; padding: 20px; }
	#welcome h1 {padding-top: 5px; display: block; color: #bb281d; font-size: 36px; font-family: "Times New Roman"; font-weight: normal; margin-bottom: 15px; }
	#welcome p  { text-align: justify; color: #212121; margin-bottom: 10px; }
		#welcome p span.sapi { text-transform: uppercase; padding-left: 20px; background: url(img/sapi-winner-logo-tiny.jpg) no-repeat left top ; color: #ed2024; font-weight: bold; }
		span.sapi { text-transform: uppercase; padding-left: 20px; background: url(img/sapi-winner-logo-tiny.jpg) no-repeat left top ; color: #ed2024; font-weight: bold; }
		
	#welcome a.moreLink { background: #000; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 15px; font-weight: bold; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; display: block; float: right; }

/* */

.navigation .alignleft  { width: 45%; float: left; padding-top: 10px; padding-bottom: 20px; }
.navigation .alignright { width: 45%; float: right;  padding-top: 10px; padding-bottom: 20px;  }

.navigation .alignleft a  { background: url(img/winner-navi-smaller.jpg) no-repeat; background-position: top left; float: left;}
.navigation .alignright a { background: url(img/winner-navi-smaller.jpg) no-repeat; background-position: top right; float: right;}

.navigation .alignleft a:hover  {background-position: bottom left;}
.navigation .alignright a:hover {background-position: bottom right;}



.navigation .alignleft a,
.navigation .alignright a  { text-decoration: none; text-indent: -9999em; width: 114px; height: 32px; }



#footer { background:#eee; height: 62px; margin-bottom: 30px;}
	#footer #leftFooter { width: 45%; float: left;  padding-top: 5px; }
	#footer #rightFooter { width: 45%; float: right; text-align: right; }
	#footer a { color: #f4771a; text-decoration: none; }
	
	.bummer {height: 100px}
	
.singlePageContainer .mid ul { margin-top: 5px; margin-bottom: 5px; }
.singlePageContainer .mid ul li a { font-size: 13px; font-weight: bold; color: #bb281d; }
.singlePageContainer .mid ul li a:hover { text-decoration: underline; }

table tr td { border: solid 1px #aaa; border-left: none; padding: 0px 5px; font-size: 12px; vertical-align: middle; }
table tr td.rupiah { border-right: none; }
table tr td.numbre { text-align: right; }
table tr td.tbNum { text-align: center; border-left: solid 1px #aaa; }

#content .singlePageContainer .mid #regisForm p { text-align: left; }
#content .singlePageContainer .mid #regisForm h3 { font-size: 18px; margin-top: 15px; margin-bottom: 5px; color: #74a040; background: #eee; padding: 3px 5px; }
.wpcf7 #regisForm span { font-size: 11px;	 }
.wpcf7 #regisForm span.wpcf7-form-control-wrap input { width: 421px; }
.wpcf7 #regisForm span.wpcf7-form-control-wrap .wpcf7-radio input { width: auto; }
.wpcf7 #regisForm span.wpcf7-form-control-wrap input#sisaSewa { width:70px; }
.wpcf7 #regisForm span.wpcf7-form-control-wrap input#bentuk { width:120px; }
.wpcf7 #regisForm span.wpcf7-form-control-wrap input#linkungan { width:120px; }
.wpcf7 #regisForm span.wpcf7-form-control-wrap input#kirim { width:auto; }

#content .singlePageContainer .mid ol { padding-left: 30px; font-size: 11px; }
#content .singlePageContainer .mid ol li { list-style-position: outside ; list-style-type: decimal;}

/* Agent List */
.singlePageContainer .mid  .oneProfile { background: #eee; float: left; width: 410px; padding: 10px; margin-bottom: 10px; line-height: 1em; }
.singlePageContainer .mid  .oneProfile img.avatar { float: left; margin-right: 20px; }
.singlePageContainer .mid  .oneProfile h3 { font-size: 18px; color: #74A040; margin-bottom: 5px; }
.singlePageContainer .mid  .oneProfile span { display: block; font-size: 12px; }
.singlePageContainer .mid  .oneProfile a.profileEditLink { font-size: 11px; float: right; padding: 2px 7px; text-decoration: none; background: #222; color: #fff; }
/* Agent List */








.singlePageContainer .mid ul, .singlePageContainer .mid ol {list-style: circle outside; margin-left: 20px }