table {
border-spacing: 0;
}
dt {
font-weight: bold;
}
.cake_debug {
padding: 1em;
border: 1px solid red;
background: #fff;
text-align: left;
color: #000;
}* {
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #333;
min-width: 700px;
font-size: 76%;
font-family: Arial,Helvetica,sans-serif;
}
img {
border: 0;
}
a{
text-decoration:underline;
font-weight:bold;
}
a:link{
color:#009;
}
a:visited{
color:#913A57;
}
a:hover,a:active{
color:#f90;
}
h1,h2,h3,h4,h5{
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
line-height:1.1em;
}
h2,h3,h4,h5{
margin:2em 0 1em;
}
h1{
font-size:1.4em;
margin-bottom:1em;
}
h2{
font-size:1.2em;
}
body.simple h2 {
clear:both;
}
h3{
font-size:1.1em;
}
h4{
font-size:1.1em;
}
h5{
font-size:1.0em;
}
ul, p, ol, dl {
margin-top:1em;
line-height:1.5;
}
li {
margin-left:2em;
}
/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper {
width: 100%;
}
#header, #subnav, #footer {
clear: both; 
width: 100%;
}
#contentfloatholder {/* right faux column tab */
float: left;
width: 100%;
}
#contentfloatholder:after, #header:after, ul.cols:after, div.productwrapper:after, ul.flist:after {
content: "."; 
display: block; 
height: 0;
clear: both; 
visibility: hidden;
}
#center {
color:#333;
margin: 0 15em  0 8em;
min-width:500px;
padding:2em;
}
#center, #left, #right {
min-height:400px;
}
#centerwrap {
float:left;
width: 100%; 
margin: 0 -95% 0 0;
}
#left {
float:left;
margin: 0 0 0 -5%;
width: 13em;
}
#right {
float:right;
width: 14em;
margin: 0;
padding:1em;
}
/* header */
#header {
height: 100px;
border-bottom:1px solid #333;
}
#header img {
float:left;
margin: 50px 10px 0px 0px;
}
#header form {
margin: 2em 10px 0;
width:25em;
float:right;
text-align:right;
}
#header form button {
padding:1px 2px;
display:inline;
}
#header a.edit {
border-top:0;
border-right:0;
position:absolute;
top:0;
right:0;
}
/* horizontal navigation */
#subnav {
background: #676767;
text-align: center;
border-top:1px solid #ABB1CB;
}
#subnav ul {
font: 1.3em arial, verdana, sans-serif;
line-height:1.5em;
font-weight: bold;
margin-top:0;
}
#subnav ul li {
margin:0;
display: inline;
}
#subnav ul li a {
margin-left:-1px;
border-left:1px solid #fff;
border-right:1px solid #fff;
color: #fff;
text-decoration:none;
padding:5px 1.5em;
}
#subnav ul li a:hover {
margin:1px 0;
margin-left:-1px;
border-top:3px solid #900000;
color: #000;
}
/* left column contents */
#left h2, #right h2 {
background-color:#ccc;
border-top:1px solid #fff;
border-bottom:1px solid #666;
color:#000;
font-size:1.1em;
margin:0;
line-height:1.5em;
padding-left:5px;
}
#left ul {
margin:0;
padding:1em 0;
list-style:none;
border-right:1px solid #666;
border-bottom:1px solid #666;
line-height:2em;
background: #eef2f3;
}
#left li {
margin:0;
}
#left li a, #left li a:visited, #right #cart .checkout  {
color:#333;
text-decoration:none;
font-weight:bold;
display:block;
padding-left:20px;
}
#left li a:hover{
background-color:#fff;
}
/* shoppingcart */
#right #cart {
background-color:#fff;
border:1px solid #333;
}
#right #cart h2, #right #cart a.checkout  {
border-top:0;
background: #9F0000; 
color:#fff;
line-height:2em;
padding-left:0.5em;
border-top:1px solid #fafafa;
}
#right #cart a.checkout  {
padding-left:1em;
}
#right #cart h2 a {
background: url(/img/icon_cart.png) center left no-repeat;
color:#fff;
display:block;
padding-left:30px;
}
#right #cart ul {
list-style: none;
}
#right #cart ul li {
margin-left:1em;
}
#right #cart ul.total {
border-top:1px solid #333;
margin:5px;
text-align:right;
}
#right #cart li.total {
border-top:1px solid #333;
font-weight:bold;
}
/* simple layout */
body.simple #center {
margin:0 25%;
}
body.simple #center fieldset {
background:#eee;
border:1px solid #999;
padding:0 1em 1em;
}
body.simple #email {
width:20em;
}
body.simple #password {
width:6em;
}
body.simple #center a {
float:right;
line-height:2em;
}
body.simple-wide #center {
margin:0 5%;
}
/* prices */
span.nprice {
color: #999;
text-decoration: line-through;
}
span.sprice {
color: #c30;
font-weight: bold;
}
/* tables */
table {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
margin-top:1em;
width:100%;
}
td, th {
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:4px;
vertical-align:top;
}
th {
background-color:#eee;
border-bottom:1px solid #666;
border-top:1px solid #fff;
text-align:left;
}
td h3 {
margin:0;
}
.branddesc, .catdesc {
padding:0 1em 1em 1em;
}
div.catdesc {
background:#e3e3e3;
}
div.branddesc {
background:#e3e3e3;
}
/* product listing */
ul.cols li {
border:1px solid #ccc;
display:block;
float:left;
height:165px;
padding:1em;
margin:0.5em 1em 0.5em 0;
text-align:center;
width:165px;
}
ul.cols li a {
display:block;
}
/* footer */
#footer {
font-size:0.8em;
text-align:center;
padding-top:3em;
}
#footer ul.portals {
background:#eee;
border:1px solid #ccc;
line-height:2em;
margin-top:0;
}
#footer ul li {
display:inline;
}
/* flash messages */
div.fmessage {
border-bottom:1px solid #333;
line-height:1.5;
padding:5px 20px;
}
div.confirmation {
background-color:#f4f8e4;
color:#729d00;
font-weight:bold;
}
.error {
background:#fcc;
}
/* action buttons */
a.edit, button, a.admin {
background:#fff;
border:1px solid #333;
color:#333;
padding:5px 1em;
text-align:center;
text-decoration:none;
}
a.admin {
background:#3297FC url(/img/admin_button_bg.jpg) 1px 1px repeat-x;
color:#fff;
}
#center a.admin {
display:block;
width:10em;
margin:1em 0;
}
pre {
text-align:left;
font-size:1.4em;
}

legend{
font-weight:bold;
padding:0;
}
fieldset {
margin: .5em 0;
border:0;
}
input, textarea, select{
border:1px solid #ccc;
border-color:#666 #ccc #ccc #666;
}
input, textarea {
padding:2px 4px;
}
option {
padding:0 1em 0 4px;
}
ul.flist, fieldset ul {
margin-top:0;
list-style: none;
}
ul.flist {
padding-left:1em;
}
ul.flist li {
display:inline;
float:left;
margin:0 1em 1em 0;
width:14em;
}
ul.flist li.block {
display:block;
float: none;
margin: 1em 0;
width:90%;
}
ul.flist li label{
display:block;
}
ul.flist li.cl {
clear:left;
}
ul.flist li.cb {
clear:both;
width:26em;
}
ul.flist li.cb input {
width:22em;
}
ul.flist li.cb input[type='checkbox'] {
width: auto;
}
li.error {
border: 1px solid red;
padding:0.5em 0.5em;
font-weight:bold;
margin-right:1em;
}
li.error span {
display:block;
}
li.save {
clear:both;
}
button {
clear:both;
display:block;
font-weight:bold;
padding:0.2em 0.5em;
}
/* address and shipping */
.order {
width:65em;
}
.order fieldset {
margin-bottom:1em;
}
.oaddress {
background:#F4F8FF;
float:left;
padding:1em;
width:36em;
}
.oinfo {
background:#F9F7ED;
clear:right;
float:right;
padding:0;
width:26em;
}
.oinfo li {
margin:0;
padding-left:1.5em;
line-height:2em;
}
.oinfo li.active {
background:#cfff9f;
font-weight:bold;
}
.oinfo li input{
bottom:-3px;
position:relative;
}
/* simple layout */
body.simple #center fieldset {
padding-top:1em;
}
#header label {
position:absolute;
margin-top:-100px;
}