/*									----------------------------------------------------------------------------------------------------
									PT. TETRA ANEKA TEKNIK - Electrical Industrial Supply (CSS)
									---------------------------------------------------------------------------------------------------- */
body								{ margin:0; padding:0; background:#dedee0 url(../images/bg-Main.jpg) center top no-repeat; }
div, p, textarea, img, span			{ margin:0; padding:0; }
a img								{ border:none; }


#pageContainer						{ width:100%; /*border-top:solid 10px #222222;*/ float:left; }
#wrapper							{ width:940px; margin:0 auto; }


/* ================================ HEADER ================================ */
/*#header							{ width:940px; height:160px; float:left; }*/

/* ================================ SLIDER ================================ */
#slider								{ width:940px; height:450px; float:left; }

/* ================================ CONTENT ================================ */
#content							{ width:940px; font:12px/18px Arial, Helvetica, sans-serif; color:#666666; float:left; }
#content_TOP						{ width:940px; height:4px; background:url(../images/bg-Top.png) 0 0 no-repeat; float:left; }
#content_MID						{ width:940px; padding:50px 0 50px 0; background:url(../images/bg-Middle.png); -webkit-border-radius:3px; -moz-border-radius:3px; 
									border-radius:3px; float:left; }
#content_BOT						{ width:940px; height:10px; background:url(../images/bg-Bottom.png) 0 0 no-repeat; float:left; }

/* ================================ CONTENT / PANEL ================================ */
#panelCol_01_L						{ width:240px; margin:0 20px 0 20px; float:left; }
#panelCol_01_L h1					{ padding:0; margin:0; font-family:'Oswald', sans-serif; font-size:22px; color:#262b31; line-height:22px; }

#panelCol_01_R						{ width:640px; margin:0 20px 0 0; float:left; }
#panelCol_01_R h1					{ padding:0; margin:0; font-family:'Oswald', sans-serif; font-size:22px; color:#262b31; line-height:22px; }
#panelCol_01_R h1 a					{ padding:0; margin:0; color:#262b31; text-decoration:none; }
#panelCol_01_R h1 a:hover			{ color:#2b94e5; }

#panelCol_02_L						{ width:440px; margin:0 20px 0 20px; float:left; }
#panelCol_02_L h1					{ padding:0; margin:0; font-family:'Oswald', sans-serif; font-size:22px; color:#262b31; line-height:22px; }

#panelCol_02_R						{ width:440px; margin:0 20px 0 0; float:left; }
#panelCol_02_R h1					{ padding:0; margin:0; font-family:'Oswald', sans-serif; font-size:22px; color:#262b31; line-height:22px; }

/* ================================ Product */
/* Bpl */
#bpl								{ width:200px; margin-top:25px; padding:20px 20px 30px 20px; background:#e1e8ea; float:left; }
#bpl ul								{ margin:0; padding:0; }
#bpl ul li							{ height:30px; font-family:'Oswald', sans-serif; font-size:13px; color:#262b31; line-height:29px; text-transform:capitalize; 
									list-style-type:none; text-transform:capitalize; border-bottom:solid 1px #79bef5; float:left; }
#bpl ul li a						{ width:175px; height:30px; padding-left:25px; color:#262b31; text-decoration:none; line-height:29px; display:block;
									background:url(../images/arrow.gif) 0 9px no-repeat; }
#bpl ul li a:hover					{ color:#ff3300; text-decoration:none; background:url(../images/arrow_on.gif) 0 9px no-repeat; }

/* Product */
#product							{ width:640px; margin-top:25px; float:left; }
ul.list-3 li						{ width:300px; margin:0 10px 20px 10px; float:left; }
.img-border-2						{ /*border:#fff 1px solid; box-shadow:#dfe0e0 0 2px 3px;*/ text-align:center; margin-bottom:5px; }
.block-3							{ overflow:hidden; background:url(../images/bg_patern.gif); /*padding:18px 13px 19px 12px; border:#79bef5 1px solid;*/ }
.block-3:hover						{ background:#d1dcdf; /*border:#e1e8ea 1px solid;*/ }
.block-3 .extra-wrap				{ padding:5px 15px 10px 15px; }
.block-3 p a						{ color:#7c7c7c; display:block; }
.block-3 p a:hover					{ color:#0066ff; }
.link-2								{ margin-bottom:5px; font-family:'Oswald', sans-serif; text-decoration:none; cursor:pointer; color:#262b31; font-size:14px; 
									line-height:18px; text-transform:capitalize; background:url(../images/link.gif) left 8px no-repeat; display:inline-block; }
a.link-2:hover						{ color:#2b94e5; }

/* Product Detail */
#productDetail						{ width:640px; margin-top:25px; margin-bottom:15px; float:left; }
#productDetail p					{ margin-top:10px; color:#666; }
/* pDetail */
#pDetail							{ width:640px; float:left; }
#pDetail img.pDetailXX				{ margin:0 0 25px 0; float:left; }
#pDetailXX							{ width:640px; margin-bottom:25px; float:left; }
#thumbs								{ padding-top:10px; overflow:hidden; }
#thumbs img, #largeImage			{ padding:0px; cursor:pointer; }
#thumbs img							{ float:left; margin-right:0px; }
.galleryMarginRight					{ width:8px; height:88px; float:left; }
#panel								{ position:relative; }

/* Pagination */
.pagination							{ width:640px; margin:10px 0 25px 0; float:left; }
.boxPagination						{ margin:0; padding:0; float:left; }
ul									{ border:0; margin:0; padding:0; }
	.lpPagination li				{ border:0; margin:0; padding:0; font:12px Arial, Helvetica, sans-serif, Tahoma; list-style:none; display:inline; }
	.lpPagination a					{ background:#79bef5; color:#ffffff; margin-right:2px; padding:10px; float:left; display:block; text-decoration:none;
									text-align:center; }
	.lpPagination a:hover			{ background:#ff3300; color:#ffffff; margin-right:2px; float:left; display:block; text-decoration:none; }
	.lpPagination .active 			{ background:#ff3300; color:#ffffff; font-weight:bold; margin-right:2px; padding:10px; float:left; display:block;
									text-decoration:none; text-align:center; }
	.lpPagination .prev a			{ background:#79bef5; margin-right:2px; float:left;	display:block; text-decoration:none; text-align:center; }
	.lpPagination .prev a:hover		{ background:#ff3300; }
	.lpPagination .next a			{ background:#79bef5; margin-right:2px; float:left;	display:block; text-decoration:none; text-align:center; }
	.lpPagination .next a:hover		{ background:#ff3300; }

#productDetail						{}

/* ================================ F.A.Q */
#faq								{ width:440px; margin-top:25px; float:left; }
#faq ul								{ width:440px; float:left; }
#faq ul li							{ margin-bottom:20px; list-style:none; }
#faq ul li p.quest					{ margin-bottom:5px; font:bold 14px/18px Arial, Helvetica, sans-serif; color:#2b94e5; }
#faq ul li p.ask span				{ font:bold 14px/18px Arial, Helvetica, sans-serif; color:#666666;}
#faq ul li p.ask					{ font:12px/18px Arial, Helvetica, sans-serif; color:#666666; }

/* ================================ About Us */
#aboutus							{ width:440px; margin-top:25px; margin-bottom:25px; float:left; }
#aboutus .imgAU						{ padding:0; margin:0 0 15px 0; }
#aboutus p							{ font:12px/18px Arial, Helvetica, sans-serif; color:#666666; }
#aboutus h1							{ padding:0; margin:30px 0 10px 0; font-family:'Oswald', sans-serif; font-size:20px; color:#262b31; line-height:20px; }

/* ================================ Contact Us */
#contactus							{ width:440px; margin-top:25px; float:left; }
#contactus p.contactusCaption		{ font:12px/18px Arial, Helvetica, sans-serif; color:#666666; }
#contactus form						{ width:440px; padding:0; margin:0; display:block; float:left; }
#contactus label					{ width:120px; padding:10px 0 0 0; display:block; text-align:left; float:left; }
#contactus .divInput				{ width:440px; margin-bottom:10px; text-align:left; float:left; }
#contactus .txtInput				{ width:280px; padding:10px 10px; font:12px/18px Arial, Helvetica, sans-serif; color:#262626; -webkit-border-radius:2px;
									-moz-border-radius:2px; border-radius:2px; /*background:#cccccc;*/ border:solid 1px #79bef5; }
#contactus .txtArea					{ width:280px; padding:10px 10px; font:12px/18px Arial, Helvetica, sans-serif; color:#262626; -webkit-border-radius:2px; 
									-moz-border-radius:2px; border-radius:2px; /*background:#cccccc;*/ border:solid 1px #79bef5; }
#contactus .btnInput				{ width:90px; height:36px; padding-bottom:4px; background:#262b31 /*url(../images/bgBtnForm.png) no-repeat*/;
									cursor:pointer; font:bold 12px/30px Arial, Helvetica, sans-serif; color:#ffffff; border:none; }
.required							{ font:bold 12px/18px Arial, Helvetica, sans-serif; color:#262b31; }

/* ================================ Contact Map */
#contact_Peta						{ width:440px; margin-top:25px; float:left; }
#contact_Office						{ width:440px; margin:25px 0; float:left; }
#contact_Office h4					{ padding:0; margin:0 0 5px 0; font-family:'Oswald', sans-serif; font-size:12px; font-weight:400; color:#262b31; line-height:22px; }
#contact_Office	p					{ padding:0; margin:0; font:12px/18px Arial, Helvetica, sans-serif; color:#666666; }

/* ================================ FOOTER ================================ */
#footer								{ width:940px; margin:30px 0 40px 0; padding-top:20px; border-top:solid 1px #c3c3c3; float:left; }
#footer .address					{ width:470px; height:23px; padding-left:30px; font-family:'Oswald', sans-serif; font-size:12px; color:#444; line-height:23px;
									background:url(../images/address-icon.png) 0 0 no-repeat; float:left; }
#footer .telephone					{ width:240px; height:23px; padding-left:30px; font-family:'Oswald', sans-serif; font-size:12px; color:#444; line-height:23px;
									background: url(../images/phone-icon.png) 7px 0 no-repeat; float:left; }
#footer .email						{ width:135px; height:23px; padding-left:35px; font-family:'Oswald', sans-serif; font-size:12px; color:#444; line-height:23px;
									background: url(../images/letter-icon.png) 0px 0 no-repeat; float:left; }
#footer .email a					{ color:#444444; text-decoration:none; }
#footer .email a:hover				{ color:#79bef5; }
#footer .copyright					{ width:940px; margin-top:20px; padding-top:20px; border-top:solid 1px #c3c3c3; font-family:'Oswald', sans-serif; font-size:11px;
									color:#79bef5; line-height:23px; text-align:center; float:left; }