/* Athour : Bob Version : 2.0 email : me@rusdy.com Copyright 2009 - Niagakit.com */ /*******************************/ /* reset */ /*******************************/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent;} /*******************************/ /* body */ /*******************************/ body { color: #333; font:12px Arial, Helvetica, sans-serif; /*font:12px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;*/ } /*******************************/ /* border radius */ /*******************************/ .sticky,#logo h1 a {_azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);} .r1 {-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .r2 {-moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} .r3 {-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #ddd; float:left; margin-right:10px; padding:2px 5px;} /*******************************/ /* top */ /*******************************/ #topad { width:100%; height:30px; background:#124359;} #topad .topad { width:951px; margin:auto;} #topad .ad { width:500px; height:30px; line-height:30px; color:#fff; float:left; padding-left:20px;} #topad .ad a { font-weight:bold; text-decoration:none; color:#fff;} #topad .ad a:hover { text-decoration:underline;} #topad #color { width:300px; float:right;} #color ul { float:right;} #color ul li { float:left; margin-right:10px; list-style:none; line-height:30px;} #color ul li a { color:#fff;} /*******************************/ /* top menu */ /*******************************/ #menu { display:block; background:#05364d url(images/menu-bkg.gif) repeat-x; height:34px; margin:auto;} #menu ul { margin-left:11px;} #menu ul li { list-style:none; float:left; color:#fff; line-height:34px; font-weight:bold;} #menu ul li a { color:#fff; display:block; text-decoration:none; padding:0 15px; float:left;} #menu ul li a.active { background:#2d729b url(images/menu-bkg-hover.gif) repeat-x; height:34px;} #menu ul li a:hover { text-decoration:underline; } #menu ul li.menuright { float:right; margin:0 20px 0 0 !important; margin:2px 10px 0 0; font-weight:normal;} #menu ul li.menuright .button:hover { background:url(images/button-bg-hover.gif) repeat-x; } #menu ul li.logged { float:right; background:url(images/user.gif) no-repeat right; margin:0 20px 0 0 !important; margin:2px 10px 0 0; padding-right:25px; font-weight:normal;} #menu ul li.logged span.uname { color:#c0ebff; padding-left:10px;} /*******************************/ /* header */ /*******************************/ #logo { width:951px; margin:auto; height:135px; background:url(images/header.png) no-repeat;} /*#logo h1 { text-indent:-9999px;} #logo h1 a { display:block; background:url(images/header.png) no-repeat; height:135px;}*/ #logo h1 { font:40px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:25px 0 0 30px; font-weight:bold; } #logo h1 a { display:block; color:#fff;} #logo p { color:#fff; padding:0 0 0 32px; font-size:16px; } /*******************************/ /* wrapper */ /*******************************/ .sticky {background:url(images/main-bkg.png) repeat-y; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px; width:951px; border-left:1px dotted #dad9d7;border-right:1px dotted #dad9d7;} html, body { height: 100%; background:#FED1E8 url(images/bg-page.png) repeat-x scroll center top;} #wrapper { display:block; margin:auto; } .footer, .push { height: 40px; } #maincontent { display:block; margin:auto; width:951px;} /*******************************/ /* footer */ /*******************************/ #foobottom { width:921px; display:block; background:#C32D7A; color:#fff; padding:0 15px; margin:auto; height:40px; line-height:40px;} #foobottom ul li { float:left; list-style:none; margin-right:10px; color:#fff;} #foobottom ul li a { color:#f9f9f9; font-weight:bold; border-bottom:1px dotted #e9e9e9; padding-bottom:2px;} #foobottom ul li.fooright { float:right; margin-right:0;} /*******************************/ /* input and button */ /*******************************/ input.f1 {padding:2px 5px; border:1px solid #fff; margin:0 2px;} input.f2 {padding:2px 5px; border:1px solid #ddd; margin:0 2px;} select.f2 {padding:2px 5px; border:1px solid #ddd; margin:0 2px;} input.button1 { background:#B9D536; text-align:center; color:#fff; cursor:pointer; padding:2px 5px; border:1px solid #fff; font-size:11px; margin-left:2px;} input.button2 { border:0; padding:5px 10px; background:#B9D536; text-align:center; color:#fff; cursor:pointer; border:1px solid #fff; font-size:11px;} input.button3 { background:#2d729b; text-align:center; color:#fff; cursor:pointer; border:1px solid #fff !important; font-size:11px; height:30px; width:150px !important; } input.button4 { background:url(images/r2-bg.gif) repeat-x; text-align:center; color:#fff; cursor:pointer; padding:5px 10px; border:1px solid #fff; font-size:11px; margin-left:2px;} input.button5 { background:url(images/glo-bg.gif) repeat-x; text-align:center; color:#333; cursor:pointer; padding:5px 10px; border:1px solid #e9e9e9; font-size:11px; margin-left:2px;} input.button6 { background:url(images/r2-bg.gif) repeat-x; text-align:center; color:#fff; cursor:pointer; padding:10px 10px !important; border:1px solid #fff; font-weight:bold; font-size:11px; width:200px !important; } /*******************************/ /* hyperlinks */ /*******************************/ a { color:#336699; text-decoration:none;} a.rlink { background:url(images/glo-bg-hover.gif) repeat-x; text-align:center; color:#333; border:1px solid #fff; padding:3px 10px; } a.rlink:hover { color:#006699;} a.edit { background:url(images/glo-bg-hover.gif) repeat-x; text-align:center; color:#333; border:1px solid #ddd; padding:5px 10px; } a.bold { -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url(images/r2-bg.gif) repeat-x; text-align:center; color:#fff; border:0; padding:3px 10px;} /*******************************/ /* padding margin */ /*******************************/ .p1 { margin-left:10px;} /*******************************/ /* my cart and top info */ /*******************************/ #info { display:block; height:47px; background:transparent url(images/info-bg.jpg) repeat-x scroll 0 0; border-bottom:1px solid #e1e1e1; padding:10px 0;} #infoleft {float:left; width:380px; background:url(images/mycart.gif) no-repeat 10px 10px; padding-left:60px; height:70px; margin:-10px 10px -10px 0;} #infoleft #mycart { width:183px; float:left; height:70px; } #infoleft #mycart p { display:block; line-height:18px; padding-top:25px; } #infoleft #langid { width:150px; float:right; background:url(images/r2-bg.gif) repeat-x; text-align:center; color:#fff; border:1px solid #fff; padding:3px 10px; margin-top:23px; } #infoleft #langid #langtxt { font-weight:bold; float:left; display:block;} #infoleft #langid #langflag { text-indent:-9999px; width:40px; float:right; margin-top:3px;} #infoleft #langid #langflag a.eng { display:block; background:url(../../language/images/us.gif) no-repeat 0 0; width:16px; height:16px; float:left;} #infoleft #langid #langflag a.my { display:block; background:url(../../language/images/my.gif) no-repeat 0 0; width:16px; height:16px; float:right;} #guest { float:right; width:450px; text-align:right; height:70px; margin:-10px 10px -10px 0;} #guest p { display:block; margin-top:10px;} #guest p.below { display:block; margin-top:15px;} #guest p span.success { font-weight:bold; color:#006699;} #guest p span.error { font-weight:bold; color:#993300;} #guest a { margin-left:10px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#B9D536; text-align:center; color:#fff; border:1px solid #fff; padding:3px 10px;} #guest a:hover { color:#006699;} #guest a.gactive { margin-left:10px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url(images/r2-bg.gif) repeat-x; text-align:center; color:#fff; border:0; padding:3px 10px;} /*******************************/ /* main content home */ /*******************************/ #content { width:706px; float:right; border-bottom:1px solid #ececec; } #content h2 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:24px; display:block; background:#f7f7f7; padding:5px 0 5px 15px; margin-bottom:15px; border-bottom:1px solid #ececec; margin-top:1px;} /*******************************/ /* featured products */ /*******************************/ #featured { width:666px; float:right; background:#fff; padding:0 20px 20px 20px; margin-bottom:8px; border-bottom:1px solid #ececec;} #tabs {} #tabs h3 {border:1px solid #fee2fa; background:url(images/r2-bg.gif); padding:5px 10px; display:block; margin-bottom:10px; } #tabs h3 a { color:#fff;} .ui-tabs { zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 2px 2px 0; overflow: hidden; top: 1px; } .ui-tabs .ui-tabs-nav li { float: left; border: 1px solid #ccc; margin:0 8px 0 -2px !important; margin:0 8px 0 -1px; background:url(images/glo-bg.gif) repeat-x; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 5px 10px; color:#333; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:url(images/grad-active.png) repeat-x; border:1px solid #ddd; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { padding: 20px; display: block; border: 1px solid #fee2fa; position:relative; width:auto !important; width:93%; margin-top:10px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;background:transparent url(images/featured-bg.jpg) repeat-x scroll center top;} .ui-tabs .ui-tabs-hide { display: none !important; } a.mover { background:url(images/r2-bg.gif); padding: 6px 12px; position: absolute; color:#fff; font-weight: bold; text-decoration: none; } .next-tab { bottom: 0; right: 0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; margin:0 -1px -1px 0;} .prev-tab { bottom: 0; left: 0; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; margin:0 0 -1px -1px;} #tabs .fimg { float:left; width:200px; margin-bottom:20px; border:1px solid #fee2fa; padding:5px 5px 2px 5px;} #tabs .ftext { float:right; width:380px; margin-bottom:5px;} #tabs .ftext2 { float:right; width:360px; margin-bottom:20px; padding:10px; background:#fff; border:1px solid #fee2fa; height:148px;} #tabs .ftext2 p { line-height:140%;} #tabs .ftext2 a { font-weight:bold; color:#006666;} /*******************************/ /* style - grid and list view */ /*******************************/ #content .style { display:block; background:#f7f7f7; padding:5px 0; margin-bottom:15px; border-bottom:1px solid #ececec; } #content .style ul {} #content .style ul li { list-style:none; float:left; line-height:20px;} #content .style ul li.title { font:bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; float:left; line-height:20px; margin-left:15px; margin-top:3px;} #content .style ul li.format { float:right; margin-right:18px; } #content .style ul li.format #view-format { float:left; margin-right:10px; font-weight:bold; padding-top:3px;} #content .style ul li.format .imgblock { text-indent:-9999px; float:left; margin-right:10px;} #content .style ul li.format .imgblock a { display:block; background:url(images/block-view.gif) no-repeat 0 0; height:24px; width:24px;} #content .style ul li.format .imglist { text-indent:-9999px; float:left; } #content .style ul li.format .imglist a { display:block; background:url(images/list-view.gif) no-repeat 0 0; height:24px; width:24px;} #style-switcher { display:block; margin-top:-14px;} /*******************************/ /* pages navigation */ /*******************************/ .pagination { display:block; padding:10px 0; margin:0 0 10px 15px; clear:both;} .pagination a { padding:4px 8px; margin: 2px; border:solid 1px #b9d1e4; text-decoration: none; background:url(images/glo-bg.gif); } .pagination a:hover, .pagination a:active { background:url(images/r2-bg.gif); border:1px solid #00b7e9; color: #fff; } .pagination span.current { padding:4px 8px; margin: 2px; font-weight: bold; background:url(images/r2-bg.gif); border:1px solid #393939; color: #fff; } .pagination span.disabled { padding:4px 8px; margin: 2px; border: 1px solid #eee; color: #333; font-weight:bold; } #page .pagination { display:block; padding:10px 0; margin:0 0 10px -2px; clear:both;} /*******************************/ /* main sidebar */ /*******************************/ #sidebar { width:243px; float:left; } .sidebar { display:block; clear:both; padding:10px; } .sidebar h2 { font:bold 15px Georgia, "Times New Roman", Times, serif; border:0; display:block; background:url(images/r2-bg.gif); padding:5px 5px 5px 10px; color:#fff; margin-bottom:10px; } .sidebar input { cursor:pointer; width:80px; } .sidebar img { border:none !important;} .sidebar ul#searchbox { border-bottom:none;} .sidebar ul#searchbox li { list-style:none; padding:5px; background:#fff; margin-bottom:5px; clear:both; width:213px; border:1px solid #ddd;} .sidebar ul#searchbox li input.search { border:1px solid #e9e9e9; background:#f9f9f9; width:110px; } #searchresult { display:block; margin-top:1px;} /*******************************/ /* shopping cart sidebar */ /*******************************/ .sidebarcheckout { display:block; margin-bottom:10px; clear:both; padding:10px 10px 20px 10px; background:#fcedfa;} .sidebarcheckout h2 { font:bold 15px Georgia, "Times New Roman", Times, serif;display:block; background:url(images/glo-bg.gif); padding:5px 5px 5px 10px; color:#333; margin-bottom:10px; border:1px solid #dadada;} .sidebarcheckout input { cursor:pointer; width:80px; } .sidebarcheckout img { border:none !important;} .sidebarcheckout p.now { padding-bottom:10px; } .sidebarcheckout ul#scart { margin-bottom:10px; border-bottom:none;} .sidebarcheckout ul#scart li { list-style:none; padding:5px 10px; background:#fff; margin-bottom:5px; clear:both; width:203px; border:1px solid #ddd;} .sidebarcheckout a.checkoutlink { background:url(images/r2-bg.gif) repeat-x; text-align:center; color:#fff; border:1px solid #f47ade; padding:3px 10px; text-decoration:none; margin-right:10px;} .sidebarcheckout a.checkoutlink:hover { background:url(images/glo-bg.gif) repeat-x; color:#333; } .sidebarcheckout .pane { display:block; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} /*******************************/ /* category sidebar */ /*******************************/ #catmenu, #catmenu ul { padding:0; margin:0; list-style:none; float:left; width:100%; } #catmenu li { position:relative; float:left; line-height:20px; margin-bottom:-1px; width:100%; } #catmenu li ul { position:absolute; left:-999em; margin-left:210px; margin-top:-32px; /* second-level lists */ } #catmenu li ul ul { left:-999em; /* third-and-above-level lists */ } #catmenu li a { width:188px; w\idth:188px; display:block; text-decoration:none; border:1px solid #ddd; padding:5px; color:#333; background:#fff url(images/folder-cat.gif) no-repeat 8px 10px; padding-left:28px; } #catmenu li a:hover { color:#333; background:#FCE8F1 url(images/folder-cat.gif) no-repeat 8px 10px; } #catmenu li:hover ul ul, #catmenu li:hover ul ul ul, #catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul { left:-999em; } #catmenu li:hover ul, #catmenu li li:hover ul, #catmenu li li li:hover ul, #catmenu li.sfhover ul, #catmenu li li.sfhover ul, #catmenu li li li.sfhover ul { left:auto; /* lists nested under hovered list items */ } /*******************************/ /* latest products sidebar */ /*******************************/ .sidebar ul#latest li { list-style:none; margin-bottom:5px; overflow:hidden; border:1px solid #ddd; padding-bottom:5px; margin-bottom:5px; background:#fff;} .sidebar ul#latest li a { color:#333; text-decoration:none; font-weight:bold; margin-top:10px; display:block; } .sidebar ul#latest li p { line-height:15px; padding-bottom:5px; display:block; padding-right:5px;} .sidebar ul#latest li img.latestimg { float:left; padding:2px; margin:-5px 10px 0 5px;} /*******************************/ /* latest review sidebar */ /*******************************/ .sidebar ul#freview li { list-style:none; margin-bottom:10px; overflow:hidden; background:#fff; padding:5px 10px; border:1px solid #ddd;} .sidebar ul#freview li a { color:#333; text-decoration:none; } .sidebar ul#freview li p { line-height:15px; padding-bottom:5px; font-size:11px; background:url(images/review.gif) no-repeat 0 8px; padding-left:20px; border-top:1px solid #f9f9f9; padding-top:5px;} .sidebar ul#freview li img { border:none; padding-bottom:5px;} .sidebar ul#freview h3 { font:bold 12px Georgia, "Times New Roman", Times, serif; display:block; margin-bottom:5px; border-bottom:1px solid #f9f9f9; padding-bottom:5px;} /*******************************/ /* misc - anything */ /*******************************/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .line { display:block; height:2px; background:#d9d9d9; width:669px; margin:auto;} p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /*******************************/ /* pages layout */ /*******************************/ #page { width:666px; float:right; padding:10px 20px; border-bottom:1px solid #ececec; } #nopage { width:666px; float:right; padding:0 20px 10px 20px; } #page h2 { display:block; background:#f7f7f7; padding:10px 0 8px 15px; border-bottom:1px solid #ececec; margin:-9px -20px 10px -20px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; } #page h2.payment { display:block; background:#06374e url(images/r2-bg.gif) repeat-x; padding:10px 0 10px 15px; margin:0 0 10px 0; text-transform:uppercase; color:#fff; } #page h2.payment-alert { display:block; background:#ae0000 url(images/r2-bg-alert.gif) repeat-x; padding:10px 0 10px 15px; margin:0 0 10px 0; text-transform:uppercase; color:#fff; text-decoration:blink; } #page .logoleft { width:170px; float:left;} #page .infopayment { width:430px; float:right;} #page p { line-height:18px; padding-bottom:15px;} #page p a { color:#0099cc; font-weight:bold;} #page p a:hover { text-decoration:underline;} html>body .page ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body .page li { margin: 7px 0 8px 20px; border-bottom:1px solid #f9f9f9; padding-bottom:5px; } .page ul li:before { content: "\00BB \0020"; } .page ol { padding: 0 0 0 20px; margin: 0; } .page ol li { margin: 0; padding: 0; } #page p.req { display:block; color:#cc0000; font-size:11px;} #page fieldset { padding:20px; border:1px solid #dadada; margin-bottom:10px !important; margin-bottom:18px; background:#f7f7f7; } #page fieldset.sticky { padding:20px; border:1px solid #dadada; margin-bottom:10px !important; margin-bottom:18px; background:#fae1e6; width:620px; } #page fieldset.pay { padding:20px; border:1px solid #dadada; margin-bottom:10px !important; margin-bottom:18px; background:#ecfae1; } #page legend {display:block; border:0; } * html #page fieldset { position: relative; clear:both; } * html #page legend { position:absolute; top: -.6em; } #page fieldset input { width:300px; padding:2px 5px; border:1px solid #dadada; } #page fieldset input:focus { border:1px solid #cacaca;} #page fieldset textarea { width:300px; padding:5px; border:1px solid #dadada; } #page fieldset textarea:focus { border:1px solid #cacaca;} #page fieldset select { width:315px; padding:2px; border:1px solid #dadada; } #page label { display:block; width:130px; float:left; margin-top:3px;} #page label.proof { display:block; width:160px; float:left; margin-top:3px;} #page p.error { display:block; background:#fae1e6 url(images/pending.gif) no-repeat 20px 12px; padding:10px 20px 8px 40px; border-bottom:1px solid #ececec; border-top:1px solid #ececec; margin:-10px -20px 10px -20px;} #page p.updated { display:block; background:#ecfae1 url(images/accept.gif) no-repeat 20px 12px; padding:10px 20px 8px 40px; border-bottom:1px solid #ececec; border-top:1px solid #ececec; margin:-10px -20px 10px -20px;} #page #breadcrumb { display:block; padding:10px 0 8px 15px; border-bottom:1px solid #ececec; margin:-10px -20px 10px -20px; font:11px Verdana, Arial, Helvetica, sans-serif;} #page input.readonly { width:300px; padding:2px 5px; border:1px solid #fff; background:#f9f9f9; } /*******************************/ /* product page - */ /*******************************/ #products { display:block;} #products #singletxt { width:425px; float:left; border-right:1px solid #ececec; padding-right:15px; margin-top:-10px;} #products #singletxt h3 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; display:block; padding-bottom:10px; margin-bottom:10px; } #products #singletxt p { line-height:140%; padding-bottom:15px; text-align:justify; } #products #singletxt label { display:block; width:50px; float:left;} #products #singletxt .options { border:1px solid #dadada; background-image:url(images/glo-bg.gif); color:#333; padding:5px 10px; margin-bottom:10px; margin-top:15px; text-align:right; } #products #singletxt .add2cart-big { border:1px solid #dadada; color:#333; padding:5px 10px; margin-bottom:10px; height:25px; line-height:25px; margin-top:10px;} #products #singletxt .add2cart { } #products #singletxt #price { padding:5px 10px; float:left; margin:-44px 0 0 0; font:bold 14px Georgia, "Times New Roman", Times, serif; display:block; color:#333; line-height:25px; } #products #singletxt #color { padding:10px 10px; float:left; margin:0 0 -44px 0; font:bold 14px Georgia, "Times New Roman", Times, serif; display:block; color:#333; line-height:25px; } #products #singletxt .color { padding:10px 10px; float:left; margin:0 0 -44px 0; font:bold 14px Georgia, "Times New Roman", Times, serif; display:block; color:#333; line-height:25px; } #products #singletxt ul { margin-left:20px; margin-bottom:20px;} #products #singletxt ul li { list-style:none; background:url(images/bullet-round.gif) no-repeat 0 6px; padding-left:15px; padding-bottom:10px;} #products #singletxt ol { margin-left:35px; margin-bottom:20px;} #products #singletxt ol li { padding-bottom:10px;} #products #singletxt h1,h2,h3,h4,h5,h6,h7 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; display:block; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ddd;} #products #singletxt a { color:#0099CC; font-weight:bold; text-decoration:none;} #products #singletxt a#bulleta2c { background:url(images/bullet-add2cart.gif) no-repeat 0 5px; padding:5px 10px 5px 25px;} #products #singletxt a#bullet2c { background:url(images/bullet-checkout.gif) no-repeat 0 5px; padding:5px 10px 5px 25px;} #products #singletxt a#bulleta2c2 { background:url(images/bullet-add2cart.gif) no-repeat 0 5px; padding:5px 10px 5px 25px;} #products #singletxt a#bullet2c2 { background:url(images/bullet-checkout.gif) no-repeat 0 5px; padding:5px 10px 5px 25px;} #products #singletxt a:hover { color:#333; text-decoration:underline;} #products #singletxt #sharing { display:block; background:#fff; padding:2px; border-bottom:1px #ccc dotted; border-top:1px #ccc dotted; width:415px; margin-top:20px;} #products #singletxt #sharing ul { display:block; background:#eee; width:425px; margin:0 0 0 -5px; padding:0; list-style:none; overflow:hidden; clear:both;} #products #singletxt #sharing ul li { list-style:none; float:left; background-image:none; padding:0 10px; font-size: 0.8em; font-weight: bold; text-transform: uppercase; height: 22px; line-height:22px; } #products #singletxt #sharing ul li a { color:#344;} #products #singletxt #sharing ul li.digg { background:url(images/sharing/digg.png) no-repeat 0 3px; padding-left:20px; border-right:1px solid #fff;} #products #singletxt #sharing ul li.facebook { background:url(images/sharing/facebook.png) no-repeat 5px 4px; padding-left:25px; border-right:1px solid #fff;} #products #singletxt #sharing ul li.yahoobuzz { background:url(images/sharing/yahoobuzz.gif) no-repeat 6px 3px; padding-left:27px; border-right:1px solid #fff;} #products #singletxt #sharing ul li.myspace { background:url(images/sharing/myspace.gif) no-repeat 6px 4px; padding-left:27px; border-right:none;} #products #singletxt #alert {display:block; background:#fae1e6 url(images/pending.gif) no-repeat 10px 10px; padding:10px 20px 8px 30px; margin-top:10px; border:1px dotted #ddd; } img.outofstock {filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; position:relative; margin-bottom:-38px;} .outofstocktext {font-weight:bold; color:#fff; position:relative; top:-90px; text-align:center; display:block; background:#C00; padding:10px 10px 13px 10px;} /*******************************/ /* product page - review */ /*******************************/ #reviewproduct { display:block; background:#FCE8F1; padding:10px; margin-top:20px; } #reviewproduct #reviewtitle { display:block;border:1px solid #dadada; background:#fff; color:#333; padding:5px 10px; margin-bottom:10px; height:20px; line-height:20px;} #reviewproduct h4 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; display:block; float:left; border-bottom:none; margin-top:2px;} #reviewproduct .allrate { display:block; float:right; width:105px;} #reviewproduct hr { display:block; border:1px solid #fff; margin-bottom:5px;} #reviewproduct .review { display:block; background:#fff; padding:10px; margin-bottom:20px; border:1px solid #e9e9e9; text-align:left;} #reviewproduct .review-msg { display:block; background:#f9f9f9; padding:5px 10px; text-align:left; border:1px solid #f3f3f3; line-height:18px; font-size:11px; } #reviewproduct p { display:block; padding-bottom:5px; font-size:11px;} #reviewproduct .myrate { display:block; background:#fff; padding:5px 10px; height:16px; line-height:16px; font-size:11px; margin:10px -8px -3px -8px; } .review-done { display:block; background:#ecfae1; padding:10px; margin:20px auto 0 auto; border:1px solid #e9e9e9; text-align:left;} .gravatar {padding: 4px; margin: 0 7px 2px 0; display: inline; float:left; border:1px solid #dadada; background:#fff; } /*******************************/ /* product page - images block */ /*******************************/ #products #singlesidebar { width:210px; float:right; } #products #singlesidebar h3 { font:bold 15px Georgia, "Times New Roman", Times, serif; border:0; display:block; background:url(images/r2-bg.gif); padding:5px 5px 5px 10px; color:#fff; margin-bottom:10px; } #products #singleimg { width:200px; padding:5px; background:#FCE8F1; margin-bottom:10px;} #products #singleimg img { border:none;} #products #singleimg small { background:url(images/glo-bg.gif) repeat-x; text-align:center; color:#333; border:1px solid #fff; padding:3px 10px; font-size:10px; clear:both; display:block; margin-top:5px;} #products #singleimg .morethumb { display:block; } #products #singleimg .morethumb ul { margin:5px 0 5px -3px !important; margin:5px 0 5px -8px;} #products #singleimg .morethumb ul li { list-style:none; float:left; border:1px solid #dadada; margin:0 0 3px 5px; height:60px; } #products #singleimg .morethumb ul li a { display:block; padding:0; } /*******************************/ /* product page - related products */ /*******************************/ #products .relatedproducts { width:200px; padding:5px; background:#FCE8F1; margin-bottom:10px;} #products .relatedproducts img {-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #products .relatedproducts ul li { list-style:none; overflow:hidden;} #products .relatedproducts ul li a { color:#333; text-decoration:none; } #products .relatedproducts ul li p { line-height:15px; padding-bottom:5px;} /*******************************/ /* rating product */ /*******************************/ #rating-star { display:block; margin-bottom:10px; margin-left:170px; width:105px; margin-top:-35px;} /*******************************/ /* table block */ /*******************************/ #mytable { width: 660px; margin:10px 0 20px 0; } .mytable { width: 660px; margin:10px 0 20px 0; } .mytabledownload { width: 660px; margin:10px 0 5px 0; } th { color:#006666; border: 1px solid #C1DAD7; text-align: left; padding: 6px 6px 6px 12px; background:#e0e0e0 url(images/bg_header.gif) repeat-x; } th.nobg { background:#F5FAFA; border:1px solid #C1DAD7; color:#066; border-top:0;} th.nobgwhite { background:#fff; border:1px solid #C1DAD7; color:#066; border-top:0;} td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72; } td.pending { background:url(images/pending.gif) no-repeat; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72; } td input.qty { width:50px;} td.alt { background: #F5FAFA; color: #797268; } th.spec { border: 1px solid #C1DAD7; border-top: 0; background: #fff; color:#333;} th.nospec { border: 1px solid #C1DAD7; border-top: 0; background: #fff; color:#333; font-weight:normal;} th.nospec a { font-weight:bold; color:#3399CC; background:url(images/history.gif) no-repeat 0 0; padding-left:20px; } th.specalt { border-left: 1px solid #C1DAD7; border-top: 0; background: #fcfcfc; color: #797268; } img.banklogo { padding: 4px; margin-right:10px; display: inline; border:1px solid #dadada; float:left; margin-bottom:20px; } td a { display:block; text-decoration:none; background:#8dc500; padding:2px; text-align:center; color:#fff; } td a:hover { display:block; text-decoration:none; background:#00afde; padding:2px; text-align:center; color:#fff; } td a.morelink {text-decoration:none; background:#8dc500; padding:2px 10px 2px 10px; text-align:center; color:#fff; display:inline;} td a.morelink:hover { display:inline; text-decoration:none; background:#00afde; padding:2px 10px 2px 10px; text-align:center; color:#fff; } td a.normal { text-decoration:none; background:none; padding:0; display:inline; color:#333; } td a.normal:hover { text-decoration:none; background:none; padding:0; display:inline; color:#000;} td.alt a.none {text-decoration:none; background:none; padding:0; color:#fff; display:inline;} img.banklogo { padding: 4px; margin-right:10px; display: inline; border:1px solid #dadada; float:left; margin-bottom:20px; background:#fff; } td a.moreaccount {text-decoration:none; background:#8dc500; padding:2px 10px 2px 10px; text-align:center; color:#fff !important; display:inline; display:block; margin-top:5px; font-weight:normal !important; text-decoration:none !important;} td a.moreaccount:hover { display:inline; text-decoration:none; background:#00afde; padding:2px 10px 2px 10px; text-align:center; color:#fff; display:block; margin-top:5px; font-weight:normal !important; text-decoration:none !important;} .notable { width: 100%; margin:0; padding:0;} .notable td { border:0; padding:0; margin:0;} .notable td.tdline { border:0; padding:2px 0 2px 0; margin:0; border-bottom:1px dotted #ccc;} .notable td p.nopad { border:0; padding:0 !important; margin:0;} /*******************************/ /* shipping billing address */ /*******************************/ #shipbil { width:660px; margin:20px auto 30px auto;} #shipbil h3 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; display:block; border-bottom:1px solid #dadada; padding-bottom:5px; margin-bottom:5px;} #billing { float:left; width:300px; border:1px solid #dadada; padding:10px 10px 20px 10px; } #shipping { float:right; width:300px; border:1px solid #dadada; padding:10px 10px 20px 10px;} label.proof { width:160px;} /*******************************/ /* account */ /*******************************/ #orderstatus { display:block; margin:20px 0 30px 0; overflow:hidden; background:#e9e9e9; padding:5px 10px 5px 10px; } #orderstatus ul { } #orderstatus ul li { float:left; list-style:none; margin-right:10px; height:30px; line-height:30px; } #orderstatus ul li.achistory a { text-decoration:none; background:#fff url(images/history.gif) no-repeat 5px 8px; padding:5px 5px 5px 26px; color:#333; border:1px solid #dadada; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #orderstatus ul li.achistory a:hover { background:#fcfcfc url(images/history.gif) no-repeat 5px 8px; padding:5px 5px 5px 26px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #orderstatus ul li.acdownload a { text-decoration:none; background:#fff url(images/download.gif) no-repeat 5px 8px; padding:5px 5px 5px 30px; color:#333; border:1px solid #dadada; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #orderstatus ul li.acdownload a:hover { background:#fcfcfc url(images/download.gif) no-repeat 5px 8px; padding:5px 5px 5px 30px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #orderstatus ul li.acdetail a { text-decoration:none; background:#fff url(images/detail.gif) no-repeat 5px 6px; padding:5px 5px 5px 30px; color:#333; border:1px solid #dadada; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #orderstatus ul li.acdetail a:hover { background:#fcfcfc url(images/detail.gif) no-repeat 5px 6px; padding:5px 5px 5px 30px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #orderstatus ul li.pending a { text-decoration:none; background:#fff url(images/pending-btn.gif) no-repeat 5px 6px; padding:5px 5px 5px 26px; color:#333; border:1px solid #dadada; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #orderstatus ul li.pending a:hover { background:#fcfcfc url(images/pending-btn.gif) no-repeat 5px 6px; padding:5px 5px 5px 26px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #orderstatus ul li.completed a { text-decoration:none; background:#fff url(images/completed-btn.gif) no-repeat 5px 8px; padding:5px 5px 5px 23px; color:#333; border:1px solid #dadada; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #orderstatus ul li.completed a:hover { background:#fcfcfc url(images/completed-btn.gif) no-repeat 5px 8px; padding:5px 5px 5px 23px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #orderstatus ul li.goback a { text-decoration:none; background:#fff url(images/control_back.gif) no-repeat 5px 6px; padding:5px 5px 5px 30px; color:#333; border:1px solid #dadada; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .orderstatus { display:block; margin:20px 0 30px 0; overflow:hidden; background:#e9e9e9; padding:5px 10px 5px 10px; } .orderstatus ul { } .orderstatus ul li { float:left; list-style:none; margin-right:10px; height:30px; line-height:30px; } .orderstatus ul li a { text-decoration:none; background:#fcfcfc url(images/download.gif) no-repeat 5px 8px; padding:5px 5px 5px 30px; color:#333; border:1px solid #dadada; } .orderstatus ul li.selected a { text-decoration:none; background:#ddd url(images/download.gif) no-repeat 5px 8px; padding:5px 5px 5px 30px; color:#333; border:1px solid #fff; font-weight:bold; } /*******************************/ /* front page - grid view */ /*******************************/ #frontproducts { display:block; margin:15px 0 0 0; padding:0; } #frontproducts ul#grid { list-style:none; } #frontproducts ul#grid li { float:left;} #frontproducts ul#grid li ul { float:right !important; margin-left:0 !important; float:left; margin-left:-13px;} #frontproducts ul#grid li ul li { width:200px; float:left; border:1px solid #ececec; margin:0 0 15px 15px; padding:5px; list-style:none;} #frontproducts ul#grid li h2 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; border:none; margin:0; padding:8px 10px; display:block; background:#124359 url(images/r2-bg.gif) repeat-x; text-transform:none; border-bottom:1px solid #fff;} #frontproducts ul#grid li h2 a { color:#fff; text-decoration:none; } #frontproducts ul#grid li .proprice { display:block; background:#FCE8F1; padding:5px 10px; border:1px solid #ececec; border-top:1px solid #fff !important;} #frontproducts ul#grid li .proprice span.fixedprice { display:block; float:left; font-weight:bold;} #frontproducts ul#grid li .proprice span.offerprice { display:block; float:right; font-weight:bold; color:#CC3300; text-decoration:line-through;} /*******************************/ /* category page - grid view */ /*******************************/ #category-page { display:block; margin:15px 0 0 0; padding:0; } #category-page ul#grid { list-style:none; } #category-page ul#grid li { float:left;} #category-page ul#grid li ul { float:right !important; margin-left:0 !important; float:left; margin-left:-13px;} #category-page ul#grid li ul li { width:200px; float:left; border:1px solid #ececec; margin:0 0 15px 15px; padding:5px; list-style:none;} #category-page ul#grid li h2 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; border:none; margin:0; padding:8px 10px; display:block; background:#124359 url(images/r2-bg.gif) repeat-x; text-transform:none; border-bottom:1px solid #fff;} #category-page ul#grid li h2 a { color:#fff; text-decoration:none; } #category-page ul#grid li .proprice { display:block; background:#FCE8F1; padding:5px 10px; border:1px solid #ececec; border-top:1px solid #fff !important;} #category-page ul#grid li .proprice span.fixedprice { display:block; float:left; font-weight:bold;} #category-page ul#grid li .proprice span.offerprice { display:block; float:right; font-weight:bold; color:#CC3300; text-decoration:line-through;} /*******************************/ /* front page - list view */ /*******************************/ #frontproducts { display:block; margin:15px 0 0 0; padding:0; } #frontproducts ul#list { list-style:none; } #frontproducts ul#list li { float:left;} #frontproducts ul#list li ul { float:right !important; margin-left:0 !important; float:left; margin-left:-13px;} #frontproducts ul#list li ul li { width:654px; border:1px solid #ececec; margin:0 0 15px 15px; padding:5px; list-style:none;} #frontproducts ul#list li h2 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; border:none; margin:0; padding:8px 10px; display:block; background:#124359 url(images/r2-bg.gif) repeat-x; text-transform:none;} #frontproducts ul#list li .imgprice { width:200px; vertical-align:top; } #frontproducts ul#list li .proprice { width:180px; background:#FCE8F1; padding:5px 10px; border:1px solid #ececec; vertical-align:top;} #frontproducts ul#list li .proprice span.fixedprice { display:block; float:left; font-weight:bold;} #frontproducts ul#list li .proprice span.offerprice { display:block; float:right; font-weight:bold; color:#CC3300; text-decoration:line-through;} #frontproducts ul#list li h2 a { color:#fff; text-decoration:none; } #frontproducts ul#list li .infoproduct-list { width:423px; line-height:140%; background:#f7f7f7; padding:10px; border:1px solid #ececec; border-top:none; height:174px; } #frontproducts ul#list li .linkdetail-list { width:423px; background:#FCE8F1; padding:5px 10px; border:1px solid #ececec; margin-top:5px; } #frontproducts ul#list li .infobox { display:block; float:right;} #frontproducts ul#list li .infobox a { color:#333333; font-weight:bold;} #frontproducts ul#list li .imgbox { display:block; float:left;} .jquery-ratings-star { width: 16px; height: 16px; background-image: url(images/off.gif); background-repeat: no-repeat; position: relative; float: left; margin-right: 2px; cursor:pointer; } .jquery-ratings-full { background-image: url(images/on.gif); cursor:pointer; } #noscript-warning { background:#ae0000; color:#fff; font-size:120%; font-weight:bold; left:0; padding:5px 0; position:fixed; text-align:center; top:0; width:100%; z-index:101; }