/* Opal logic css */

* { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline; text-decoration:none; }

body { line-height: 1; font-family: Arial, tahoma, Helvetica, sans-serif; font-size:11px; font-size:62.5%; padding-top:0px; color:#b9b9cb; background:#040a23 url(../images/bg/bodyBg.jpg) no-repeat 50% 0; }

/* headings */
h1, h2, h3, h4 { font-weight:normal; color:#f5f3f5; }

/* links */
a { color:#fff; text-decoration:none; }
a:hover { text-decoration:underline; }
a:visited { /*color:#586b83; */ }

/* lists */
ul {list-style: none; }
p { position:relative; font-size:1.1em; line-height:1.4em; margin-bottom:13px; color:#f5f3f5; }
address { line-height:1.4em; font-style: normal; padding-left:35px; margin:10px 0; background: url(../images/iconLogo/thaiFlag.gif) no-repeat 0 3px; }

/* clear fix */
.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}

/* buttons */
.findOutMoreGreen { position:absolute; text-indent:-5000px; top:305px; left:15px; width:130px; height:25px; background: url(../images/buttons/findOutMoreGreen.jpg) no-repeat 0 0; }
.viewGalleryBrown { position:absolute; text-indent:-5000px; top:225px; left:15px; width:130px; height:25px; background: url(../images/buttons/viewGalleryBrown.jpg) no-repeat 0 0;  }

/* structure */
.container { position:relative; width:1034px; margin:0 auto; background: url(../images/bg/containeBgFades.png) repeat-y 0 0; }
.containerInner { position:relative; width:903px; margin:0 auto; border-left:1px solid #4b4a4a; border-right:1px solid #4b4a4a; background:#161616 url(../images/bg/glovesBg.jpg) no-repeat 0 0; }

/* header */
.header { position:relative; width:1034px; height:130px; margin:15px auto 0 auto; background: url(../images/bg/headerBg.png) no-repeat 0 0; }
.header .logo { position:absolute; top:48px; left:37px; width:202px; height:55px; }
.header .corner { position:absolute; top:17px; left:17px; width:45px; height:113px; background:url(../images/bg/headerBgCorner.png) no-repeat 0 0; }
.header .bubbles { position:absolute; top:17px; right:17px; width:955px; height:113px; background:url(../images/bg/headerBubblesBg.jpg) no-repeat 0 0; }

/* banners */
.banner { position:relative; width:960px; height:221px; margin:0 auto 20px auto; }
.banner.bannerHitTargets { background:url(../images/banner/bannerHitTargets.jpg) no-repeat 0 0; }

/* top navigation */
.header ul { position:absolute; top:11px; right:35px; width:500px; }
.header ul li { position:relative; float:right; display:inline; background: url(../images/iconLogo/headerMenuSeperator.gif) no-repeat 0 2px; padding:0 5px 0 7px; }
.header ul .noBg { background:none; }
.header ul li a { position:relative; font-family:tahoma; color:#e5e3e3; font-size:1.0em; display:block; font-weight:normal; }
.header ul li a:hover { text-decoration:none; color:#b9b9cb; }
.header ul li.currentpage h3 { text-decoration:none; font-family:tahoma; color:#b9b9cb; font-size:1.0em !important; }
.header ul li.separator { background:red; }

/* footer */
.footer { position:relative; z-index:10; clear:both; width:100%; height:257px; background: url(../images/footer/footerBgRepeat.jpg) repeat-x 0 0; }
.footer .footerInner { position:relative; margin:0 auto; width:1200px; height:257px; background: url(../images/footer/footerBg.jpg) no-repeat 0 0; }
.footer .footerInner .footerContent { position:relative; margin:0 auto; top:194px; width:400px; }
.footer .footerInner .footerContent p { text-align:center; margin-bottom:5px; }


/* footer navigation */
.footer ul.links { position:absolute; top:250px; right:22px; width:500px; }
.footer ul.links li { position:relative; float:right; display:inline; background: url(../images/iconLogo/headerMenuSeperator.gif) no-repeat 0 2px; padding:0 5px 0 7px; }
.footer ul.links .noBg { background:none; }
.footer ul.links li a { position:relative; color:#e5e3e3; font-size:1.0em; display:block; font-weight:bold; }
.footer ul.links li a:hover { text-decoration:none; color:#b9b9cb; }
.footer .copyRight { position:absolute; top:247px; left:30px; color:#e5e3e3; font-size:1.0em; line-height:1.6em; font-weight:bold; }


/* content */
.content {  }
.content .buckets { position:relative; width:960px; margin:0 auto 20px auto; }
.content .buckets .bucket { position:relative; width:300px; height:335px; float:left; margin-left:25px; }
.content .buckets .bucket.noMargin { margin-left:0px; }
.content .buckets .bucket h2 { text-indent:-5000px; }
.content .buckets .bucket p { color:#a2b2d8; }
.content .buckets .bucket .bucketContent { position:relative; margin:60px 0 0 14px; padding-right:30px; } 
.content .buckets .bucket ul { position:relative; margin:60px 0 0 14px; color:#a2b2d8; }
.content .buckets .bucket ul.orangeBullets li { color:#a2b2d8; background:url(../images/iconLogo/bulletOrange.jpg) no-repeat 0 0; }
.content .buckets .bucket ul.greenBullets li { color:#a2b2d8; background:url(../images/iconLogo/bulletGreen.jpg) no-repeat 0 0; }
.content .buckets .bucket ul li { color:#fff; padding-left:20px; margin-bottom:2px; height:18px;}
.content .buckets .bucket.opalLogic { background: url(../images/sections/bucketOpalLogic.jpg) no-repeat 0 0; }
.content .buckets .bucket.eMarketting { background:url(../images/sections/bucketEmarketting.jpg) no-repeat 0 0; }
.content .buckets .bucket.eCommerce { background:url(../images/sections/bucketEcommerce.jpg) no-repeat 0 0; }
.content .buckets .bucket .phoneSkypeEmail { position:absolute; width:218px; height:23px; left:0px; text-indent:-5000px; }
.content .buckets .bucket .phoneSkypeEmail.phone { top:160px; background: url(../images/iconLogo/phone.jpg) no-repeat 0 0; }
.content .buckets .bucket .phoneSkypeEmail.skype { top:193px; background: url(../images/iconLogo/skype.jpg) no-repeat 0 0; }
.content .buckets .bucket .email { position:absolute; width:218px; height:23px; left:0px; top:226px; background: url(../images/iconLogo/email.jpg) no-repeat 0 0; }

.content .eMarkettingTariffs { position:relative; width:620px; height:280px; float:left; background: url(../images/sections/emarkettingTariffs.jpg) no-repeat 0 0; }
.content .eMarkettingTariffs h2 { text-indent:-5000px; }
.content .eMarkettingTariffs .bucketContent { position:relative; margin:70px 0 0 14px; padding-right:30px; } 

.content .addedBenefits { position:relative; width:300px; float:left; margin-left:20px; }
.content .addedBenefits h2 { color:#a2de00; font-size:1.8em; padding:55px 0 13px 0; } 
.content .addedBenefits ul { position:relative; margin:0px 0 0 0px;  }
.content .addedBenefits ul li { color:#fff; font-size:1.5em; padding-left:20px; font-weight:bold; margin-bottom:2px; height:22px; background:url(../images/iconLogo/bulletGreen.jpg) no-repeat 0 2px;}

.content .tariffTable { position:relative; left:18px; width:998px; height:768px; background: url(../images/sections/tafiffTable.jpg) no-repeat 0 0; }
.content .tariffTable .buttonContainer { position:absolute; bottom:6px; left:244px; }
.content .tariffTable .buyNowbuttons { position:relative; float:left; text-indent:-5000px; margin-left:63px; width:110px; height:25px; }
.content .tariffTable .buyNowbuttons.buyNowDarkBrown { background:url(../images/buttons/buyNowDarkBrown.jpg); }
.content .tariffTable .buyNowbuttons.buyNowBlue { background:url(../images/buttons/buyNowBlue.jpg); }
.content .tariffTable .buyNowbuttons.buyNowLightBrown { background:url(../images/buttons/buyNowLightBrown.jpg); }
.content .tariffTable .buyNowbuttons.buyNowDarkGrey { background:url(../images/buttons/buyNowDarkGrey.jpg); }

.content .gallery { position:relative; left:18px; width:998px; height:391px; background: url(../images/sections/gallery.jpg) no-repeat 0 0; }

.content .qoute { position:relative; left:18px; width:617px; margin:0 auto;  height:180px; background: url(../images/sections/qoute.jpg) no-repeat 0 0; }
.content .qoute p { position:absolute; top:55px; left:85px; width:410px; text-align:center; color:#495e9a; font-size:1.8em; }
.content .qoute p strong { font-size:0.7em; display:block; font-style:italic; font-weight:bold; }