/** css/lndr.css * * @package HXM::CSS * @author Owner * @version $Id$ * @copyright 2004 HyperX, Inc. All Rights Reserved. * @todo * **/ /** * everything! color pallet: light tan bg: #E1DCC4 darker tan bg: #CEC59F Dark Brown bg: #5A4235 Darkest brown bg: #473324 Red: #951025 Copy: **/ * { margin: none; padding: none; } /** * **/ body { /*background-image: url( "/images/main/bg_02.gif" );*/ background-color: #E1DCC4; /*background-color: #ffffff;*/ /*font: 11px Georgia, "Times New Roman", Times, serif;*/ font: 11px Georgia, "Times New Roman", Times, serif; margin: 0px; padding: 0px; } p { margin: 0px 0px 10px 0px; /*color: #473324;*/ } /** * * * all images default to no border. **/ img { border: none; } table { background-color: #951025; border: none; border-spacing: 1px; width: 100%; float: left; } th { background-color: #CEC59F; padding: 6px; color:#000000; } td { background-color: #FFFFFF; padding: 6px; } #featured_products td { background-color:#E1DCC4; } /** *

elements **/ form { margin: 0px; padding: 0px; } input, select { border: 1px solid #333; font: 11px Verdana; margin:0px 0px 0px 0px; } input[type=checkbox] { border: none; } .checkbox { border: none; } input.button, input.red_button { font: 11px Georgia, "Times New Roman", Times, serif; font-weight:bold; width:auto; padding:1px 2px; margin:2px; } head:first-child+body input.button, head:first-child+body input.red_button{ padding:2px 4px; margin:2px; } input.button { color:#333333; background-color:#E0DFE3; border: 1px solid #333333; } input.red_button { color:#FFFFCC; background-color:#CC0000; border: 1px solid #333333; } /* input.button, input.red_button { font-size:11px; font-weight:bold; padding:2px 1px; margin:0px 1px; } input.button { color:#333333; background-color:#CCCCCC; border: 1px solid #333333; } input.red_button{ color:#FFFFFF; background-color:#CC0000; border: 1px solid #FFFFFF; } */ textarea { border: 1px solid #333; padding: 2px; font: 11px Verdana; } textarea.comments { width: 200px; height: 100px; margin:0px; } a { color: #951025; text-decoration: underline; } a:hover { color: #951025; text-decoration: none; } h1 { /*color: #951025;*/ /*text-transform: uppercase;*/ color: #951025; text-align: left; font-size: 17px; margin: 0px 0px 12px 0px; padding: 0px; /*text-transform:uppercase;*/ letter-spacing:-1px; font-variant:small-caps; } h2 { color: #000000; text-transform: uppercase; font-size: 12px; margin-top:0px; margin-bottom:7px; } h3 { color: #700; text-transform: uppercase; font-size: 11px; } h4 { color: #700; text-transform: uppercase; font-size: 10px; } #banner { width: 750px; height: 93px; background-image: url( "/images/main/bg_top_new.gif" ); background-repeat: no-repeat; background-position: center top; } #cart { padding: 45px 50px 0px 570px; } #sections { height:41px; } #menu { width: 750px; height: 24px; color: #CECFCE; background-color: #423021; font-size: 11px; /*text-transform: uppercase;*/ font-variant:small-caps; position: relative; top: -3px; font-family: Georgia, "Times New Roman", Times, serif; } #menu a { color: #E1DCC4; text-decoration:none; } #menu a:hover { color: #E1DCC4; text-decoration: underline; } #menuleft { float: left; padding: 5px 0 0 8px; } #menuright { float: right; padding: 5px 8px 0 0; } .center { text-align: center; } .right { text-align: right; } .left { text-align: left; } #regbox { position: relative; top: -3px; font-size: 10px; color: #000000; background-color: #FFFFFF; text-align: left; /*height: 180px;*/ border:1px solid #951025; margin: 0px; padding: 8px 8px 8px 8px; } #regbox p { color: #000000; } #product-images { position: relative; top: -3px; } /* -------- */ #container { width: 750px; margin: 0px auto 0px auto; /*background-image: url( "/images/main/bg.gif" ); background-repeat: repeat-y; border: 1px solid black;*/ } #leftnav { float: left; width: 140px; /*padding: 10px;*/ padding: 10px 0px 0px 0px; } #leftnav a { text-decoration: none; } #rightnav { float: right; width: 140px; /*padding: 10px;*/ padding: 12px 0px 0px 0px; } #content { top: -3px; margin: -3px 160px 0 160px; padding: 10px; } #content p.summary { float: left; display: block; position: relative; margin: 0px; padding: 0px; padding: 15px 0px 0px 0px; top: -10px; left: -10px; display: block; } #footer { width: 750px; margin: 0px auto 0px auto; padding: 20px 0 0 0; text-align: center; color: #333; /*background-image: url( "/images/bg_bottom2.gif" );*/ background-image: url( "/images/bg_bottom3.gif" ); background-position: top center; background-repeat: no-repeat; } div.lcatgs { font-size: 12px; line-height: 14px; padding: 0 0 20px 0px; /*background-image: url( /images/main/bg_lcatgs.gif );*/ background-position: bottom; background-repeat: no-repeat; font-variant:small-caps; font-family: Georgia, "Times New Roman", Times, serif; } div.lcatgs strong a { color: #951025; font-weight:bold; padding: 0px; margin: 0px; } div.lcatgs a { color: #000000; } /** * the div.row declarations are used throughout the checkout process. we should try to achieve * the same appearance as tables, above. **/ div.row { height: 26px; } div.row span.label { /*border-bottom: 1px solid #999;*/ border: 0px 0px 0px 0px; height: 20px; float: left; font-weight: bold; font-size: 10px; text-transform: uppercase; text-align: right; width: 38%; margin-top: 3px; /* border: 1px dotted #333;*/ } div.row span.value { float: right; width: 60%; text-align: left; /* border: 1px dotted #333;*/ } div.row span.title { float: left; width: 98%; font-weight: bold; text-align: right; } div.row span.notes { font-style: oblique; } div.errors { border: 3px double #e7e7e7; background-color: #500; color: #e7e7e7; padding: 10px; margin-bottom: 20px; } div.errors h2 { color: #e7e7e7; } div.thanks { border: 3px double #e7e7e7; padding: 10px; margin-bottom: 20px; } #brand { clear: both; position: relative; bottom: 10px; } #orig_brand { clear: both; position: relative; bottom: 10px; left: 595px; } #logo-print { display: none; } div.product { width: 410px; padding: 10px; float: left; text-align: left; } table.wborders{background-color:#FFFFFF;margin:0;padding:0;} /**************** CLEAR ****************/ /* Clearing floats */ div.clear{clear:both;margin:0;padding:0;display:block;height:0px;visibility:hidden;} div.clearsep{clear:both;margin:0;padding:0;display:block;height:1px;visibility:hidden;} .clearfix:after{clear:both;display:block;content:".";height:0;visibility:hidden;} .clearfix{display:inline-table;} /* Hides from IE-mac \*/ * html .clearfix{height:1%;} .clearfix{display:block;} /* End hide from IE-mac */