html { height: 100%; margin-bottom: 1px } body { color: #333; background: #FFF; font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif; font-size: 75%; text-align: center } img { border: 0 } img.big { width: 200px } img.medium { width: 150px } img.small { width: 100px } img.thumb { width: 75px } .clear { font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; clear: both } #preloadedImages { width: 0; height: 0; display: inline; background-image: url(../images/loadingAnimation.gif) } .treeview li a { display: block; padding: 5px; color: #6CAF00; background-color: inherit; text-decoration: none; border-bottom: 1px solid #eee } .treeview li a:hover { color: #fff; background-color: #c8e25d; border-bottom: 1px solid #fff } .treeview a.selected { background-color: #c8e25d } .treeview li span.top { display: block; background-color: #fff; border-bottom: 1px solid #eee; cursor: pointer; text-decoration: none; color: #666; padding-bottom: 0.3em; padding-top: 0.3em; margin-top: 0.3em; margin-bottom: 0.3em }
.treeview, .treeview ul { padding: 0; margin: 0; list-style: none } .treeview li { margin: 0; padding: 5px } .cf_wrapper { float: left; width: 458px; color: #ddd; border: 1px solid #ddd; padding: 4px; background-color: #fff; height: 200px; margin-bottom: 10px } ul#cf_content li img { width: 457px; height: 200px; background: #FFF url(../images/loader.gif) no-repeat center } ul { list-style: none } #nlist-wrap { float: left; width: 458px; color: #ddd; border: 1px solid #ddd; padding: 4px; background-color: #fff; height: 40px; margin-bottom: 5px } #nlist-txt { float: left; width: 360px; color: #ddd; background-color: #fff; height: auto; } #nlist-but { float: left; width: 86px; padding-top: 10px; padding-left: 10px; color: #ddd; background-color: #fff; height: 30px; border-left: 1px solid #ddd; } #nlist-wrap #nlist-but a { float: left; width: 65px; margin-top: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #8B9881; border-bottom-color: #79866F;
background: #98C000 url('../images/button_gradient.png') repeat-x; font-size: 12px; padding: 0.5ex; cursor: pointer; text-align: center; color: #000 } #nlist-wrap #nlist-but a:hover { background: #C8E26B url('../images/button_gradient_hover.png') repeat-x; text-decoration: none } #nlist-wrap #nlist-but a:focus { outline: none; border: 1px solid #C4D257; border-bottom-color: #DAE38D; background: #C8E26B url('../images/button_gradient_hover.png') repeat-x; text-decoration: none } #top-wrap { width: 100%; background: #303030; height: 100%; padding-bottom: 2px } #top { background: #303030 url(../images/tab_bg2.gif) center repeat-y; margin: 0 auto; width: 756px; height: 100%; padding-left: 2px; padding-right: 2px } .navbar { padding: 0; margin: 0 auto; text-align: center; height: 30px; font: 400 .9em Arial, Helvetica, sans-serif } .navbar li { list-style: none; display: inline } .navbar li a { height: 20px; padding-right: 20px; padding-left: 20px; color: #fff; text-decoration: none;
background: #303030 url(../images/tab.png) top right no-repeat; float: left; padding-top: 10px } .navbar li a:hover { background-position: right -30px; color: #999 } .navbar li a:active { background-position: right -30px } .navbar li.home a { background: #303030 url(../images/tabH.png) top right no-repeat } .navbar li.home a:hover { background-position: right -30px; color: #ccc } #search_widget { float: right; margin: 5px 6px 0 } #search_field.empty { color: gray } #container-wrap { width: 100%; text-align: left; background: #FFF url(../images/bg.gif) top left repeat-x; height: 100%; margin-top: 1px; border-top: #000 solid 1px } #container { background: #FFF url(../images/bg2.jpg) no-repeat top center; margin: 0 auto; width: 760px; text-align: left; padding: 0 115px; height: 300px } #header-wrap { width: 760px; margin-bottom: 5px; background: #FFF url(../images/loader2.gif) no-repeat center; float: left } #header-in { height: 131px; color: inherit; background: #FFF url(../images/header.jpg) no-repeat center }
#left { background: #FFF url(../images/left_bg.gif) no-repeat top left; float: left; width: 210px; color: inherit; height: auto; padding: 10px } #left-in-login { background: #FFF url(../images/loginbg.jpg) top center no-repeat; border: #ddd 1px solid; height: 100%; width: 188px; padding: 50px 10px 10px; margin-bottom: 10px } #left-in-login a.link2 { color: #CFA836; background-color: inherit; text-decoration: none; border: none; padding: 0; display: inline } #left-in-login a { display: block; padding: 5px; color: #666; background-color: inherit; text-decoration: none; border-bottom: 1px solid #eee } #left-in-login a:hover, .treeview li span.top:hover { color: #6CAF00; background-color: inherit; text-decoration: none } #left-in-login input { width: 12ex } #left-in-cat { background: #FFF url(../images/catbg.jpg) top center no-repeat; border: #ddd 1px solid; height: 100%; width: 188px; padding: 50px 10px 10px; margin-bottom: 10px } #cart { background: #FFF url(../images/cartbg.jpg) top center no-repeat;
border: #ddd 1px solid; width: 188px; padding: 50px 10px 10px; margin-bottom: 10px } #cart a { color: #CFA836; font-size: 94%; line-height: normal; text-decoration: none } #cart .remove_item { color: #F90200; font-size: 94%; line-height: normal; text-decoration: none; text-transform: uppercase } #cart .remove_item:hover { text-decoration: underline; text-transform: uppercase } #cart h3 { background-color: #B5E30E; padding: 4px; font-size: 12px; color: #fff } #cart p { padding: 10px 4px } .cart { background-color: #f8f8f8 } .activeCart { background-color: #DAFF9F } .hoverCart { background-color: #FFC } #center { float: left; color: inherit; background: #FFF url(../images/content_bg.gif) repeat-x top right; width: 510px; padding: 10px; height: auto } #center-in { padding: 20px; border: solid #ddd; border-width: 1px 1px 0 1px; background-color: #fff; height: auto; width: 468px } #products { width: 466px; height: auto } #products .product { width: 457px; height: 80px; padding: 4px; border: #ddd 1px solid;
background-color: #f5f5f5; margin-top: 10px; float: left } #products .product:hover { width: 457px; background-color: #E6E6E6 } #products .product a { color: #6CAF00 } #products .productCart { font-size: 10px } #products .productCart a.remove_item { color: #F90200; text-transform: uppercase } #products .transferProduct { border: 1px solid #6CAF00 } .prod-add { width: 72px; height: 72px; margin-left: 4px; padding: 4px; border: #ddd 1px solid; float: left; background-color: #FFF; text-align: center } .price-box { width: 72px; height: 30px; float: left; background-color: #FFF; padding-top: 6px } .price-box span { font: 700 1.1em Arial, Helvetica, sans-serif } .prod-disc { width: 221px; padding: 4px; height: 72px; margin-left: 4px; border: #ddd 1px solid; background-color: #FFF; float: left } .prod-disc div { font-weight: 400 } .prod-stock { text-align: center; width: 40px; padding: 4px; height: 72px; margin-left: 4px; border: #ddd 1px solid; background-color: #FFF; float: left; font-weight: 700;
text-transform: uppercase } .stock-sim { width: 40px; height: 20px; background-color: #AFDC0D; border: 1px solid #C4D257; float: left; margin-top: 1.2em } .stock-nao { width: 40px; height: 20px; background-color: #FAB916; border: 1px solid #C4D257; float: left; margin-top: 1.2em } .prod-thumb { cursor: default; list-style: none } .prod-thumb a { cursor: default } .prod-thumb a:hover .preview { display: block; position: absolute; top: -30px; left: -30px; z-index: 1 } .prod-thumb img { color: inherit; vertical-align: top; width: 74px; height: 76px } .prod-thumb li { background: #FFF url(../images/loader.gif) no-repeat center; border: #ddd 1px solid; color: inherit; display: inline; float: left; padding: 2px; position: relative } .prod-thumb .preview { border: #ddd 1px solid; width: 150px; height: 150px } .product { width: 458px; height: auto; padding: 4px; border: #ddd 1px solid; background-color: #f5f5f5; margin-top: 10px; float: left } .product p { font-family: Arial, Helvetica, sans-serif; font-size: .7em }
#product-main-image { width: 200px; height: 200px; border: #ddd 1px solid; background-color: #fff } #product-main-image-wrap { width: 200px; height: auto; float: left } #product-main-disc-wrap { width: 228px; height: auto; min-height: 260px; background-color: #f5f5f5; float: right } #product-main-disc { border: #ddd 1px solid; width: 218px; height: auto; padding: 4px; background-color: #fff } #product-main-price { float: left; width: 200px; text-align: left; padding-top: 10px; padding-bottom: 10px; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif } #center #center-in .product .add-button, #center #products .product .add-button { float: left; width: 65px; margin-top: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #8B9881; border-bottom-color: #79866F; background: #98C000 url('../images/button_gradient.png') repeat-x; font-size: 12px; padding: 0.5ex; cursor: pointer; text-align: center; color: #000 } .box { float: left; width: 203px; height: 300px; padding: 10px;
color: inherit; background-color: #f5f5f5; margin-top: 20px; border: #ddd 1px solid } #center #center-in .box h2 { color: #000; font: 700 .9em Arial, Helvetica, sans-serif } .box:hover { background-color: #E6E6E6 } .right { margin-left: 18px } .promo-thumb { width: 200px; height: 150px; float: left; border: #ddd 1px solid; background: #FFF url("../images/loader.gif") no-repeat center } .promo-disc { width: 203px; float: left } #center_cart { border-collapse: collapse; width: 100% } #center_cart td, #center_cart th { text-align: right; padding: 3px 0 } #center_cart td:first-child, #center_cart th:first-child { text-align: left } #center_cart #total td, #center_cart #total th { border-top: 3px double gray } #center_cart img { vertical-align: middle; margin-right: 10px } #center_cart input[type=text] { text-align: right } #display_options { width: 458px; height: auto; padding: 4px; border: #ddd 1px solid; background-color: #fff; display: block; float: left } #display_options .pages { width: 448px; height: auto;
padding: 4px; border: #ddd 1px solid; background-color: #fff; display: block; float: left; margin-top: 5px; font-size: 14px } #products .pages { width: 458px; height: auto; padding: 4px; border: #ddd 1px solid; background-color: #fff; display: block; float: left; margin-top: 10px; font-size: 14px } #display_options select { display: block; float: left; font-size: 12px; margin-top: .5em; margin-right: 1.2em; width: 60px; padding: 0.5ex; color: #CFA836 } #display_options label { display: block; float: left; font-size: 12px; padding-top: 1em; margin-right: .8em } #display_options button { display: block; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #8B9881; border-bottom-color: #79866F; background: #98C000 url('../images/button_gradient.png') repeat-x; font-size: 12px; padding: 0.5ex; cursor: pointer; text-decoration: none } #user_profile fieldset { position: relative; margin-bottom: 1ex; padding: 2ex; border: 1px solid #ddd } legend { color: #999 } label { display: block }
button { display: block; margin-top: 1ex; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #8B9881; border-bottom-color: #79866F; background: #98C000 url('../images/button_gradient.png') repeat-x; font-size: 12px; padding: 0.5ex; cursor: pointer; text-decoration: none } #search_widget button { margin: 0; display: inline; font-size: 11px } #search_field { color: #000; font-size: 10px; margin-right: 10px } button:hover, #display_options button:hover, #center #center-in .product .add-button:hover, #center #products .product .add-button:hover { background: #C8E26B url('../images/button_gradient_hover.png') repeat-x; text-decoration: none } button:focus, #display_options button:focus, #center #center-in .product .add-button:focus, #center #products .product .add-button:focus { outline: none; border: 1px solid #C4D257; border-bottom-color: #DAE38D; background: #C8E26B url('../images/button_gradient_hover.png') repeat-x; text-decoration: none } input { -moz-border-radius: 4px;
-webkit-border-radius: 4px; border: 1px solid #B5BDB1; border-bottom-color: #D0D6CD; background-image: url('../images/textfield_bg-pattern.png'); background-repeat: repeat-x; padding: 0.5ex; font-size: 11px } input:focus { outline: none; border: 1px solid #C4D257; border-bottom-color: #DAE38D; background-image: url('../images/textfield_bg-pattern.png') } #login input { width: 195px } #login { display: table } #login span { display: table-cell; width: 200px; padding: 0 0 0 14px; vertical-align: top } #login span:first-child { padding: 0 14px 0 0 } #login h2 { padding-top: 2em } #toplink-wrap { float: left; color: inherit; background: #FFF url(../images/top_tab.gif) no-repeat top right; width: 25px; height: 23px; padding-left: 470px; padding-right: 15px } #toplink-in { padding-top: 5px } #toplink-in a { color: #aaa; background-color: inherit; font-size: 80%; list-style: none; text-align: left; text-decoration: none } #footer-wrap { clear: both; padding-top: 10px } ul#nav-footer { margin: 0; padding: 0 2px;
color: #aaa; background-color: inherit; font-size: 80%; list-style: none; text-align: right } ul#nav-footer li { display: inline } ul#nav-footer li.left { float: left } ul#nav-footer li a { margin: 0 3px; color: #aaa; background-color: inherit } ul#nav-footer li a:hover { color: #333; background-color: inherit } *.x, .prod-thumb a .preview { display: none } #header-wrap h1 { padding: 10px; font-size: 150% } #center h2 { margin: 0 0 5px; font: 700 1em Arial, Helvetica, sans-serif } #left h2 { margin: 0 0 10px; font-size: 100% } #center p { margin: 5px 0; color: #444; background-color: inherit; font-size: 90%; line-height: 15px } #center a { font-size: 90%; color: #CFA836; text-decoration: none } #center a:hover { color: #CFA836; text-decoration: underline } #left p { margin: 5px 0; color: #666; background-color: inherit; font-size: 90% } p a, ul.list a { color: #CFA836; background-color: inherit; text-decoration: none; border-bottom: 1px solid #F1F7FF } p a:hover, ul.list a:hover { color: #333;
background-color: inherit; border-bottom: 1px solid #eee } h3 { margin: 20px 20px 20px 0; font-size: 100% } A:active, A:visited, A:link { text-decoration: none; color: #fff } A:hover { text-decoration: underline; color: #fff } * { margin: 0; padding: 0 } #att { background-color: #fff; border-bottom: 1px solid; height: 100%; line-height: 2.5em; top: 0; width: 100%; position: fixed; left: 0; bottom: 0; right: 0 } #att p { background: transparent url(../images/att.png) no-repeat 0 46%; margin: 0; display: inline; padding: 6px 0 6px 26px }