html {
overflow-y:scroll;
}
body {
text-align:left;
font-size:12px;
font-family:Verdana, Helvetica, sans-serif;
font-style:normal;
font-weight:400;
text-decoration:none;
color:#777;
background-color:#000000;
margin:0;
}
#pageSurround {
width:901px;
background:url(../styleImages/backgrounds/pageBG_Left.png) left repeat-y;
background-color:#000000;
margin:0 auto;
padding:0;
}
#subSurround {
background-color:#FFF;
background:url(../styleImages/backgrounds/pageBG_Right.png) right repeat-y;
height:100%;
margin:0;
padding:0;
}
#pageBottom {
background:url(../styleImages/backgrounds/pageBG_Bottom.png) left bottom no-repeat;
width:901px;
height:11px;
margin:-7px auto 0;
}
#topHeader {
height:130px;
margin-bottom:10px;
background:url(../styleImages/backgrounds/logo.png) no-repeat;
background-position:46px;
position:relative;
}
#ilham {
position: absolute;
margin: 31px 0px 0px 508px;
}
#session {
position:absolute;
top:0;
right:20px;
background:url(../styleImages/backgrounds/session_mid.png) repeat-x;
height:29px;
width:370px;
}
#sessionLeft {
height:29px;
width:2px;
float:left;
background:url(../styleImages/backgrounds/session_left.png) no-repeat;
}
#sessionRight {
height:29px;
width:2px;
float:right;
background:url(../styleImages/backgrounds/session_right.png) no-repeat;
}
#sessionBody {
height:29px;
float:left;
}
#sessionFalse {
float:left;
margin-left:10px;
padding-top:4px;
}
#searchBody {
float:right;
margin-right:10px;
position:relative;
}
#checkoutNotice {
width:144px;
height:38px;
background:url(../styleImages/backgrounds/checkout-notice.png) no-repeat center;
position:absolute;
bottom:0;
right:65px;
display:none;
margin:0;
padding:0;
}
#siteDocBar {
width:841px;
margin-left:20px;
margin-right:20px;
height:28px;
position:relative;
padding-left:10px;
padding-right:10px;
background:url(../styleImages/backgrounds/site_doc_mid.png) top repeat-x;
margin-bottom:15px;
}
#siteDocBarLeft {
width:5px;
height:28px;
background:url(../styleImages/backgrounds/site_doc_left.png) left top no-repeat;
position:absolute;
left:0;
top:0;
}
#siteDocBarRight {
width:5px;
height:28px;
background:url(../styleImages/backgrounds/site_doc_right.png) right top no-repeat;
position:absolute;
right:0;
top:0;
}
h1,.boxTitleLeft,.boxTitleRight,.showCaseTitle {
background:url(../styleImages/backgrounds/cat_mid.png) top repeat-x;
width:210px;
height:30px;
position:relative;
color:#4F4F4F;
font-weight:700;
font-size:120%;
padding-top:0px;
padding-left:5px;
}
h2 {
background:url(../styleImages/backgrounds/cat_mid.png) top repeat-x;
width:210px;
height:30px;
position:relative;
color:#4F4F4F;
font-weight:700;
font-size:120%;
padding-top:3px;
padding-left:10px;
}
}
.boxTitleExpanded,.boxTitleExpanded-featured,.boxTitleExpanded-popular,.boxTitleExpanded-mail {
position:absolute;
right:0;
top:0;
background:url(../styleImages/backgrounds/cat_right_expanded.png) top right;
width:35px;
height:35px;
}
.boxTitleCollapsed,.boxTitleCollapsed-featured,.boxTitleCollapsed-popular,.boxTitleCollapsed-mail {
position:absolute;
right:0;
top:0;
background:url(../styleImages/backgrounds/cat_right_collapsed.png) top right;
width:35px;
height:35px;
}
.boxContentLeft,.boxContentRight {
width:210px;
padding-left:5px;
margin-bottom:10px;
padding-top:3px;
padding-bottom:5px;
}
.colLeft {
position:relative;
width:240px;
padding-left:25px;
margin-right:20px;
float:left;
background:url(../styleImages/backgrounds/side_bar_bottom.png) right bottom repeat-y;
min-height:360px;
overflow:hidden;
}
#colLeftTop {
position:absolute;
top:0;
right:0;
background:url(../styleImages/backgrounds/side_bar_top.png) top right no-repeat;
width:11px;
height:191px;
}
.colMid {
position:relative;
width:591px;
float:left;
}
.boxContent {
font-size:100%;
color:#777;
margin-bottom:5px;
}
.colLeftCheckout {
position:relative;
left:0;
width:160px;
padding-left:9px;
padding-right:10px;
float:left;
}
.colMainCheckout {
position:relative;
width:558px;
float:left;
}
.pagination {
text-align:right;
padding-top:5px;
padding-bottom:5px;
margin-bottom:10px;
width:100%;
}
.txtLink,.txtLinkCurrent {
font-size:14px;
color:#C3C3C3;
font-weight:700;
border:1px solid #111111;
margin-left:4px;
text-decoration:none;
padding:3px 7px;
}
.txtLinkCurrent {
background-color:#F3F3F3;
color:#4F4F4F;
}
#subCats {
text-align:center;
border:1px solid #111111;
float:left;
width:100%;
padding-top:10px;
padding-bottom:20px;
margin-bottom:20px;
overflow:hidden;
}
.subCat {
text-align:center;
float:left;
width:110px;
height:160px;
margin:8px;
}
.catContents {
position:absolute;
top:18px;
right:18px;
width:43px;
height:34px;
z-index:99;
color:#FFF;
text-align:center;
background-image:url(../styleImages/backgrounds/cat_contents_2.png);
background-position:0;
text-decoration:none;
}
.catContents:hover {
background-position:100%;
}
.catContentsText {
padding-top:8px;
font-weight:700;
font-family:Verdana,Arial,sans-serif;
font-size:10px;
text-decoration:none;
}
.subCatText {
border-top:1px dotted #111111;
}
.regSep {
border-top:1px solid #111111;
border-bottom:1px solid #111111;
margin:10px 0;
padding:10px 0;
}
.latestProds {
float:left;
text-align:center;
width:176px;
height:240px;
border-left:1px solid #111111;
border-bottom:1px solid #111111;
margin-bottom:20px;
margin-right:20px;
background-color:#000000;
overflow:hidden;
position:relative;
}
.latestProdsName {
margin-top:5px;
margin-bottom:5px;
text-align:left;
padding-left:20px;
}
.txtlatestProdsName,.featuredProdName {
font-size:120%;
color:#777;
text-decoration:none;
}
.txtlatestProdsName:hover,.featuredProdName:hover {
font-size:120%;
color:#777;
text-decoration:none;
}
.latestProdsPrice {
position:absolute;
left:20px;
bottom:5px;
}
.latestProdsImage {
width:165px;
height:120px;
text-align:left;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
vertical-align:top;
border-bottom:1px dashed #111111;
}
.siteDocNav {
float:left;
list-style:none;
height:28px;
background-position:0 -28px;
color:#C3C3C3;
padding-top:4px;
}
.siteDocNavCurrent {
float:left;
list-style:none;
height:28px;
background:url(../styleImages/backgrounds/site_doc_active.png) top repeat-x;
padding-top:4px;
}
.siteDocNav:hover {
background:url(../styleImages/backgrounds/site_doc_hover.png) top repeat-x;
background-position:0 0;
color:#4F4F4F;
}
.docCurrent,.docActive {
font-size:14px;
padding-left:15px;
padding-right:15px;
font-weight:700;
color:#C3C3C3;
text-decoration:none;
text-transform:uppercase;
}
.docCurrent:hover,.cartHighlight {
background-position:0 0;
color:#4F4F4F;
text-decoration:none;
}
.docActive {
color:#FFF;
}
.btnLogin,.btnRegister,.subCatName {
font-size:14px;
font-weight:700;
margin-right:10px;
color:#C3C3C3;
text-decoration:none;
}
.searchForm {
position:absolute;
top:3px;
right:30px;
height:18px;
width:140px;
border:1px solid #111111;
padding-left:4px;
color:#4F4F4F;
}
#btnSearch {
width:32px;
height:26px;
background:url(../styleImages/backgrounds/session_search_button.png) top left repeat-x;
border:none;
position:absolute;
right:-8px;
top:1px;
}
#btnSearch:hover {
cursor:pointer;
}
a.txtDefault {
color:#777;
text-decoration:none;
line-height:15px;
}
.showCase {
height:140px;
width:591px;
overflow:hidden;
border:1px solid #111111;
list-style:none;
margin:0;
padding:0;
}
.showCaseProduct {
background-color:#FFF;
width:591px;
height:110px;
top:0;
left:0;
}
.showCaseSaleImage {
float:left;
width:120px;
height:140px;
text-align:center;
vertical-align:top;
background-color:#FFF;
}
.showCaseDetails {
float:left;
width:451px;
height:130px;
margin-left:10px;
padding-top:12px;
position:relative;
}
.showCaseTitle {
width:440px;
}
.featuredImage {
width:210px;
height:140px;
text-align:center;
vertical-align:top;
background-color:#FFF;
}
.saleDesc {
width:430px;
margin-left:10px;
margin-bottom:10px;
}
.paused {
height:40px;
width:40px;
background:url(../styleImages/backgrounds/paused.png) no-repeat left top;
display:none;
position:absolute;
right:0;
bottom:0;
}
.tagSave {
width:125px;
height:23px;
margin-left:10px;
background:url(../styleImages/backgrounds/saleTag.png) no-repeat left top;
font-size:14px;
color:#FFF;
padding-left:5px;
padding-top:2px;
}
h1 {
width:100%;
margin-top:0;
}
h2.txtViewCatProductName {
width:560px;
margin-top:0;
padding-right:15px;
padding-left:15px;
color:#999;
font-size:13px;
}
a.txtViewCatProductName {
color:#999;
font-size:13px;
text-decoration:none;
}
.togglePopular ul {
list-style:none outside;
margin-left:0;
text-align:left;
padding-left:0;
}
.togglePopular li {
padding-bottom:7px;
padding-top:7px;
padding-left:5px;
margin-left:0;
color:#777;
background:transparent url(../styleImages/backgrounds/dot.gif) repeat-x scroll center bottom;
}
.txtPopular {
color:#999;
text-decoration:none;
}
.viewCatProduct {
width:100%;
border-left:1px solid #111111;
border-bottom:1px solid #111111;
border-right:1px solid #111111;
margin-bottom:20px;
position:relative;
}
.viewCatProductImage {
width:130px;
height:210px;
float:left;
margin-top:5px;
}
.viewCatProductDetails {
width:440px;
margin-left:10px;
float:left;
}
.viewCatProductName {
margin-bottom:5px;
width:573px;
background-color:#333;
margin-left:-1px;
padding:10px;
}
.txtviewCatProductDescription {
font-size:12px;
color:#777;
line-height:16px;
margin-bottom:5px;
padding-left:4px;
}
#description {
color:#777;
}
.viewCatProductButtons {
height:40px;
}
.viewProdContainer {
border:1px solid #111111;
}
.images {
display:none;
}
.viewProdDetails {
float:right;
display:block;
background-color:#000000;
width:310px;
position:relative;
padding:25px 15px 15px;
}
.optionName {
float:left;
font-size:12px;
padding-left:18px;
padding-right:10px;
}
.prodOptionsTR {
background:transparent url(../styleImages/backgrounds/dotted_arrow_light.gif) no-repeat;
background-position:1px 3px;
}
.prodOptionsTR:hover {
background-image:url(../styleImages/backgrounds/dotted_arrow.gif);
}
.stockLevel {
padding-left:22px;
height:18px;
font-size:12px;
background:url(../styleImages/backgrounds/package_green.gif) no-repeat left top;
margin-top:8px;
padding-top:1px;
}
.productCode {
padding-left:22px;
height:18px;
font-size:12px;
background:url(../styleImages/backgrounds/asterisk_orange.gif) no-repeat left top;
margin-top:8px;
padding-top:1px;
}
.tellAFriend {
padding-left:22px;
height:18px;
font-size:12px;
background:url(../styleImages/backgrounds/user_comment.gif) no-repeat left top;
margin-top:8px;
padding-top:1px;
}
.bookmark {
padding-left:22px;
height:18px;
font-size:12px;
background:url(../styleImages/backgrounds/star.gif) no-repeat left top;
margin-top:8px;
padding-top:1px;
}
.addToCart {
width:137px;
height:36px;
background:url(../styleImages/backgrounds/add_to_basket.png) no-repeat;
background-position:100% -37px;
margin-top:5px;
}
.more {
width:77px;
height:37px;
background:url(../styleImages/backgrounds/more.png) no-repeat;
background-position:100% -37px;
margin-top:5px;
}
.txtDetailName {
font-size:14px;
color:#4F4F4F;
border-bottom:1px dotted #111111;
padding-bottom:3px;
margin-bottom:5px;
}
.txtOldPrice {
color:#F4BA01;
font-size:10px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.prodPrice {
font-size:20px;
font-weight:700;
color:#007D01;
}
.txtPrice {
color:#F4BA01;
font-size:18px;
font-weight:700;
float:left;
text-align:left;
}
.txtSale {
color:#007D01;
font-weight:700;
font-size:18px;
letter-spacing:-1px;
text-align:left;
}
a.txtSale {
background:transparent url(../styleImages/backgrounds/sale_price_right.png) no-repeat scroll top right;
color:#FFF;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.5px;
height:33px;
margin-right:6px;
padding-right:8px;
text-decoration:none;
display:block;
float:left;
margin-top:10px;
margin-left:-12px;
padding-left:10px;
}
a.txtSale span {
background:transparent url(../styleImages/backgrounds/sale_price_left.png) no-repeat scroll top left;
line-height:13px;
display:block;
padding:10px 3px 10px 35px;
}
.txtOutOfStock {
color:red;
}
.AJAX-process {
display:none;
position:absolute;
top:7px;
right:7px;
width:16px;
height:16px;
background:url(../styleImages/backgrounds/ajax-load_1.gif) no-repeat center;
}
.AJAX-done {
display:none;
position:absolute;
top:7px;
right:7px;
width:23px;
height:22px;
background:url(../styleImages/backgrounds/ajax_done.png) no-repeat center;
} .AJAX-opt {
display:none;
position:absolute;
top:7px;
right:7px;
width:23px;
height:22px;
background:url(../styleImages/backgrounds/exclamation.gif) no-repeat center;
} .AJAX-options { display:none; width:390px !important; margin-left:5px; margin-top:10px; margin-bottom:10px;} .toggleMail {
padding-left:5px;
}
.mailBox {
height:18px;
width:160px;
border:1px solid #111111;
color:#4F4F4F;
float:left;
padding-left:5px;
}
#mailContainer {
padding-top:5px;
}
.btnMail {
width:18px;
height:20px;
background:#FFF url(../styleImages/backgrounds/mail_icon.png) no-repeat center;
padding-left:4px;
border:1px solid #111111;
float:left;
margin-left:-2px;
}
.catTree ul,catTree li {
list-style-type:none;
}
.catTree li {
list-style:none outside;
color:#333;
padding-top:0px;
padding-bottom:0px;
text-decoration:none;
text-indent:0px;
width:100%;
text-align:left;
}
.catTree ul {
margin-left:0;
}
.usual {
color:#111;
width:591px;
}
.usual ul {
margin:0;
padding:0;
}
.usual li {
list-style:none;
float:left;
margin-bottom:-1px;
}
.usual ul a {
display:block;
text-decoration:none !important;
background:url(../styleImages/backgrounds/tab.png) repeat-x bottom;
font-size:14px;
font-weight:700;
color:#999;
border:1px solid #111111;
border-bottom:0;
margin:1px 1px 1px 0;
padding:6px 10px;
}
.usual ul a:hover {
color:#4F4F4F;
background-image:url(../styleImages/backgrounds/tab_hover.png);
border:1px solid #111111;
border-bottom:0;
}
.usual ul a.selected {
display:block;
margin-bottom:0;
color:#4F4F4F;
background:#000000 !important;
border:1px solid #111111;
border-bottom:1px solid #111111 !important;
cursor:default;
}
.usual div {
clear:left;
background:#000000;
border:1px solid #111111;
padding:3px 10px 8px;
}
.usual div a {
color:#000;
font-weight:700;
}
.textbox {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#776B1B;
background:#FFFADB url(../styleImages/backgrounds/fieldbg_large.png) top repeat-x;
width:200px;
border:1px solid #111111;
padding:6px;
}
.fieldLabel {
font-weight:700;
color:#666;
font-size:120%;
}
.loginStatus,.errorStatus {
border:1px solid #111111;
background:url(../styleImages/backgrounds/help.gif) no-repeat left;
background-position:8px 9px;
margin-bottom:10px;
color:#636363;
width:532px;
padding:10px 10px 10px 35px;
}
.errorStatus {
background-image:url(../styleImages/backgrounds/exclamation.gif);
background-color:#FFF2F2;
}
.forgotPassword,.newUser,.noItems,.editAddress,.continue,.gateway,.update {
border:1px solid #111111;
background:url(../styleImages/backgrounds/key.gif) no-repeat;
background-position:8px 9px;
margin-bottom:10px;
color:#636363;
display:block;
padding:10px 15px 10px 35px;
}
.forgotPassword:hover,.newUser:hover,.noItems:hover,.editAddress:hover,.continue:hover,.gateway:hover,.update:hover {
background-color:#F9F9F9;
}
.newUser {
background-image:url(../styleImages/backgrounds/user_go.gif);
}
.noItems {
background-image:url(../styleImages/backgrounds/cart_error.gif);
}
.editAddress {
background-image:url(../styleImages/backgrounds/page_white_edit.gif);
}
.continue {
background-image:url(../styleImages/backgrounds/cart_go.gif);
float:right;
text-align:left;
}
.gateway {
background-image:url(../styleImages/backgrounds/lock_go.gif);
width:70px;
margin:0 auto;
}
.update {
background:none;
padding-left:10px;
float:left;
}
.submit {
background:#D9DFDF url(../styleImages/backgrounds/button-bg.jpg) repeat-x scroll 0;
border:3px double #111111;
color:#6E7777;
font-size:11px;
text-transform:uppercase;
padding:3px 5px !important;
}
#regForm label {
display:block;
font-weight:700;
color:#666;
font-size:120%;
float:left;
width:160px;
}
#regForm fieldset {
border:1px solid #111111;
margin-bottom:15px;
padding:10px;
}
.mandatory {
width:16px;
height:16px;
background:url(../styleImages/backgrounds/asterisk_orange.gif) no-repeat;
display:block;
float:left;
margin-top:5px;
margin-left:-21px;
}
#regForm legend {
font-size:150%;
color:#666;
}
#regForm p {
border-bottom:1px dashed #111111;
padding-bottom:10px;
padding-top:10px;
line-height:200%;
margin:0;
}
.regbox {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#776B1B;
background:#FFFADB url(../styleImages/backgrounds/fieldbg_large.png) top repeat-x;
border:1px solid #111111;
width:182px;
float:left;
padding:6px 23px 6px 6px;
}
#add_2 {
margin-left:160px;
}
#step1 {
width:350px;
height:26px;
background:url(../styleImages/backgrounds/step_1.png) center no-repeat;
display:none;
margin:0 auto;
}
#step2 {
width:350px;
height:26px;
background:url(../styleImages/backgrounds/step_2.png) center no-repeat;
display:none;
margin:0 auto;
}
#step3 {
width:350px;
height:26px;
background:url(../styleImages/backgrounds/step_3.png) center no-repeat;
display:none;
margin:0 auto;
}
.txtcartProgressCurrent {
display:block !important;
}
.tdcartTitle {
font-weight:700;
font-size:120%;
color:#4F4F4F;
border-top:1px solid #111111;
border-bottom:1px solid #111111;
height:30px;
background:url(../styleImages/backgrounds/tab.png) repeat-x bottom;
}
.cartRow {
height:60px;
}
.tdcartOdd {
border-bottom:1px solid #111111;
padding-top:10px;
padding-bottom:10px;
}
.tdcartEven {
border-bottom:1px solid #111111;
background-color:#F8F8F8;
padding-top:10px;
padding-bottom:10px;
}
.cartOption {
background:transparent url(../styleImages/backgrounds/dotted_arrow_light.gif) no-repeat scroll;
background-position:4px 3px;
padding-left:22px;
padding-top:4px;
margin-top:3px;
}
.tdCartSubTotal {
padding-top:20px;
}
.cartProdTitle {
padding-left:32px;
padding-right:10px;
float:left;
}
.txtStockWarn {
background-color:#FFF2F2;
border-bottom:1px solid #111111;
}
.cartStock {
background:transparent url(../styleImages/backgrounds/arrow_up.gif) no-repeat 0 7px;
color:#636363;
text-align:left;
width:350px;
padding:5px 5px 5px 18px;
}
.cartAdd {
font-size:120%;
font-weight:700;
color:#666;
}
.txtCopyright {
color:#FFF;
text-align:center;
margin-top:10px;
}
.accountPersonalInfo,.accountOrderHistory,.accountChangePassword,.accountNewsletter {
padding-left:70px;
background:#FFF url(../styleImages/icons/personalInfo.gif) no-repeat left top;
line-height:20px;
padding-bottom:25px;
padding-top:20px;
border-bottom:1px dotted #111111;
margin-bottom:10px;
width:505px;
}
.accountOrderHistory {
background:transparent url(../styleImages/icons/orders.gif) no-repeat left center;
}
.accountChangePassword {
background:transparent url(../styleImages/icons/changePassword.gif) no-repeat left center;
}
.accountNewsletter {
background:transparent url(../styleImages/icons/newsletter.gif) no-repeat left center;
}
.account {
line-height:20px;
font-size:14px;
}
.txtOrder {
background-color:#FFF;
}
#jquery-overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
}
#jquery-lightbox {
position:absolute;
top:0;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}
#jquery-lightbox a img {
border:none;
}
#lightbox-container-image-box {
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto;
}
#lightbox-container-image {
padding:10px;
}
#lightbox-loading {
position:absolute;
top:40%;
left:0;
height:25%;
width:100%;
text-align:center;
line-height:0;
}
#lightbox-nav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}
#lightbox-container-image-box > #lightbox-nav {
left:0;
}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext {
width:49%;
height:100%;
zoom:1px;
display:block;
}
#lightbox-nav-btnPrev {
left:0;
float:left;
}
#lightbox-nav-btnNext {
right:0;
float:right;
}
#lightbox-container-image-data-box {
font:10px Verdana, Helvetica, sans-serif;
background-color:#fff;
line-height:1.4em;
overflow:auto;
width:100%;
margin:0 auto;
padding:0 10px;
}
#lightbox-container-image-data {
color:#666;
padding:0 10px;
}
#lightbox-container-image-data #lightbox-image-details {
width:100%;
float:left;
text-align:left;
}
#lightbox-image-details-caption {
font-weight:700;
}
#lightbox-image-details-currentNumber {
display:block;
clear:left;
padding-bottom:1em;
}
#lightbox-secNav-btnClose {
width:66px;
float:right;
padding-bottom:0.7em;
}
*,#lightbox-nav a {
outline:none;
}
.txtLink:hover,.btnLogin:hover,.btnRegister:hover,.subCatName:hover,a.txtViewCatProductName:hover {
color:#4F4F4F;
text-decoration:none;
}
.searchForm:focus,.mailBox:focus {
border:1px solid #111111;
}
.cat a,.txtPopular:hover {
color:#333;
text-decoration:none;
}
.cat a:hover,a.txtDefault:hover {
color:#F98601;
text-decoration:none;
}
.addToCart:hover,.more:hover {
background-position:top;
cursor:pointer;
}