/* https://github.com/nathansmith/960-Grid-System/blob/master/code/css/min/reset.css */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}svg{overflow:hidden}

html { background: #f6f6f6; }
body { background: white; max-width: 960px; height: auto; padding-bottom: 30px; margin-bottom: 30px; margin: 30px auto; border:1px solid #ccc; border-radius: 15px 15px; box-shadow: 0 0 10px #bbb; }

/* STRUCTURE */
#page { margin-left:auto; margin-right:auto; width:920px; height: auto; }
#leftcolumn { width:620px; float:left; }
#rightcolumn { width:280px; float:right; }
.productsmall { width:130px; float:left; margin:0 17px 15px 0; }
.tile { height:4em; float:left; border:1px solid #ccc; border-radius: 5px 5px; padding:5px; }
.end { margin:0; }

/* SECTIONS */
#header { background-color:#f1f1f1; text-align:center; margin-bottom:20px; border-bottom: 1px solid #ccc;  border-radius: 15px 15px 0 0;}
#footer { background-color:#ccc; text-align:center; }
#cartbox { padding:10px; background-color:#eee; border: 1px solid #ddd; }

/* TEXT */
body { font-family: arial, helvetica, sans-serif; color:#555; font-size: 0.95em; }
h1 { font-size:2em; line-height:120px; }
h2 { font-size:1.5em; margin-bottom:20px; }
.saleprice { color:red; font-weight:bold; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.small { font-size:0.85em; }
p { margin:0.5em 0; }
.form_error { color: red; font-size: 0.8em; font-style: italic; }

.input, input[type=text], input[type=email], input[type=number], input[type=password], input.range, textarea { font-size: 100%; width: 90%; padding: 4px; border: 1px solid #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: 'Helvetica Neue', arial, sans-serif; color: #333; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

table.pad { width:100%; }
table.pad td { padding:5px 5px 5px 0;}
table.pad th { border-bottom:1px dotted #ccc; font-weight:bold; }