/* --- JEKZ SHOES CSS -- */ /* ---------------- INITIAL START ------------- */ * { margin: 0px; padding: 0px;} form label { cursor: pointer; } fieldset { border: none; } select, textarea { border: 1px solid #ccc; background: white; font: normal bold 11px Arial, Helvetica, sans-serif; color: #555; } input { background: none; border: none; font: normal bold 11px Arial, Helvetica, sans-serif; color: #555; } button { background: none; border: none; text-align: center; width: 100%; cursor: pointer; } /* ---------------- INITIAL END ------------- */ /* ---------------- FONT ------------- */ h1, .h1 { color: #8e9f31; font: normal normal 22px "Trebuchet MS", Arial;} h2, .h2 { color: #8e9f31; font: normal normal 17px "Trebuchet MS", Arial; } h3 { color: #8e9f31; font: normal bold 16px "Trebuchet MS", Arial;} h4 { } a { color: #A05C30; text-decoration: underline; } a:hover { text-decoration: none; } /* ---------------- BASICS ------------- */ /* this is the full image - in case just activate body { background: black url(/images/main/bg.jpg) center top no-repeat;} */ body { background: black url(/images/main/bg_repeating.jpg) center top repeat-x; font: normal normal 12px "Trebuchet MS", Arial; color: #555; } body, html {height: 100%; } #fixPos { position: relative; z-index: 0; height: 100%; overflow: auto; } #mainwrapper { background: white; width: 770px; margin: 0 auto 0 auto; margin-bottom: 15px; } #topWrapper { background: url(/images/main/top_bg.jpg) left top no-repeat; height: 185px; } #logo { background: url(/images/main/logo.jpg) left top no-repeat; width: 127px; height: 119px; display: block; position: absolute; margin-top: 14px; margin-left: 36px; } #top_slogan { background: url(/images/main/top_slogan.jpg) left top no-repeat; height: 57px; width: 211px; position: absolute; margin-left: 174px; margin-top: 55px; } .headlineWrapper { height: 51px; background: url(/images/main/headline_gradient.jpg) left top repeat-x; } .headlinePadding { padding: 14px 0 0 39px; } .centerBGTop { background: #fffae3 url(/images/main/content_bg.jpg) left top no-repeat; } .centerBGBottom { background: url(/images/main/content_bottomRight.gif) right bottom no-repeat; } .paddingWrapperHP { padding: 11px 0 0 33px; } .content { min-height: 800px; } .centerColumnWrapper {width: 540px; } .right_columnWrapper { width: 217px; } #footer { width: 768px; margin: 0 auto 0 auto; color: #808080; font-size: 11px;} #footer a { color: #bbb; } #footer a:hover { color: #8e9f31; } .footerLeft { background: url(/images/main/footerBG_left.png) left top no-repeat; height: 64px; width: 32px; } .footerRight { background: url(/images/main/footerBG_right.png) left top no-repeat; height: 64px; width: 32px; } .footerMiddle { background: url(/images/main/footerBG_middle.gif) left top no-repeat; height: 64px; width: 704px; } .footerNavi { padding-top: 18px; } .footerNavi a { text-decoration: none; color: white; } .earth { background: url(/images/main/earthLogo.gif) right 5px no-repeat; display: block; width: 180px; height: 64px; text-align: left; padding-top: 10px; text-decoration: none; } .searchbox_left { background: url(/images/main/searchbox_left.png) left top no-repeat; height: 91px; width: 15px; } .searchbox_right { background: url(/images/main/searchbox_right.png) left top no-repeat; height: 91px; width: 15px; } .seachbox_middle { background: url(/images/main/searchbox_middle.jpg) left top repeat-x; height: 91px; } .searchbox_wrapper { padding: 15px 0 0 15px; } .coreValueList { list-style: none; } .coreValueList li { line-height: 16px; padding-bottom: 5px; } /* ---------------- BOXES ------------- */ .boxTop { background: url(/images/boxes/top.png) left top no-repeat; height: 13px; width: 497px;} .boxBottom { background: url(/images/boxes/bottom.png) left bottom no-repeat; height: 13px; width: 497px; } .boxMiddle { background: url(/images/boxes/middle.png) left top repeat-y; width: 497px;} .hp_image_top { background: url(/images/boxes/hp_image_top.png) left top no-repeat; width: 163px; height: 8px; } .hp_image_middle { background: url(/images/boxes/hp_image_middle.png) left top repeat-y; width: 163px; text-align: center;} .hp_image_bottom { background: url(/images/boxes/hp_image_bottom.png) left top no-repeat; height: 9px; width: 163px; } .HP_product_wrapper { padding: 0 13px 0 13px; width: 450px; overflow: hidden; } .HP_productInfo_wrapper { padding: 8px 0px 0 8px; } .rightColumnBG { background: url(/images/main/right_column_BG.gif) left top repeat-y; } .cartPoint_irregular { display: block; padding: 12px 12px 0 45px; background: #f6f5f5 url(/images/main/cartPoint_irregular.gif) 10px 8px no-repeat; font: normal bold 12px "Trebuchet MS", Arial; color: #555; line-height: 14px; padding-bottom: 6px; } .cartPoint_regular { display: block; padding: 12px 12px 0 45px; background: #ededed url(/images/main/cartPoint_regular.gif) 10px 8px no-repeat; font: normal bold 12px "Trebuchet MS", Arial; color: #555; line-height: 14px; padding-bottom: 6px; } .cartPoint_irregular:hover, .cartPoint_regular:hover { color: #8e9f31; } .cartPrice { color: #666; font-style: italic; font-size: 11px; } .categoryImage_wrapper { background: url(/images/main/categoryBox.png) left top no-repeat; height: 78px; width: 78px; text-align: left; padding-top: 2px; } .categoryImage { display: block; height: 72px; width: 72px; overflow: hidden; background: url(/images/main/categoryImage_fake.jpg) center center no-repeat; } .cs_manufacturer { width: 140px; height: 20px; background: url(/images/main/tableLine.gif) left bottom repeat-x; overflow: hidden; } .cs_price { width: 66px; height: 20px; background: url(/images/main/tableLine.gif) left bottom repeat-x; overflow: hidden; } .cs_category { width: 107px; height: 20px; background: url(/images/main/tableLine.gif) left bottom repeat-x; overflow: hidden; } .cs_quantity { width: 50px; height: 20px; background: url(/images/main/tableLine.gif) left bottom repeat-x; overflow: hidden; } .paymentbox_left { background: url(/images/main/paymentbox_left.png) left top no-repeat; height: 69px; width: 12px; } .paymentbox_right { background: url(/images/main/paymentbox_right.png) left top no-repeat; height: 69px; width: 12px; } .paymentbox_middle { background: url(/images/main/paymentbox_middle.gif) left top repeat-x; height: 69px; } .cs_orderID { width: 100px; height: 20px; background: url(/images/main/tableLine.gif) left bottom repeat-x; overflow: hidden; } .cs_price { width: 80px; height: 20px; background: url(/images/main/tableLine.gif) left bottom repeat-x; overflow: hidden; } .cs_date { width: 80px; height: 20px; background: url(/images/main/tableLine.gif) left bottom repeat-x; overflow: hidden; } .cs_status { width: 70px; height: 20px; background: url(/images/main/tableLine.gif) left bottom repeat-x; overflow: hidden; } .slidshow_stat_mask { background: url(/fla/material/static/mask.png) left top no-repeat; width: 495px; height: 227px; position: absolute; z-index: 5; } .slidshow_static { width: 495px; height: 227px; } .adminLogo { background: #232305; text-align: center; display: block; padding: 15px 0 15px 0; } .admin_middle { background: url(/images/admin/main_middle.gif) left top repeat-y; width: 810px; } .admin_top { background: url(/images/admin/main_top.gif) left top no-repeat; width: 810px; padding-top: 20px; } .admin_bottom { background: url(/images/admin/main_bottom.gif) left bottom no-repeat; width: 810px; padding-bottom: 70px; } .adminWrapper { width: 810px; margin: 25px auto 0 auto; } .adminMessageMiddle { background: url(/images/admin/adminMessage_middle.gif) left top repeat-y; width: 764px; } .adminMessageTop { background: url(/images/admin/adminMessage_top.gif) left top no-repeat; width: 764px; } .adminMessageBottom { background: url(/images/admin/adminMessage_bottom.gif) left bottom no-repeat; width: 764px; } .loginBox { background: url(/images/admin/loginBox.gif) left top no-repeat; height: 210px; width: 377px; margin: 80px auto 0 auto; } .storeTable td { background: #e6e6e6; padding: 2px 5px 2px 5px; font-weight: bold; line-height: 14px; } .storeTable td div { overflow: hidden; } .storeTable .tableNone { background: none; } .storeTable .tableHeader { padding: 0; background: none; color: #b20000; } .storeTable .tableHeader span { position: relative; top: 0px; } .eway { background: url(/images/main/referrer_MediumGrey.gif) left top no-repeat; height: 45px; width: 92px; display: block; } .charts { display: block; padding: 5px 0 0 20px; line-height: 14px; } /* ---------------- NAVIGATION ------------- */ .home:link, .home:visited { display: block; overflow: hidden; background: url(/images/navigation/home.jpg) 0px -40px no-repeat; height: 40px; width: 55px; } .home:hover, .home:active { background-position: 0px 0px; } .about:link, .about:visited { display: block; overflow: hidden; background: url(/images/navigation/about.jpg) 0px -40px no-repeat; height: 40px; width: 58px; } .about:hover, .about:active { background-position: 0px 0px; } .faq:link, .faq:visited { display: block; overflow: hidden; background: url(/images/navigation/faq.jpg) 0px -40px no-repeat; height: 40px; width: 44px; } .faq:hover, .faq:active { background-position: 0px 0px; } .shop:link, .shop:visited { display: block; overflow: hidden; background: url(/images/navigation/shop.jpg) 0px -40px no-repeat; height: 40px; width: 51px; } .shop:hover, .shop:active { background-position: 0px 0px; } .links:link, .links:visited { display: block; overflow: hidden; background: url(/images/navigation/links.jpg) 0px -40px no-repeat; height: 40px; width: 52px; } .links:hover, .links:active { background-position: 0px 0px; } .contact:link, .contact:visited { display: block; overflow: hidden; background: url(/images/navigation/contact.jpg) 0px -40px no-repeat; height: 40px; width: 73px; } .contact:hover, .contact:active { background-position: 0px 0px; } .home, .about, .faq, .shop, .links, .contact { float: left; margin-left: 5px; } .selected:link, .selected:visited, .selected:hover, .selected:active { background-position: 0px 0px; } /* ---------------- FORMS ------------- */ .inputField_rightCol_center { background: url(/images/main/inputfield_rightCol_center.gif) left top repeat-x; height: 24px; } .inputField_rightCol_left { background: url(/images/main/inputfield_rightCol_left.gif) left top no-repeat; height: 24px; } .inputField_rightCol_right { background: url(/images/main/inputfield_rightCol_right.gif) right top no-repeat; height: 24px; } .inputfield { height: 19px; padding: 5px 0 0 5px;} .rightColumn_innerWrapper { padding: 12px 0 18px 20px; } .button_center { background: url(/images/buttons/button_center.png) left top repeat-x; height: 24px; } .button_top { background: url(/images/buttons/button_left.png) left top no-repeat; height: 24px; } .button_bottom { background: url(/images/buttons/button_right.png) right top no-repeat; height: 24px; padding-left: 7px; padding-right: 9px;} .buttonHref { display: block; text-align: center; text-decoration: none; font: normal bold 12px "Trebuchet MS", Arial; color: #555; padding-top: 3px; height: 21px;} .buttonHref:hover { color: #8e9f31;} .notAvailable { text-align: center; text-decoration: none; font: normal bold 12px "Trebuchet MS", Arial; color: #929178; padding-top: 3px; height: 21px; background: url(/images/main/notavailable.png) left top no-repeat; height: 25px; width: 76px; } .searchInput_middle { background:url(/images/main/searchboxInput_middle.jpg) left top repeat-x; height: 23px; } .szearchInput_left { background: url(/images/main/searchboxInput_left.jpg) left top no-repeat; height: 23px; } .searchInput_right { background: url(/images/main/searchboxInput_right.jpg) right top no-repeat; height: 23px; } .textArea_middle { background:url(/images/main/textareaInput_middle.jpg) left top repeat-x; height: 160px; } .textArea_left { background: url(/images/main/textareaInput_left.jpg) left top no-repeat; height: 160px; } .textArea_right { background: url(/images/main/textareaInput_right.jpg) right top no-repeat; height: 160px; } /*------------------ addition 10/02/2009 store page and store promo ----------------*/ #jekzMap { background: url(/images/storePage/mapBG.gif) left top no-repeat; width: 344px; height: 225px; } #storeList { padding-left: 40px; } #storeList li { list-style: none; background: url(/images/storePage/listpoint.gif) left 3px no-repeat; padding-left: 15px; } /*------------------ promo ----------------------------*/ .promo { background: url(/images/promo/promo_bg.png) left top repeat; width: 100%; position: fixed; right:18px; bottom: 0; z-index: 500; } .promoTop { width: 770px; margin: 0 auto 0 auto; padding: 5px 0 5px 0; position: relative; } .promoContent { width: 770px; margin: 0 auto 0 auto; background: red; } #v_toggle { display: block; cursor: default; } .promoButton { display: block; background: url(/images/promo/button.gif) left top no-repeat; width: 98px; height: 33px; } .closeButton { display: block; background: url(/images/promo/close.gif) left top no-repeat; height: 18px; width: 18px; } /* ---------------- SPECIALS ------------- */ .margin0 { margin: 0px; } .left {float: left; } .right { float: right; } .clear { clear: both; } .padding_B_8px {padding-bottom: 8px; } .padding_B_10px {padding-bottom: 10px; } .padding_T_10px {padding-top: 10px; } .padding_T_5px {padding-top: 5px; } .padding_L_10px {padding-left: 10px; } .margin_L_5px {margin-left: 5px; } .marginT15 { margin-top: 15px; } .lineheight12px {line-height: 12px; } .highlight { color: #8e9f31; } .highlight2 { color: #7c360a; } .relative { position: relative; } .bold { font-weight: bold; } .fontsize11px { font-size: 11px; } .fontsize10px { font-size: 10px; } .fontsize14px { font-size: 14px; } .backgroundHigh { background: #7c360a; } .white { color: white; } .red { color: red; } .colorSilver { color: silver; } #flashTop { position: absolute; margin-left: 400px; margin-top: -15px; } /* ---------------- CSS MENU ONLY / DROPDOWN ------------- */ .administrationList li { float: left; margin-left: 5px; list-style: none; } .administrationList li ul li { display: block; width: 150px; } .administrationList li ul { display: block; width: 150px; position: absolute; display: none; text-decoration: none; } .administrationList li a { background: #8e9f31; color: white; display: block; text-align: center; width: 55px; height: 23px; padding-top: 5px; } .administrationList li a:hover { background: white; color: #b20000; display: block; width: 55px; height: 23px; padding-top: 5px; } .administrationList li .adminDropWidthExtended, .administrationList li .adminDropWidthExtended:hover { width: 80px; } .administrationList .li { width: 100px; } .administrationList li:hover ul, .administrationList li.over ul { display: block; } .administrationList li ul { border: 5px solid white; } .administrationList li ul li { border: 1px solid white; margin-left: 0px; } .administrationList li ul li a, .administrationList li ul li a:hover { position: relative; z-index: 100; width: 150px; } #loadScreen { display:block; position:absolute; background-color: #000000; top:0px; left:0px; right:auto; bottom:auto; width:auto; height:auto;; z-index: 100; filter: alpha(opacity=50); opacity: 0.5; MozOpacity: 0.5; KhtmlOpacity: 0.5; } .salePrice { color: #ff0000; }