/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ #navigation {float: left; background:none; width: 100%; margin-top:-40px;} #nav { float:left;font-size:1em; width:956px; background:#FFF url(../images/main-bg.png) no-repeat 0 0; text-indent:-99999px; margin-top:-30px; display: block; height:38px; overflow:hidden; } ul#menu { float:left;font-size:1em; width:956px; margin-left:-13px; text-indent:-99999px; display: block; height:38px; overflow:hidden; } ul#menu li { float:left; } ul#menu li a { display: block; height:38px; overflow:hidden; text-indent:-99999px; background:transparent url(../images/main-bg.png) no-repeat; } ul#menu li#menu-1 a { background-position:0 0; width:78px; } ul#menu li#menu-1 a:hover { background-position:0 -41px; width:78px; } ul#menu li#menu-2 a { background-position:-78px 0; width:132px; } ul#menu li#menu-2 a:hover { background-position:-78px -41px; width:132px; } ul#menu li#menu-3 a { background-position:-210px 0; width:116px; } ul#menu li#menu-3 a:hover { background-position:-210px -41px; width:116px; } ul#menu li#menu-4 a { background-position:-326px 0; width:115px; } ul#menu li#menu-4 a:hover { background-position:-326px -41px; width:115px;} ul#menu li#menu-5 a { background-position:-441px 0; width:82px; } ul#menu li#menu-5 a:hover { background-position:-441px -41px; width:82px; } ul#menu li#menu-6 a { background-position:-523px 0; width:70px; } ul#menu li#menu-6 a:hover { background-position:-523px -41px; width:70px; } ul#menu li#menu-7 a { background-position:-593px 0; width:363px; } ul#menu li#menu-7 a:hover { background-position:-593px -41px; width:363px; } /*image-munu*/ /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { position:relative; text-align:left;} #nav li.over { z-index:999; } #nav a, #nav a:hover { display:block; line-height:1.3em; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } /************ 0 LEVEL ***************/ #nav li { float:left; background:transparent url(../images/nav_div.png) no-repeat 100% 100%;} #nav li.active a, #nav li.over a{ color:#53600d; } #nav a { float:left; padding:12px 14px;color:#555; font-weight:bold; text-shadow:0 1px 0 #FFF;} #nav a {padding /*\**/:12px 11px\9;}/*IE8 hack*/ html:first-child #nav a {padding:12px 10px;}/*Opeara Hack*/ #nav a:hover, #nav li.over, #nav li:hover, #nav li.active{ background:transparent url(../images/nav_active.gif) repeat-x 0 0; color:#000;} /************ 1ST LEVEL ************/ #nav ul li, #nav ul li.active, #nav ul li.over, #nav ul li:hover { float:none; border:none; background:none; margin:0; padding:0; padding-bottom:1px; text-transform:none; } #nav ul li.parent { background:url(../images/nav_parent_arrow.gif) no-repeat 100% 50%; } #nav ul li.last { padding-bottom:0; } #nav ul li.active { margin:0; border:0; background:none; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ #nav ul { position:absolute; width:15em; top:40px; left:-10000px; border:1px solid #bbb; border-bottom:2px solid #999; padding:3px 8px; background:#fcfcfc; font-size:11px; } /* Show menu */ #nav li.over > ul { left:-1px; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } #nav ul li a { padding:3px 0; color:#444 !important;} #nav ul li a:hover { padding:3px 0; color:#5a7f00 !important; } /************ 3RD+ LEVEL ************/ #nav ul ul { top:5px; } .left-nav .head{padding: 5px 6px 7px 12px;text-align: left;border-bottom: 2px solid #ddd;background: url(../images/arrow_left_nav.gif) left center no-repeat;} .left-nav .head h2{margin: 0px; padding: 0px;line-height: normal;color: #918f7b;} #left-nav { font-size:1em;margin-bottom: 1em; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #left-nav li { position:relative; text-align:left; } #left-nav li.over { z-index:999; } #left-nav a, #left-nav a:hover { display:block; white-space:nowrap;text-decoration:none; } #left-nav span { display:block; cursor:pointer; white-space:nowrap; } #left-nav li ul span {white-space:normal; } /************ 0 LEVEL ***************/ #left-nav li { border-bottom: 1px solid #ddd; } #left-nav li.active, #left-nav li.active a{color:#444;font-weight:bold; background: #E3F1F6;} #left-nav li a { background: url(../images/arrow_left.png) center left no-repeat;padding:6px 10px 6px 12px; color:#555; margin-left:5px; } #left-nav li.over a, #left-nav a:hover { color:#2e2e2e; } #left-nav li.active {} #left-nav li:hover, #left-nav li.over {background: #E3F1F6;} /************ 1ST LEVEL ************/ #left-nav ul li span{line-height: 1.3em;} #left-nav ul li, #left-nav ul li.active, #left-nav ul li.over{ float:none; border:none; padding:0; padding-bottom:1px; border-bottom:1px solid #C5C5C5; text-transform:none; } #left-nav ul li.parent { } #left-nav ul li.last { padding-bottom:0; } #left-nav ul li.active { margin:0; border:0; background:none; } #left-nav ul a, #left-nav ul a:hover { float:none; padding:0; background:none; } #left-nav ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ #left-nav ul { position:absolute; width:18em; top:5px; left:-10000px; padding:0; background:#fff; border:1px solid #C5C5C5; } /* Show menu */ #left-nav li.over > ul { left:170px; } #left-nav li.over > ul li.over > ul { left:170px; } #left-nav li.over ul ul { left:-10000px; } #left-nav ul li {background:#f6f6f6;} #left-nav ul li:hover{background: none;border-bottom:1px solid #C5C5C5;} #left-nav ul li a {padding:7px; color:#0A263C !important; background:#FFF;} #left-nav ul li a:hover { padding:7px; color:#444 !important; background:#c6e2e5; } /************ 3RD+ LEVEL ************/ #left-nav ul ul { top:5px; } /* End Left Navigation */ #nav-top {font-size: 1em; width: 955px; background:transparent url(../images/top-bg.png) no-repeat 50% 0;margin-left:0; height:19px;} #nav-top ul{list-style: none;padding: 0px; float:right;} #nav-top li {float: left;padding: 0px;} #nav-top li a{display: block;background:none;color: #555;} #nav-top li a:hover{text-decoration: none; color:#000;} #livehelp {width:177px; height:43; margin-top:-17px; margin-left:-19px;} /*Homepage Code*/ .howto-img {width:100%; height:225px; background:#FFF url(../images/howto-order.png) no-repeat 50% 0; margin-bottom:10px; border:1px dashed #DDD; -moz-border-radius: 8px; -webkit-border-radius: 8px; -opera-border-radius: 8px;} .howtob-left,.howtob-right {width:440px; padding:10px; height:650px; background:#F4F4F4; border:1px dashed #DDD; -moz-border-radius: 8px; -webkit-border-radius: 8px; -opera-border-radius: 8px;} .howtob-left {float:left;} .howtob-right {float:right;} ul.howtob-dec {list-style:decimal; padding-left:30px; color:#3F96EB;} .h-font { color:#444;} .send-inform {width:100%; margin-top:10px; padding-top:10px; border-top:1px solid #DDD;} .post-man {width:100%; height:125px; background:#F4F4F4 url(../images/post-man.jpg) no-repeat 50% 0;} /*Bank*/ .bank-scb {width:385px; padding:10px 0 10px 55px; background:#FFF url(../images/scb.gif) no-repeat 10px 50%; border-top:1px dashed #DDD; margin-top:10px;} .bank-kasikorn,.bank-bkb,.bank-ktb {width:385px; padding:10px 0 10px 55px; border-top:1px dashed #DDD;} .bank-kasikorn{background:#FFF url(../images/kasikorn.gif) no-repeat 10px 50%;} .bank-bkb{background:#FFF url(../images/bkb.gif) no-repeat 10px 50%;} .bank-ktb {background:#FFF url(../images/krungthai.gif) no-repeat 10px 50%;} .bank-ksb {width:385px; padding:10px 0 10px 55px; background:#FFF url(../images/atybank.gif) no-repeat 10px 50%; border-top:1px dashed #DDD; border-bottom:1px dashed #DDD; margin-bottom:10px;} /*Contacts Us*/ .is-form {width:700px; padding:10px;} ul.is-list {list-style:decimal; padding-left:30px;} .form-label {color:#3F96EB; font-weight:700; font-size:1.2em; margin:10px 0; padding:5px 0; border-bottom:1px dashed #CCC; } #crame {width:256px;} .c-form {border: 1px solid #DDD; background:#FAFAFA; -moz-border-radius: 6px; -webkit-border-radius: 6px; -opera-border-radius: 6px; padding:4px;} .c-form li { margin:0 8px 10px 0; padding-left:8px; } .c-form li .input-box { float:left; width:275px; } .c-form li .input-text, .c-form li select { width:256px; } .c-form li textarea { width:525px; } .c-form li .input-box .input-text, .c-form li .input-box textarea{ width:250px; margin-bottom:5px; } .c-form li .input-box select { width:256px; } .c-form li .drop-box { float:left; width:275px; margin-bottom:5px; } .radio-box {} .form-label2 {font-size:1em;} /*vertical menu*/ .v-top-banner{width:200px; height:60px; margin-top:-28px;} .v-top-banner2 {width:200px; height:60px; margin:10px 0;} /*NU code*/ .email-icon {width:177px; height:51px;} .hotmail {width:60px; height:51px; float:left;} .gmail {width:58px; height:51px; float:left;} .yahoo {width:59px; height:51px; float:left;} .f-checkbox {background:#e3f1f6; padding:0 10px 15px; width:670px; border:1px solid #d9eef6;} .cb {margin-right:8px;} .contact-bt { cursor:pointer; color:#FFF; font-family:Tahoma; text-shadow:0 1px 0 #0077eb; background:#3f96eb url(../images/bt-bg.png) no-repeat 0 0; border:1px solid #3f96eb; border-radius: 4px;-moz-border-radius: 4px; -webkit-border-radius: 4px; padding:3px 3px 3px 28px; } .db2 {width:510px; padding:10px; background:#E3F1F6; border:1px solid #D9EEF6;}